/* * @Author: lxhcool * @Date: 2017-12-19 13:47:25 * @Last Modified by: Marte * @Last Modified time: 2018-04-08 19:51:40 */ /*滚动条美化*/ ::-webkit-scrollbar { width:8px; height:8px; } ::-webkit-scrollbar-track { width: 8px; background-color:rgb(238, 238, 238); } ::-webkit-scrollbar-thumb { background-color:rgb(188, 190, 192); background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; } ::-webkit-scrollbar-thumb:hover { background-color:#000; } .banner-2{ height: 0 !important; } .det-main .det-con .det-info table{ border: 1px solid #333333; width: 100% !important; } .det-main .det-con .det-info table tr:nth-child(1){ border-top: none; } .caption, th, td{ border: 1px solid #333; text-align: center; } /* Header */ .m_join{display:none;} body{ padding-top:105px; } .header{ width:100%; height:105px; background:#ffffffb5; padding:0px 0px 0px 14px; position:fixed; box-shadow:0 2px 2px rgba(0,0,0,.05), 0 1px 0 rgba(0,0,0,.05); z-index:1000; border-bottom:1px solid #dedede; } .show-bar{ -webkit-transition:all .3s ease; transition:all .3s ease; top:0px; left:0; right:0; } .hidden-bar{ top:-100px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.04);} .showed{ top:0; } .header .logo{ width:500px; height:105px; background:url("../images/icon/logo-new.png") no-repeat left center; background-size:100%;} .header .header-right{ width:calc(100% - 638px); height:100%; } .header .toplink{ width:100%; height: 37px; background:url("../images/icon/line.png") no-repeat bottom; padding-right: 30px; background-size:1914px 1px; } .header .toplink > a, .header .toplink span{ display:block; float:right; margin-right:20px; cursor:pointer; font-size:14px; color:#666; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; height: 36px;line-height: 36px; } .header .toplink > a.tel{font-size: 14px;} .header .toplink > a.tel .tel-swiper{width: 226px;float: left;overflow: hidden;} .header .toplink span.station{z-index: 1600;} .header .toplink > a:hover, .header .toplink > a.on{ color:#1f61c3; } .header .toplink span:hover{ color:#1f61c3; } .header .toplink > a i, .header .toplink span i{ background:url("../images/icon/header-icon.png"); background-size:414px 25px; display:block; } .header .toplink .tmall{ background:url("../images/tmall.png") no-repeat center; width:24px; height:24px; margin: 6px 20px 0 12px;} .header .toplink .yicai{ background:url("../images/yicai.png") no-repeat center; width:20px; height:20px; margin: 8px 20px 0 -8px;} .header .toplink .transvest{ background:url("../images/icon/header-icon.png"); background-size:414px 25px; width:33px; height:17px; background-position:-77px 0px; } .header .toplink .platform i{ background:url("../images/icon/header-icon.png"); background-size:414px 25px; width:18px; height:17px; background-position:-167px 0px; margin-right:7px; float:left; } .header .toplink .tel i{ width:12px; height:16px; background-position:-251px 0px; margin: 10px 5px 0 0; float:left; } .header .toplink .station{ position:relative; } .header .toplink .station > i{ width:8px; height:4px; float:right; background-position:-325px -1px; margin: 16px 0 0 7px; } .header .toplink .station:hover i{ background-position:-325px -20px; } .header .toplink .station .station-box{ width:222px; border:1px solid #f1f1f1; display:none; border-top:0; position:absolute; left:50%; top:36px; padding:0px 0px 10px 15px; background:#fff; margin-left:-111px;bottom: auto; } .header .toplink .station .station-box a{ width:50%; float:left; font-size:12px; color:#666; line-height: 30px;height: 30px;display: flex;align-items: center; border-top: none;} .header .toplink .station .station-box a:hover{ color:#1f61c3; } .header .toplink .station .station-box a:nth-child(even){ float:right; } .header .toplink .station .station-box a i{ background:url("../images/icon/arrowR-small.png") no-repeat scroll center center; width:3px; height:6px; display:inline-block; vertical-align:middle; margin-right:5px; } .header .toplink .station:hover .station-box{ display:block; } .header .toplink .en{ margin-right:0; } .header .nav{ height:68px; padding-right:30px; } .header .nav ul > li{ font-size:16px; color:#333333; float:left; height:68px; margin-left: 60px; line-height:68px;/*position: relative;*/z-index: 10;} .header .nav ul > li > a{ font-size:16px; color:#000; display:block; height:68px;transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .header .nav ul > li:hover > a, .header .nav ul > li.on > a{ color:#1f61c3; } .header .nav ul > li.on > a{ border-bottom:2px solid #1f61c3; } .header .search-box { height:36px; width: 36px;background: url(../images/search.png) no-repeat center;cursor: pointer;} .header .search-box .text { width:25px; height:25px; line-height:25px; border-radius:12px; background:#1f61c3; border:0; text-indent:1.5em; font-size:12px; color:#fff; position:absolute; right:0px; top:0; bottom:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; z-index: 999;} .header .search-box .btn { width:25px; height:25px; border:0; background:url("../images/icon/header-icon.png") no-repeat; background-position:-389px 0px; position:relative;z-index:1000;} /*.header .search-box:hover .text{ right:0; width:200px; }*/ .header .nav ul > li .erify{display: none;position: absolute;left: 50%;top:64px;width: 200px;margin-left: -100px;background-color: rgba(255, 255, 255, 0.9);padding: 7px 0 21px;z-index: 100;} .header .nav ul > li .erify > a{display: block;color: #6d6d6d;font-size: 14px;height: 41px;line-height: 41px;padding-left: 60px;} .header .nav ul > li .erify > a:hover{color:#1f61c3;} /* Mobile Header */ .header-mobile{ display:none; } .header-mobile{ width:100%; height:1.1rem; position:fixed; z-index:15030; background:#ffffffb5; } .header-mobile .container{ width:6.9rem; } .header-mobile .logo{ width:4.5rem; height:1.1rem; background:url("../images/icon/logo-new.png") no-repeat center center; background-size:5.1rem 0.8rem; } .header-mobile a.nav-toggle{ width:0.5rem; height:0.4rem; margin-top:0.35rem; } .header-mobile a.nav-toggle span{ display:block; width:0.5rem; height:0.06rem; margin-bottom:0.1rem; position:relative; background:#1f61c3; z-index: 1; -webkit-transform-origin:0.48rem; transform-origin:0.48rem; -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} /*汉堡icon动画*/ .nav-toggle span:first-child{/*-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;*/} .nav-toggle span:nth-last-child(2){/*-webkit-transform-origin:0% 100%; transform-origin:0% 100%;*/} /*利用transform属性来改变横条的旋转角度*/ .nav-toggle.toggle-animate span{opacity:1; -webkit-transform:rotate(45deg); transform:rotate(45deg); /*background: #232323;*/} /*隐藏一个横条*/ .nav-toggle.toggle-animate span:nth-last-child(2){opacity:0;} /*改变另一个横条的旋转角度*/ .nav-toggle.toggle-animate span:nth-last-child(3){opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .header-mobile .menu{ position:absolute; top:1.1rem; left:-100%; } .header-mobile .menu .left-nav{ width:3.75rem; height:100%; background: linear-gradient(to right, #1f61c3, rgba(173 216 230 / 15%)); } .header-mobile .menu .left-nav li{ padding:0 8%; height:0.84rem; position:relative; } .header-mobile .menu .left-nav li.on{ background:#96b7e7; } .header-mobile .menu .left-nav li.on a{ border-bottom:0; } .header-mobile .menu .left-nav li a, .header-mobile .menu .right-nav li a{ display:block; border-bottom:1px solid #96b7e7; line-height:0.84rem; color:#fff; font-size:0.24rem; } .header-mobile .menu .left-nav .lang{ padding:0 8%; margin-top:0.4rem; margin-bottom:0.2rem; } .header-mobile .menu .left-nav .lang .tmall{ width:0.89rem; height:0.27rem; display:inline-block; } .header-mobile .menu .left-nav .lang .tmall img{ width:100%; height:100%; } .header-mobile .menu .left-nav .lang .line{ width:2px; height:0.27rem; background:#96b7e7; display:inline-block; margin:0rem 0.3rem 0rem; vertical-align:middle; } .header-mobile .menu .left-nav .lang .en{ font-size:0.3rem; color:#fff; line-height:0.27rem; margin-top:0.08rem; vertical-align:middle; } .header-mobile .menu .left-nav .other{ padding:0 8%; } .header-mobile .menu .left-nav .other .yizhuang{ width:.44rem; height:.44rem; display:inline-block; margin-right:0.3rem; } .header-mobile .menu .left-nav .other .yizhuang img{ width:100%; height:100%;} .header-mobile .menu .left-nav .other .pingtai{ width:1.58rem; height:0.37rem; display:inline-block; } .header-mobile .menu .left-nav .other .pingtai img{ width:100%; height:100%;} .header-mobile .menu .right-nav{ width:3.75rem; height:100%; background:#ffffffb8; } .header-mobile .menu .right-nav ul{ display:none; } .header-mobile .menu .right-nav li{ padding:0 8%; height:0.84rem; position:relative; } .header-mobile .menu .right-nav li a{ color:#6c6c6c; border-bottom:1px solid #e1e1e1; } .header-mobile .menu .right-nav li.on{ background:#1f61c3; } .header-mobile .menu .right-nav li.on a{ color:#fff; border-bottom:0; } .header-mobile .menu .right-nav li.more-erify{height: auto;width: 100%;} .header-mobile .menu .right-nav li.more-erify .arrow{line-height: .84rem;background: url('../images/head_arrowB.png') no-repeat right center;background-size: .24rem .15rem;} .header-mobile .menu .right-nav li dl{display: none;} .header-mobile .menu .right-nav li dd a{display: block;font-size: .24rem;padding-left: .3rem;color: #999;line-height: .84rem;} .modvan{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 1040; overflow: hidden; outline: 0; opacity: 0; display: none; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; background-color: rgba(71,67,63,0.95); } .show .modvan{opacity: 1;display: block;} .show{overflow: hidden;} .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; align-items: center; justify-content: center; overflow: hidden; outline: 0; } .show .modal{display: flex;} .modal .modal-content{ -webkit-transform: translate(0,-100px); transform: translate(0,-100px); transition: transform 0.2s ease-out; } .modal .modal-content.anmi { -webkit-transform: translateY(0); transform: translateY(0); } .modal .modal-content h3{font-size: 48px;line-height: 70px;display: flex;align-items: center;color: #fff;} .modal .modal-content h3 img{margin-right: 10px;} .modal .modal-content form{width: 100%;margin-top: 40px;} .modal .modal-content .txt_inp{border: none;border-bottom: 1px solid #bcbec0;width: 348px;height: 36px;color: #fff;background: none;font-size: 16px;} .modal .modal-content .text_link{width: 70px;height: 36px;position: relative;margin-left: 22px; -webkit-transform: translateY(18px);-ms-transform: translateY(18px);transform: translateY(18px); } .modal .modal-content .sub_inp{outline: none;width: 100%;height: 100%;border: none;background: none;font-size: 12px;color: #fff;padding: 0 0 0 40px; transition: all 0.3s;font-weight: bold;} .modal .modal-content .text_link:before{position: absolute;left: 0;width: 30px;height: 1px;background: #fff;content: '';transition: all 0.3s;top: 50%;} .modal .modal-content .text_link:after{position: absolute;right: 0;width: 0;height: 1px;background: #fff;content: '';transition: all 0.3s;top: 50%;} .modal .modal-content .text_link:hover:before{width: 0;} .modal .modal-content .text_link:hover:after{width: 30px;} .modal .modal-content .text_link:hover .sub_inp{padding: 0 40px 0 0;} .modal .close{width: 40px;height: 40px;position: absolute;top: 24px;right: 24px;background: url(../images/ss_close.png) no-repeat center;cursor: pointer;} .modal .close:hover{background: url(../images/ss_close_on.png) no-repeat center;} .index12{width: 100%;height: auto;background: #000000;padding-bottom: 30px;} .index12-con{} .index12-con .left{float: left;width: 1090px;} .index12-con .left p{font-size: 12px;color: #818181;line-height: 12px;} .index12-con .left p a:hover{color: #818181;} .index12-con .left .txt{font-size: 12px;color: #818181;margin-top: 20px;display: flex;align-items: center;} .index12-con .left .txt b{color: #818181;font-size: 16px;line-height: 26px;} .index12-con .left .txt img{margin: 0 10px;} .index12-con .left .txt a{margin-left: 10px;} .index12-con .index12-r{float: right;} .index12-con .index12-r .station{margin-left: 15px;display: inline-block;height: 22px;padding-right: 15px;cursor: pointer;color: #808080; background: url(../images/foot-arr.png) no-repeat right center;position: relative;} .station-box{display: none;position: absolute;padding: 0 8px;background: #fff;bottom: 22px;width: 120px;right: 0;} .index12-con .station-box{bottom: 17px;} .station-box a{height: 30px;line-height: 30px;color: #333;display: block;text-align: center;border-top: 1px solid #ECECEC;} .station-box a:first-child{border-top: none;} .station-box a:hover{color: #818181;} .index12-con .index12-r .station:hover .station-box{display: block;} .index12-link{margin-top: 15px;} .index12-link span, .index12-link a{display: inline-block;width: 26px;height: 26px;border-radius: 100%;border: 1px solid #333;line-height: 24px;text-align: center; cursor: pointer;margin-right: 10px;} .index12-link span.wechat-icon{position: relative;} .index12-link span.wechat-icon .code { position: absolute; width: 120px; height: 120px; background: #fff; top: -136px; left: 50%; margin-left: -60px; border-radius: 3px; display: block; padding: 5px; box-shadow: 0px 1px 5px #ccc; /*opacity: 0; display: none;*/ } .index12-link span.wechat-icon .code:after{ border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .index12-link span.wechat-icon .code img { max-width: 100%; max-height: 100%; } .index12-link span.wechat-icon:hover .code{ display:block; opacity:1; } .index12-link span:hover,.index12-link a:hover{background: #333;border: none;} .index12-link span:hover .fa{color: #fff;} .index12-link a:hover .fa{color: #fff;} .index12-link .fa{display: block;width: 16px;height: 16px;margin: 5px auto;} .index12-link .fa.fa-weixin{background: url(../images/foot_wechat.png) no-repeat center;background-size: 16px;} .index12-link .fa.fa-weibo{background: url(../images/foot_dy.png) no-repeat center;background-size: 16px;} .index12-link .fa.fa-weixin:hover{background: url(../images/foot_wechat_bai.png) no-repeat center;background-size: 16px;} .index12-link .fa.fa-weibo:hover{background: url(../images/foot_dy_bai.png) no-repeat center;background-size: 16px;} .frilink{margin-top: 20px;color: #333;font-size: 14px;line-height: 30px;} .frilink span, .frilink a{color: #666;font-size: 14px;line-height: 30px;} .frilink a{margin: 0 15px;} .frilink a:hover{color: #1f61c3;} /*产品详情底部悬浮2020-04-02*/ .hg130{width: 100%;height: 100px;} .fixend input::-webkit-input-placeholder,.fixend textarea::-webkit-input-placeholder{color:#626262} .fixend{width:100%; height:100px;position:fixed;bottom:-153px;left:0;background: rgba(0,0,0,0.6);z-index:100;-webkit-transition:all .5s} .fixend.on{bottom:0} .fixend.fly{width:0;overflow:hidden;left:100%;top:calc(40% + 245px);margin-top:-325px;-webkit-transition:all .5s;transition:all .5s;} .fixend .fixend_content{height:100%;position:relative;} .fixend .fixend_logo{width: 250px;height: auto;position: absolute;left: -30px;bottom: 24px;-webkit-transition:all .5s;transition:all .5s;} .fixend .fixend_logo img{max-width: 100%;} .fixend form{width:auto;height:44px;float:right;margin-left:230px;margin: 28px 30px;} .fixend .fixend_text{width:191px;height:44px;background-color:#fff;color:#000;font-size:16px;padding:0 8px;margin-right:5px; float:left;border: none;} .fixend form > select{width:140px;height: 44px;color: #999;font-size:16px;margin-right:5px;background:#fff url(../images/icon/sel-arr.png) no-repeat center right 20px; float:left;border: none;text-indent: 8px;} .fixend .fixend_btn{width: 215px;height:44px;color:#fff;font-size:16px;text-align:center;float:left;border: none; margin-left: 5px;background: url(../images/submit-bg.jpg) repeat-x center;} .fixend .fixend_btn:hover{background: #36B07D;} .fixend .fixend_close{width:34px;height:34px;float:right;margin-right:10px;margin-top:27px;position:relative;cursor:pointer} .fixend .fixend_close img{-webkit-transition:all .5s} .fixend .fixend_close:hover img{/*-webkit-transform:rotateZ(360deg);*/animation: zhaun 0.2s linear infinite;} .fixend .fixend_close:before{content:"";width:1px;height:27px;background-color:#fff;position:absolute;left:50%;top:-27px;margin-left:-1px} .profix_select{position: relative;z-index: 10;width: 140px;height: 44px;background: #fff;float: left;margin-right: 6px;} .profix_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 44px;white-space: nowrap; background: url('../images/coating_arrow1.png') no-repeat right 10px center;cursor: pointer;} .profix_select ul{position: absolute;left: 0;bottom: 44px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll; max-height: 215px;white-space: nowrap;} .profix_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 36px;cursor: pointer;} .profix_select ul li:hover{background-color: #1f61c3;color: #fff;} @keyframes zhaun{ from{transform: rotate(0deg)} to{transform: rotate(359deg)} } @media screen and (max-width: 1366px) { .fixend .fixend_text{width: 160px;} .fixend .fixend_btn{width: 170px;} .fixend .fixend_logo{left: 77px;} } @media screen and (max-width: 1280px) { .fixend .fixend_logo img{max-width: 100%;} .fixend .fixend_text { width: 130px;} .fixend form{position: relative;z-index: 2;} } @media screen and (max-width: 750px) { .hg130{display: block;height: 1rem;transition: all 0.3s;} .fixend.on{display: block;height: 3.1rem;bottom: -2.1rem;transition: all 0.3s;} .fixend .fixend_text{width: calc(50% - 0.1rem);margin-right: 0.2rem;height: 0.75rem;font-size: 0.28rem;} .fixend .fixend_text#profix_phone{margin-right: 0;} .fixend form{width: 100%;margin: 0;} .fixend .fixend_content{padding: 1.1rem 0 0.5rem 0;} .fixend .fixend_close{position: absolute;top: 0;right: 0.4rem;} .fixend .fixend_logo{left: 0;bottom: auto;top: -0.9rem;width: 100%;} .ledpage .fixend .fixend_logo{top: -0.86rem;} .fixend .fixend_logo img{max-width: 100%;width: 3rem;} .fixend form > .profix_select{width: 2rem;margin-top: 0.15rem;margin-right: 0.2rem;height: 0.75rem;font-size: 0.28rem; background: #fff url(../images/sel-arr.png) no-repeat center right 0.12rem;} .fixend .fixend_btn{width: 2.5rem;margin-top: 0.15rem;margin-left: 0;height: 0.75rem;font-size: 0.28rem;} .profix_select p{height: 0.75rem;line-height: 0.75rem;background: transparent;} .fixend .fixend_close{display: none;} } /*手机端底部(新)*/ .foot_mb{width: 100%;background: #000000;padding: 0.2rem 0 0.1rem;display: none;} .foot_mb .img{ text-align: center; width: 100%;} .foot_mb .img img{ text-align: center; max-height: 1rem;} .foot_mb .info{ text-align: center; margin: 0.2rem 0 0.1rem;} .foot_mb .info p{font-size: 0.26rem;color: #fff;line-height: 0.46rem;} .foot_mb .rights{ text-align: center; margin-top: 0.1rem;} .foot_mb .rights p{font-size: 0.24rem;color: #666;line-height: 0.46rem;} .foot_mb .rights p a{font-size: inherit;color: inherit;} .foot_mb .foot_link{margin-top: 0.2rem;} .foot_mb .foot_link .item{margin-right: 0.2rem;width: 26px;height: 26px;display: inline-block;border-radius: 100%;border: 1px solid #333;} .foot_mb .foot_link .wxbox{background: url(../images/foot_wechat.png) no-repeat center;background-size: 15px;position: relative;} .foot_mb .foot_link .sinabox{background: url(../images/foot_sina.png) no-repeat center;background-size: 15px;} .foot_mb .foot_code{display: none;position: absolute;width: 1.4rem;height: 1.4rem;top: 50%;margin-top: -0.7rem;margin-left: 40px;box-shadow: 0px 1px 5px #ccc;padding: 0.1rem; background: #fff;transition: all 0.3s;opacity: 0;} .foot_mb .foot_code:after{border-right: 5px solid #fff;border-top: 5px solid transparent; border-bottom: 5px solid transparent;content: "";position: absolute;left: 0;margin-left: -5px;top: 50%;margin-top: -5px;} .foot_mb .foot_code img{max-width: 100%;} .foot_mb .foot_code.show{margin-left: 30px;opacity: 1;display: block;} .foot_sel {width: 100%;border: none;font-size: 0.28rem;color: #000;height: 1rem;border-bottom: 1px solid #5F5F5F; background: url(../images/foot_arr.png) right 0.2rem center no-repeat;background-color: transparent;background-size: 0.5rem;border-radius: 0; } @media screen and (max-width: 750px) { .foot_mb{display: block;} } .phone_dom{display: none;} /* Subnav */ .subnav{ width:100%; background:rgba(255,255,255,0.98); position:absolute; left:0; right:0; top:105px; z-index:1001; display:none; /*-webkit-transition:all .3s ease; transition:all .3s ease;*/ box-shadow: 0px 1px 5px 0px rgba(192, 192, 192, 0.3);} .subnav dl{ float:left; position:absolute; /*left:50%; margin-left:-115px;*/ } .subnav dl dd { float:left; line-height:40px; margin:0px 26px; } .subnav dl dd a{ font-size:14px; color:#666; line-height:40px; } .subnav dl dd a:hover{ color:#1f61c3; } .subnav dl dd.on a{ color:#1f61c3; } /* common subnav block*/ .subnav-common{position:static; max-width: 1200px; margin:0 auto;height: 312px;} .subnav-common .left{max-width: 100%; min-height: 200px; border-right: 1px solid #e4e6ec;position: relative;margin-top: 54px; float: left;} .subnav-common .left ul {overflow: hidden;} .subnav-common .left ul li {margin-right: 73px; min-width: 122px;height: auto;line-height: 67px;margin-left: 0 !important;} .subnav-common .left ul li a{padding: 0; height: auto;} .subnav-common .left ul li a:hover span{color: #1f61c3} .subnav-common .left ul li .on span{color: #1f61c3} .subnav-common .left ul li a i{display:block;float: left;margin-top: 20px;margin-right: 10px;} .subnav-common .left ul li a span{display:block;float: left;font-size: 16px;color: #333333;} .subnav-common .left .more-than{position: absolute; right: 96px; bottom: 17px; width: 105px;height: 35px; box-sizing: border-box;border: 1px solid #1f61c3; color: #969696;line-height: 32px;text-align: center; cursor: pointer; transition: all 0.25s linear} .subnav-common .left .more-than:hover{background: #1f61c3;color: #fff;} .subnav-common .right{float: right;padding-top: 62px;} .subnav-common .right ul li{height: auto; overflow: hidden;margin-right: 0;margin-left: 45px;} .subnav-common .right ul li a{height: auto;padding: 0} .subnav-common .right ul li img{max-width: 211px;} .subnav-common .right ul li h1{font-size: 20px;line-height: 48px; color: #1f61c3;} .subnav-common .right ul li span{display: block; max-width:211px;;font-size: 15px;line-height: 22px; color: #707070;} .subnav-common .right ul li h2{font-size: 16px;} .news-subnav .subnav-common .right ul li h2{font-size: 14px;width: 220px;color: #666;line-height: 24px;padding-top: 20px;} /*about ico*/ .about-subnav .about-ico1{width: 30px;height: 27px; background: url('../images/icon/about_ico1.png') no-repeat center;} .about-subnav .about-ico2{width: 30px;height: 26px; background: url('../images/icon/about_ico2.png') no-repeat center;} .about-subnav .about-ico3{width: 30px;height: 25px; background: url('../images/icon/about_ico3.png') no-repeat center;} .about-subnav .about-ico4{width: 30px;height: 28px; background: url('../images/icon/about_ico4.png') no-repeat center;} .about-subnav .about-ico5{width: 30px;height: 24px; background: url('../images/icon/about_ico5.png') no-repeat center;} .about-subnav .about-ico6{width: 30px;height: 25px; background: url('../images/icon/about_ico6.png') no-repeat center;} .about-subnav .about-ico7{width: 30px;height: 25px; background: url('../images/icon/about_ico7.png') no-repeat center;} .about-subnav .about-ico8{width: 30px;height: 25px; background: url('../images/icon/about_ico8.png') no-repeat center;} .about-subnav .about-ico9{width: 30px;height: 25px; background: url('../images/icon/about_ico9.png') no-repeat center;} .about-subnav .about-ico10{width: 30px;height: 25px; background: url('../images/icon/about_ico10.png') no-repeat center;} .about-subnav .about-ico11{width: 30px;height: 25px; background: url('../images/icon/about_ico11.png') no-repeat center;} .about-subnav .about-ico12{width: 30px;height: 25px; background: url('../images/icon/about_ico12.png') no-repeat center;} .about-subnav .about-ico13{width: 30px;height: 25px; background: url('../images/icon/about_ico13.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico1{background: url('../images/icon/about_ico1_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico2{background: url('../images/icon/about_ico2_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico3{background: url('../images/icon/about_ico3_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico4{background: url('../images/icon/about_ico4_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico5{background: url('../images/icon/about_ico5_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico6{background: url('../images/icon/about_ico6_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico7{background: url('../images/icon/about_ico7_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico8{background: url('../images/icon/about_ico8_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico9{background: url('../images/icon/about_ico9_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico10{background: url('../images/icon/about_ico10_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico11{background: url('../images/icon/about_ico11_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico12{background: url('../images/icon/about_ico12_act.png') no-repeat center;} .about-subnav .left ul li a:hover .about-ico13{background: url('../images/icon/about_ico13_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico1{background: url('../images/icon/about_ico1_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico2{background: url('../images/icon/about_ico2_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico3{background: url('../images/icon/about_ico3_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico4{background: url('../images/icon/about_ico4_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico5{background: url('../images/icon/about_ico5_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico6{background: url('../images/icon/about_ico6_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico7{background: url('../images/icon/about_ico7_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico8{background: url('../images/icon/about_ico8_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico9{background: url('../images/icon/about_ico9_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico10{background: url('../images/icon/about_ico10_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico11{background: url('../images/icon/about_ico11_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico12{background: url('../images/icon/about_ico13_act.png') no-repeat center;} .about-subnav .left ul li .on .about-ico13{background: url('../images/icon/about_ico14_act.png') no-repeat center;} /*service-subnav*/ .service-subnav .subnav-common .left ul li a i{margin-top: 20px;} .service-subnav .service-ico1 {width: 27px;height: 23px;background: url('../images/icon/service_ico1.png') no-repeat center;background-size: contain;} .service-subnav .service-ico2 {width: 25px; height: 26px; background: url('../images/icon/service_ico2.png') no-repeat center;background-size: contain;} .service-subnav .service-ico3 {width: 25px; height: 25px;background: url('../images/icon/service-ico3.png') no-repeat center;background-size: contain;} .service-subnav .service-ico4 {width: 24px; height: 21px;background: url('../images/icon/service_ico4.png') no-repeat center;background-size: contain; } .service-subnav .service-ico5 {width: 24px;height: 24px;background: url('../images/tousu_d_icon.png') no-repeat;background-size: cover;} .service-subnav .left ul li a:hover .service-ico1{background: url('../images/icon/service_ico1_act.png') no-repeat center;} .service-subnav .left ul li a:hover .service-ico2{background: url('../images/icon/service_ico2_act.png') no-repeat center;} .service-subnav .left ul li a:hover .service-ico3{background: url('../images/icon/service-ico3_act.png') no-repeat center;} .service-subnav .left ul li a:hover .service-ico4{background: url('../images/icon/service_ico4_act.png') no-repeat center;} .service-subnav .left ul li a:hover .service-ico5{background-image: url('../images/tousu_icon.png');} .service-subnav .left ul li .on .service-ico1{background: url('../images/icon/service_ico1_act.png') no-repeat center;} .service-subnav .left ul li .on .service-ico2{background: url('../images/icon/service_ico2_act.png') no-repeat center;} .service-subnav .left ul li .on .service-ico3{background: url('../images/icon/service-ico3_act.png') no-repeat center;} .service-subnav .left ul li .on .service-ico4{background: url('../images/icon/service_ico4_act.png') no-repeat center;} .service-subnav .left ul li .on .service-ico5{background-image: url('../images/tousu_icon.png');} /*joins-subnav*/ .joins-subnav .subnav-common .left .more-than{bottom: 83px} .joins-subnav .joins-ico1{width: 27px;height: 28px; background: url('../images/icon/join_ico1.png') no-repeat center;background-size: contain;} .joins-subnav .joins-ico2{width: 27px;height: 28px;background: url('../images/icon/join_ico2.png') no-repeat center;background-size: contain;} .joins-subnav .joins-ico3{width: 27px;height: 27px;background: url('../images/icon/join_ico3.png') no-repeat center;background-size: contain;} .joins-subnav .left ul li a:hover .joins-ico1{background: url('../images/icon/join_ico1_act.png')} .joins-subnav .left ul li a:hover .joins-ico2{background: url('../images/icon/join_ico2_act.png')} .joins-subnav .left ul li a:hover .joins-ico3{background: url('../images/icon/join_ico3_act.png')} /* .joins-subnav .left ul li .on .joins-ico1{background: url('../images/icon/join_ico1_act.png')} .joins-subnav .left ul li .on .joins-ico2{background: url('../images/icon/join_ico2_act.png')} .joins-subnav .left ul li .on .joins-ico3{background: url('../images/icon/join_ico3_act.png')} */ /*news-subnav*/ .news-subnav .subnav-common .left .more-than{right:75px; } .news-subnav .subnav-common{max-width: 989px;} .news-subnav .subnav-common .left{width: 182px;} .news-subnav .news-ico1{width: 27px;height: 26px; background: url('../images/icon/new_ico1.png') no-repeat center;background-size: contain;} .news-subnav .news-ico2{width: 27px;height: 24px;background: url('../images/icon/new_ico2.png') no-repeat center;background-size: contain;margin-top: 22px !important;} .news-subnav .left ul li a:hover .news-ico1{background: url('../images/icon/new_ico1_act.png') no-repeat center;} .news-subnav .left ul li a:hover .news-ico2{background: url('../images/icon/new_ico2_act.png') no-repeat center;} .news-subnav .left ul li .on .news-ico1{background: url('../images/icon/new_ico1_act.png') no-repeat center;} .news-subnav .left ul li .on .news-ico2{background: url('../images/icon/new_ico2_act.png') no-repeat center;} /*irm-subnav*/ .irm-subnav .irm-ico1{width: 24px;height: 27px;background: url('../images/icon/irm_ico1.png') no-repeat center;background-size: contain;} .irm-subnav .irm-ico2{width: 27px;height: 29px;background: url('../images/icon/irm_ico2.png') no-repeat center;background-size: contain;} .irm-subnav .irm-ico3{width: 31px;height: 31px;background: url('../images/icon/irm_ico3.png') no-repeat center;background-size: contain;} .irm-subnav .irm-ico4{width: 29px;height: 27px;background: url('../images/icon/irm_ico4.png') no-repeat center;background-size: contain;} .irm-subnav .irm-ico5{width: 28px;height: 22px;background: url('../images/icon/irm_ico5.png') no-repeat center;background-size: contain; margin-top: 20px !important;} .irm-subnav .left ul li a:hover .irm-ico1{background: url('../images/icon/irm_ico1_act.png') no-repeat center;} .irm-subnav .left ul li a:hover .irm-ico2{background: url('../images/icon/irm_ico2_act.png') no-repeat center;} .irm-subnav .left ul li a:hover .irm-ico3{background: url('../images/icon/irm_ico3_act.png') no-repeat center;} .irm-subnav .left ul li a:hover .irm-ico4{background: url('../images/icon/irm_ico4_act.png') no-repeat center;} .irm-subnav .left ul li a:hover .irm-ico5{background: url('../images/icon/irm_ico5_act.png') no-repeat center;} .irm-subnav .left ul li .on .irm-ico1{background: url('../images/icon/irm_ico1_act.png') no-repeat center;} .irm-subnav .left ul li .on .irm-ico2{background: url('../images/icon/irm_ico2_act.png') no-repeat center;} .irm-subnav .left ul li .on .irm-ico3{background: url('../images/icon/irm_ico3_act.png') no-repeat center;} .irm-subnav .left ul li .on .irm-ico4{background: url('../images/icon/irm_ico4_act.png') no-repeat center;} .irm-subnav .left ul li .on .irm-ico5{background: url('../images/icon/irm_ico5_act.png') no-repeat center;} /*.header .nav ul > li.on .subnav{ display:block; }*/ .header .nav ul > li.on .product-subnav{ display:none; } .product-subnav{ height:180px; padding-left: 60px;} .pro_fixed{position: fixed;left: 0;top: 0;width: 100%;top: 100px;z-index: 8;display: none;} .product-subnav dl{ position:static;float: none; max-width: 1200px; margin:0 auto; padding-top:43px; overflow: hidden; } .product-subnav dl .material-decor{margin: 0 auto; position: relative;} .product-subnav dl .material-decor .m-decor-ico{display: block; position: absolute;left: 23px;top: 23%; width: 27px;height: 27px; background:url("../images/icon/material-decor_ico.png") no-repeat center; background-size: contain;} .product-subnav dl .home-decor{margin: 31px auto; position: relative;} .product-subnav dl .home-decor .h-decor-ico{display: block; position: absolute;left: 23px;top: 24%;width: 21px;height: 26px; background:url("../images/icon/home-decor_ico.png") no-repeat center; background-size: contain;} .product-subnav dt{width: 180px; height: 70px;line-height:70px;background: #1f61c3;text-align: center;font-size: 16px;color: #fff;float: left;} .product-subnav dl dd{ display:inline-block; float:none; text-align:center;margin: 10px 16px; min-width: 42px;} .product-subnav dl .home-decor dd:last-child{margin: 0 7px;} /* .product-subnav dl dd i{ display:block; width:49px; height:45px; background:url("../images/icon/category-pro-xin-icon.png") no-repeat; background-size:697px 108px; margin:0 auto -5px; } */ .product-subnav dl dd i{ display:block; width:32px; height:30px; background:url("../images/icon/category-pro-xin-icon.png") no-repeat; background-size:420px 62px; margin:0 auto -5px; } .product-subnav dl dd i.icon-1{ background-position:0 0; } .product-subnav dl dd i.icon-2{ background-position: -32px 0;} .product-subnav dl dd i.icon-3{ background-position: -63px 0; } .product-subnav dl dd i.icon-4{ background-position: -94px 0;} .product-subnav dl dd i.icon-5{ background-position: -129px 0;} .product-subnav dl dd i.icon-6{ background-position: -162px 0; } .product-subnav dl dd i.icon-7{ background-position: -197px 0} .product-subnav dl dd i.icon-8{ background-position:-227px 0; } .product-subnav dl dd i.icon-9{ background-position:-260px 0; } .product-subnav dl dd i.icon-10{ background-position:-288px 0; } .product-subnav dl dd i.icon-11{ background-position:-325px 0; } .product-subnav dl dd i.icon-12{ background: url('../images/icon/e_install-ico.png') no-repeat center; background-size: 30px 28px} .product-subnav dl dd i.icon-13{background: url('../images/icon/child_ico.png') no-repeat center; background-size: 36px 29px} .product-subnav dl dd:hover i.icon-1, .product-subnav dl dd.on i.icon-1{ background-position:0 -36px; } .product-subnav dl dd:hover i.icon-2, .product-subnav dl dd.on i.icon-2{ background-position: -32px -36px; } .product-subnav dl dd:hover i.icon-3, .product-subnav dl dd.on i.icon-3{ background-position: -63px -36px;} .product-subnav dl dd:hover i.icon-4, .product-subnav dl dd.on i.icon-4{ background-position: -94px -36px; } .product-subnav dl dd:hover i.icon-5, .product-subnav dl dd.on i.icon-5{ background-position: -129px -36px; } .product-subnav dl dd:hover i.icon-6, .product-subnav dl dd.on i.icon-6{ background-position:-162px -36px; } .product-subnav dl dd:hover i.icon-7, .product-subnav dl dd.on i.icon-7{ background-position:-197px -36px; } .product-subnav dl dd:hover i.icon-8, .product-subnav dl dd.on i.icon-8{ background-position:-227px -36px; } .product-subnav dl dd:hover i.icon-9, .product-subnav dl dd.on i.icon-9{ background-position:-260px -36px; } .product-subnav dl dd:hover i.icon-10, .product-subnav dl dd.on i.icon-10{ background-position:-288px -36px; } .product-subnav dl dd:hover i.icon-11, .product-subnav dl dd.on i.icon-11{ background-position:-325px -36px; } .product-subnav dl dd:hover i.icon-12, .product-subnav dl dd.on i.icon-12{ background: url('../images/icon/e_install-ico_act.png') no-repeat center; background-size: 30px 28px} .product-subnav dl dd:hover i.icon-13, .product-subnav dl dd.on i.icon-13{ background: url('../images/icon/child_ico_act.png') no-repeat center; background-size: 36px 29px} .header .nav ul > li:hover .subnav{ z-index:5000; } /* BreadNav */ .breadNav{width: 1200px; margin: 0 auto; height:40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .breadNav a, .breadNav span{ font-size:12px; line-height:40px; color:#999; } .breadNav span{ padding:0px 10px; } .breadNav a:hover, .breadNav span.cur{ color:#1f61c3; padding:0; } .header-breadNav{ border:0; height:70px; border-bottom:1px solid #e5e5e5; margin-bottom:35px; } .header-breadNav a, .header-breadNav span{ line-height:70px; font-size:18px; color:#666; } .header-breadNav .tab{} .header-breadNav .tab li{ float:left; font-size:15px; color:#666666; margin-left:60px; } .header-breadNav .tab li a{ font-size:15px; color:#666666; display:block; padding:0px 5px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; line-height:68px; } .header-breadNav .tab li.on a{ border-bottom:2px solid #1f61c3; color:#1f61c3; } .header-breadNav .tab li:hover a{ color:#1f61c3; } /* page */ .page{width:100%;height:40px;text-align:center;line-height:38px;} .page_con{display:inline-block;*display:inline;*zoom:1;} .page a, .page_text, .page_btn{display:block;width:38px;height:38px;float:left;border:1px solid #d9d9d9;font-size:14px;color:#888;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .page a:hover, .page_btn:hover{background:#f5f5f5;} .page a.on{background:#1f61c3;color:#fff;font-weight:bolder;border-color:#1f61c3;} .page a.goprev, .page a.gonext{width:68px;} .page a.goprev{margin-right:15px;} .page a.non{background:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;} .page span{font-size:14px;color:#666;margin:0 5px;float:left;} .page_text{text-align:center;color:#333;} .page_btn{color:#666;width:68px;} /*Footer */ .footer{ padding: 70px 0px 0px 0px;background-color: #000000; } .footer-link{ padding-bottom:5px; } .footer-link .footer-ul{ float:left; margin-right: 68px;min-height: 100px;} .footer-link .footer-ul:last-child{ margin-right:0px; } .footer-link .footer-ul li h2{ font-size:15px; color:#ffffff; line-height:15px; margin-bottom:18px;font-weight: bold;} .footer-link .footer-ul li a{ font-size:13px; color:#666; line-height:28px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .footer-link .footer-ul li a:hover{ color:#1f61c3; } .footer-bottom{ width:100%;/* height:56px; */ background:#f3f3f3; line-height:28px; padding: 15px 0;} .footer-bottom .copy{ font-size:13px; color:#999; line-height:28px; } .footer-bottom .copy a:hover{ color:#1f61c3; } .footer-bottom .follow{ font-size:16px; color:#999; line-height:28px; } .footer-bottom .follow a{ font-size:16px; color:#1f61c3; font-weight:bold; } .footer-bottom .follow .follow-icon{ width:20px; height:20px; background:url("../images/icon/follow-icon.png") no-repeat; background-size:54px 75px; display:inline-block; vertical-align:middle; margin-left:10px; } .footer-bottom .follow .sina{ background-position:-35px 0px; } .footer-bottom .follow .wx{ position:relative; } .footer-bottom .follow .wx .code{ position:absolute; width:120px; height:120px; background:#fff; opacity:0; top:-140px; left:50%; margin-left:-60px; border-radius:3px; display:block; padding:10px; box-shadow:0px 1px 5px #888; display:none; } .footer-bottom .follow .wx .code i{ width:0; height:0; border-width:15px 15px 0; border-style:solid; border-color:#fff transparent transparent; display:block; position:absolute; bottom:-15px; left:50%; margin-left:-15px; } .footer-bottom .follow .wx .code img{ width:100%; height:100%; } .footer-bottom .follow .wx:hover{ background-position:0px -30px; } .footer-bottom .follow .sina:hover{ background-position:-35px -30px; } .footer-bottom .follow .wx:hover .code{ display:block; opacity:1; } .ind_foot .footer, .ind_foot .footer-link{} .footer-bottom{background-color: #1f61c3;} .footer-bottom .copy, .footer-bottom .copy a, .footer-bottom .follow, .footer-bottom .follow a{color: #fff;} .footer-bottom .follow .follow-icon, .footer-bottom .follow .wx:hover{background-position: 0 -60px;} .footer-bottom .follow .sina, .footer-bottom .follow .sina:hover{background-position: -35px -60px;} .footer-bottom .copy a:hover{color: #fff;text-decoration: underline;} .new-aside{position: fixed;right: 3px;top: 50%;margin-top: 290px;z-index: 999;} .new-aside .link{display: block;width: 70px;height: 70px;overflow: hidden;margin-bottom: 1px;background: rgba(255,255,255,0.9);border-radius: 4px;padding: 12px 0;} .new-aside .link i{display: block;width: 26px;height: 26px;background: url('../images/new_aside1.png') no-repeat;margin: 0 auto 0;} .new-aside .link .icon2{background-position: 0 -26px;} .new-aside .link .icon3{background-position: 0 -52px;} .new-aside .link .icon4{background-position: 0 -78px;} .new-aside .link .icon5{background-position: 0 -104px;} .new-aside .link p{font-size: 14px;color: #444;text-align: center;line-height: 19px;margin-top: 5px;} .new-aside .link:hover{background: rgba(145,195,63,0.9);} .new-aside .back{display: block;width: 70px;height: 70px;background: rgba(255,255,255,0.9);overflow: hidden;padding: 17px 0; border-radius: 4px;} .new-aside .back i{display: block;width: 16px;height: 11px;background: url('../images/up-icon.png') no-repeat;margin: 0px auto 0;} .new-aside .back p{font-size: 14px;color: #444;line-height: 19px;text-align: center;margin-top: 5px;} .new-aside .back:hover{background: #1f61c3;} .new-aside .back:hover i{background: url('../images/up-icon1.png') no-repeat;} .new-aside .back:hover p{color: #fff;} .new-aside .link .icon7{background: url('../images/mfdesign1.png') no-repeat center;} .new-aside .link .icon8{background: url('../images/icon_8.png') no-repeat center;background-size: contain !important;} .new-aside .link .icon9{background: url('../images/tousu_icon.png') no-repeat;background-size: cover;} .new-aside .link:hover i{background-image: url('../images/new_aside.png');background-repeat: no-repeat;} .new-aside .link:hover p{color: #fff;} .new-aside .link.link_sj:hover .icon7{background: url('../images/mfdesign.png') no-repeat center;} .new-aside .link.book:hover .icon8{background: url('../images/icon_8_.png') no-repeat center;} .new-aside .link:hover .icon9{background-image: url('../images/tousu_h_icon.png');} @media screen and (max-width: 750px) { .new-aside .link .icon8{background-image: url('../images/icon_8_.png');} .new-aside .link .icon9{background-image: url('../images/tousu_h_icon.png');} } /* Mobile footer */ .footer-mobile{ display:none; background:#3e3e3e; padding-top:10px; } .footer-mobile h2{ font-size:0.28rem; line-height:1.08rem; color:#b5b5b5; } .footer-mobile h2 b{ color:#1f61c3; } .footer-mobile .code{ border-bottom:1px solid #dcdcdc; } .footer-mobile .code .item{ float:left; padding-bottom:0.15rem;} .footer-mobile .code .item .pic{ width:2.6rem; height:2.6rem; border:0.02rem solid #e3e3e3; border-radius:0.02rem; padding:15px; margin-right:0.35rem; } .footer-mobile .code .item .pic img{ width:100%; height:100%; } .footer-mobile .code .item p{ font-size:0.3rem; color:#666; line-height:0.75rem; } .footer-mobile .copy{ font-size:0.26rem; color:#b5b5b5; line-height:1.692; padding:0.35rem 0rem 0.4rem 0rem } .footer-mobile .copy a{color: #b5b5b5;} .side_service{height: 199px;width: 50px;background: #1f61c3;border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: fixed;right: 0;bottom:20%;z-index: 999;padding: 14px 0;} .side_service>a{background: url("../images/service_icon.png") no-repeat;width: 50px;height: 57px;cursor: pointer;position: relative;display: block;} .side_service .service_tel{background-position: 13px 17px;} .side_service .service_kefu{background-position: 13px -41px;} .side_service .service_qq{background-position: 13px -101px;} .side_service .service_tel:hover{background-position: -31px 17px;} .side_service .service_kefu:hover{background-position: -31px -41px;} .side_service .service_qq:hover{background-position: -31px -101px;} .service_kefu .service_pull{width: 158px;height: 129px;position: absolute;right: 100%;background: #1f61c3;border-top-left-radius: 10px;border-bottom-left-radius: 10px;display: none;top: 0;} .service_kefu p{text-align: center;color: #e9e9e9;font-size: 15px;margin-top: 28px;} .service_kefu h1{display: block;width: 110px;height: 30px;margin: 15px auto 0;line-height: 30px;border: 1px solid #fff;color: #fff;font-size: 14px;text-align: center;border-radius: 3px;} .service_qq .service_pull{width: 138px;height: 159px;background: #1f61c3;position: absolute;right: 100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;top: -55px;display: none;} .sqr{float: left;text-align: center;width: 108px;margin: 14px 15px 0;color: #fff;font-size: 14px;} .sqr img{width: 108px;height: 108px;display: block;color: #fff;margin-bottom: 7px;} .service_qq i{width: 1px;height: 130px;background: #0175c3;float: left;margin-top: 14px;} /* Home */ .banner{ width:100%; height:660px; background:#333; cursor:pointer; cursor:url("../images/icon/grab.png"), move; } .banner:active{ cursor:url("../images/icon/grabbing.png"), move; } .banner .swiper-container-banner{ width:100%; height:100%; } .banner .swiper-container-banner .swiper-pagination{ bottom:85px; width: 100%;} .banner .swiper-container-banner .swiper-slide{ width:100%; height:100%; } .banner .swiper-container-banner .swiper-slide a{display: block;width: 100%;height: 100%;} .banner .swiper-container-banner .swiper-pagination-bullet{ width:65px; height:5px; margin: 0 7px 0 8px;opacity: 1;background: rgba(0, 0, 0, 0.5);border-radius: 0;} .banner .swiper-container-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#137dc2;} .banner .swiper-slide img{display: block;width: 1920px;height: 660px;margin-left: -960px;position: relative;left: 50%;} .banner .swiper-slide img.m_pic{display: none;} .banner .swiper-button-next, .banner .swiper-button-prev{width: 66px;height: 30px;margin-top: 0;background-size: 50px;top: auto;bottom: 80px; transition: all 0.3s;opacity: 1;filter: alpha(opacity=100);transition: all 0.3s;} .banner .swiper-button-prev{left: 160px;background-image: url(../images/swiper_left.png);} .banner .swiper-button-next{right: 160px;background-image: url(../images/swiper_right.png);} .banner .swiper-button-prev:hover{left: 150px;} .banner .swiper-button-next:hover{right: 150px;} .first-module{ width:100%; padding-bottom:7px;} .first-module .category{ background:#fff; margin-top:-70px; position:relative; z-index:100; } .first-module .category .top{ display:none; width:100%; height:1.25rem; background:#1f61c3; } .first-module .category .top .container{ width:6.9rem; } .first-module .category .top .icon{ width:30px; height:30px; margin-top:0.4rem; display:inline-block; background:url("../images/icon/category-icon.png") no-repeat; background-size:891px 110px; background-position:0px -82px; vertical-align:middle; margin-right:0.25rem; } .first-module .category .top .icon-1{ background-position:0px -82px; } .first-module .category .top .icon-2{ background-position:-303px -82px; } .first-module .category .top .icon-3{ background-position:-614px -82px; } .first-module .category .top .icon-4{ background-position:-862px -82px; } .first-module .category .top span{ font-size:0.34rem; color:#fff; line-height:1.25rem; } .first-module .category .top .arrowR{ width:0.43rem; height:1.25rem; display:block; background:url("../images/mobile/category-arrowB.png") no-repeat center center; background-size:0.43rem 0.24rem; } .category-nav{ width:100%; height:70px; } .category-nav li{ float:left; font-size:16px; color:#fff; line-height:70px; background-image:url("../images/icon/category-li.png"); background-repeat:no-repeat; background-position:center right; background-color:#137dc2; width:50%; text-align:center; cursor:pointer; transition:background-color 0.3s; -moz-transition:background-color 0.3s; -webkit-transition:background-color 0.3s; -o-transition:background-color 0.3s; } .category-nav li a{ font-size:16px; color:#fff; line-height:70px; display:block; } .category-nav li i{ width:30px; height:30px; display:inline-block; background:url("../images/icon/category-icon.png") no-repeat; background-size:891px 110px; vertical-align:middle; margin-right:20px; } .category-nav li i.icon-1{ background-position:3px -82px; } .category-nav li i.icon-2{ background-position:-296px -82px; } .category-nav li i.icon-3{ background-position:-612px -82px; } .category-nav li i.icon-4{ background-position:-861px -82px; } .category-nav li.on{ background-color:#fff; color:#374252; background-image:none; } .category-nav li.on a{ color:#374252; } .category-nav li.on i.icon-1{ background-position:3px 0px; } .category-nav li.on i.icon-2{ background-position:-296px 0px; } .category-nav li.on i.icon-3{ background-position:-612px 0px; } .category-nav li.on i.icon-4{ background-position:-861px 0px; } .category-nav li:hover{ background:#98d319; } .category-nav li.on:hover { background:#fff; } .category-nav li i.arrowR{ float:right; width:0.24rem; height:1.25rem; display:none; background:url("../images/mobile/category-arrowR.png") no-repeat center center; background-size:0.24rem 0.43rem; margin-right:0; } .category-nav-phone{ width:100%; height:60px; display: none;} .category-nav-phone li{ float:left; font-size:16px; color:#fff; line-height:60px; background-image:url("../images/icon/category-li.png"); background-repeat:no-repeat; background-position:center right; background-color:#137dc2; width:50%; text-align:center; cursor:pointer; transition:background-color 0.8s; -moz-transition:background-color 0.8s; -webkit-transition:background-color 0.8s; -o-transition:background-color 0.8s; } .category-nav-phone li a{ font-size:16px; color:#fff; line-height:60px; display:block; } .category-nav-phone li i{ width:30px; height:30px; display:inline-block; background:url("../images/icon/category-icon.png") no-repeat; background-size:891px 110px; vertical-align:middle; margin-right:20px; } .category-nav-phone li i.icon-1{ background-position:3px -82px; } .category-nav-phone li i.icon-2{ background-position:-296px -82px; } .category-nav-phone li i.icon-3{ background-position:-612px -82px; } .category-nav-phone li i.icon-4{ background-position:-861px -82px; } .category-nav-phone li.on{ background-color:#fff; color:#374252; background-image:none; } .category-nav-phone li.on a{ color:#374252; } .category-nav-phone li.on i.icon-1{ background-position:3px 0px; } .category-nav-phone li.on i.icon-2{ background-position:-296px 0px; } .category-nav-phone li.on i.icon-3{ background-position:-612px 0px; } .category-nav-phone li.on i.icon-4{ background-position:-861px 0px; } .category-nav-phone li:hover{ background:#98d319; } .category-nav-phone li.on:hover { background:#fff; } .category-nav-phone li i.arrowR{ float:right; width:0.24rem; height:1.25rem; display:none; background:url("../images/mobile/category-arrowR.png") no-repeat center center; background-size:0.24rem 0.43rem; margin-right:0; } .category-wrap-phone .category-list li i.icon-8{background: url(../images/icon/yizhuang.png) no-repeat;} .category-wrap-phone .category-list.category-list-house li i.icon-5{background: url(../images/icon/ertongjiaju.png) no-repeat;} .category-wrap{ margin-top:45px; margin-bottom:43px; } .category-wrap-phone{ margin-top:20px; margin-bottom:0px; display: none;} .category-list{ display:none; } .category-list li{ float:left; font-size:15px; height:85px; color:#374252; background-image:url("../images/icon/category-pro-li.png"); background-repeat:no-repeat; background-position:center right; width:16.66%; text-align:center; cursor:pointer; } .category-wrap-phone .category-list li{float:left; font-size:15px; height:85px; color:#374252; background-image:url("../images/icon/category-pro-li.png"); background-repeat:no-repeat; background-position:center right; width:25%; text-align:center; cursor:pointer;margin-bottom: 20px;} .category-wrap-phone .category-list.category-list-house li{width: 20%;} .category-list li:last-child{background-image:none;} .category-list li.on a:hover { color:#1f61c3; } .category-list li.on a{ color:#1f61c3;} .category-list li i{ display:block; width:54px; height:50px; background:url("../images/icon/category-pro-new-icon.png") no-repeat; background-size:770px 120px; margin:0 auto 5px; } /* .category-list li i.icon-1{ background-position:7px 7px; } .category-list li i.icon-2{ background-position:-105px 7px; } .category-list li i.icon-3{ background-position:-215px 7px; } .category-list li i.icon-4{ background-position:-325px 7px; } .category-list li i.icon-5{ background-position:-436px 4px; } .category-list li i.icon-6{ background-position:-546px 7px; } .category-list li i.icon-7{ background-position:-660px 5px; } */ .category-list li i.icon-1{ background-position:0 0; } .category-list li i.icon-2{ background-position:-60px 0; } .category-list li i.icon-3{ background-position:-120px 0; } .category-list li i.icon-4{ background-position:-180px 0; } .category-list li i.icon-5{ background-position:-240px 0; } .category-list li i.icon-7{ background-position:-300px 0; } .category-list li i.icon-6{ background-position:-360px 0; } .category-list li i.icon-8{ background: url("../images/icon/yiz-icon.png") no-repeat center; } .category-list-house li{ width:25%; } /* .category-list-house li i.icon-1{ background-position:-773px 5px; } .category-list-house li i.icon-2{ background-position:-884px 5px; } .category-list-house li i.icon-3{ background-position:-995px 5px; } .category-list-house li i.icon-4{ background-position:-1108px 5px; } */ .category-list-house li i.icon-1{ background-position:-420px 0; } .category-list-house li i.icon-2{ background-position:-480px 0; } .category-list-house li i.icon-3{ background-position:-540px 0; } .category-list-house li i.icon-4{ background-position:-600px 0; } .category-list-house li i.icon-5{ background: url("../images/icon/ertong-icon.png") no-repeat center; } .category-list li a{ font-size:15px; color:#374252; } .category-list li:hover a{ color:#1f61c3; } /* .category-list li:hover i.icon-1{ background-position:7px -73px; } .category-list li:hover i.icon-2{ background-position:-105px -73px; } .category-list li:hover i.icon-3{ background-position:-215px -73px; } .category-list li:hover i.icon-4{ background-position:-325px -73px; } .category-list li:hover i.icon-5{ background-position:-436px -76px; } .category-list li:hover i.icon-6{ background-position:-546px -73px; } .category-list li:hover i.icon-7{ background-position:-660px -75px; } */ .category-list li:hover i.icon-1{ background-position:0 -70px; } .category-list li:hover i.icon-2{ background-position:-60px -70px; } .category-list li:hover i.icon-3{ background-position:-120px -70px; } .category-list li:hover i.icon-4{ background-position:-180px -70px; } .category-list li:hover i.icon-5{ background-position:-240px -70px; } .category-list li:hover i.icon-7{ background-position:-300px -70px; } .category-list li:hover i.icon-6{ background-position:-360px -70px; } .category-list li:hover i.icon-8{ background: url("../images/icon/yiz-hover-icon.png") no-repeat center; } .category-wrap-phone .category-list li:hover a{ color:#374252; } .category-wrap-phone .category-list li:hover i.icon-1{ background-position:0 0px; } .category-wrap-phone .category-list li:hover i.icon-2{ background-position:-60px 0px; } .category-wrap-phone .category-list li:hover i.icon-3{ background-position:-120px 0px; } .category-wrap-phone .category-list li:hover i.icon-4{ background-position:-180px 0px; } .category-wrap-phone .category-list li:hover i.icon-5{ background-position:-240px 0px; } .category-wrap-phone .category-list li:hover i.icon-6{ background-position:-300px 0px; } .category-wrap-phone .category-list li:hover i.icon-7{ background-position:-360px 0px; } .category-wrap-phone .category-list li.on i.icon-1{ background-position:0 -40px; } .category-wrap-phone .category-list li.on i.icon-2{ background-position:-32px -40px; } .category-wrap-phone .category-list li.on i.icon-3{ background-position:-65px -40px; } .category-wrap-phone .category-list li.on i.icon-4{ background-position:-100px -40px; } .category-wrap-phone .category-list li.on i.icon-5{ background-position:-140px -40px; } .category-wrap-phone .category-list li.on i.icon-6{ background-position:-175px -40px; } .category-wrap-phone .category-list li.on i.icon-7{ background-position:-210px -40px; } /* .category-list-house li:hover i.icon-1{ background-position:-773px -75px; } .category-list-house li:hover i.icon-2{ background-position:-884px -75px; } .category-list-house li:hover i.icon-3{ background-position:-995px -75px; } .category-list-house li:hover i.icon-4{ background-position:-1108px -75px; } */ .category-list-house li:hover i.icon-1{ background-position:-420px -70px; } .category-list-house li:hover i.icon-2{ background-position:-480px -70px; } .category-list-house li:hover i.icon-3{ background-position:-540px -70px; } .category-list-house li:hover i.icon-4{ background-position:-600px -70px; } .category-list-house li:hover i.icon-5{ background: url("../images/icon/ertong-hover-icon.png") no-repeat center; } .category-wrap-phone .category-list-house li:hover i.icon-1{ background-position:-420px 0px; } .category-wrap-phone .category-list-house li:hover i.icon-2{ background-position:-480px 0px; } .category-wrap-phone .category-list-house li:hover i.icon-3{ background-position:-540px 0px; } .category-wrap-phone .category-list-house li:hover i.icon-4{ background-position:-600px 0px; } .category-wrap-phone .category-list-house li:hover i.icon-5{ background-position:initial; } .category-wrap-phone .category-list-house li.on i.icon-1{ background-position:-245px -40px; } .category-wrap-phone .category-list-house li.on i.icon-2{ background-position:-279px -40px; } .category-wrap-phone .category-list-house li.on i.icon-3{ background-position:-313px -40px; } .category-wrap-phone .category-list-house li.on i.icon-4{ background-position:-349px -40px; } .first-module .show .box{ width: 100%; /* 或者设置一个具体的宽度 */ position: relative; /* 用于定位伪元素 */ overflow: hidden; /* 隐藏超出元素的内容 */ background-repeat: no-repeat; /* 不重复背景图片 */ background-position: center center; /* 背景图片居中 */ background-size: cover; /* 背景图片覆盖整个元素 */ } /* 默认样式或屏幕宽度大于750px时的样式 */ .aboutsj { display: none; /* 当屏幕宽度大于750px时，不显示这个层 */ } @media screen and (max-width: 750px) { .category-list { width: 100%; padding-left: 25px; text-align: center; /* 这将使内联或块级内联元素水平居中 */ box-sizing: border-box; /* 确保padding不会增加父元素的总宽度 */ } .box1 { float: left; width: 3.2rem; height: 2.5rem; margin-bottom: 0.3rem; margin-left: 3.8px; cursor: pointer; margin-bottom: 40px; } .box1 img { width: 100%; height: 100%; } .box1 h2 { margin-top: 10px; } .aboutsj { width: 100%; padding: 25px; margin-top: 0.32rem; font-size: .23rem; line-height: .47rem; text-align: justify; text-indent: 2em; display: block; /* 在屏幕宽度小于等于750px时显示这个层 */ } .aboutsj .info p { font-size: 18px; line-height: 45px; color: #161616; text-align: left; margin-top: 2px; } .joins .container { width: 100%; padding: 2px 10px 2px 10px; } .irm-info .title .det-info .title{ margin-top:40px; text-align:center; } .header .logo1{ width:500px; height:105px; background:url("../images/icon/logo-new.png") no-repeat left center; background-size:100%;} } .irm-info .title .det-info { width: 100%; font-size: 18px; color: #666; line-height: 2.25; } .irm-info .title .det-info img{ border: 1px solid #c9c9c9; } .irm-info .title .det-info P{ width: 100%; font-size: 18px; color: #666; line-height: 2.25; } .first-module .show .box a{ width:100%; height:100%; display:block; position:relative; } .first-module .show .box{float: left; width: 370px; height: 290px; margin-right: 30px; margin-top:20px; display: block; cursor: pointer; margin-bottom: 40px;} .first-module .show .box h2{ font-size:28px; color:#fff; line-height:80px; width:100%; position:absolute; bottom:0; z-index:100; padding:0px 25px; } .first-module .show .box h2 i{ width:34px; height:80px; background:url("../images/icon/show-arrowR.png") no-repeat center center; background-size:34px 13px; display:block; float:right; } .first-module .show .left .about-box{ margin-bottom:15px; } .first-module .show .right .box{ width:705px; height:605px; padding:55px; } .first-module .show .right .box h2{ font-size:32px; color:#fff; line-height:0.875; margin-bottom:20px; } .first-module .show .right .box p{ font-size:14.5px; color:#fff; line-height:1.724; } .first-module .show .box::before{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; } .first-module .show .box:hover::before{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .home-module-title{ text-align:center; margin-bottom:40px;} .home-module-title h2{ font-size:32px; color:#333; line-height:1.625; margin-bottom:20px; } .home-module-title h2 b{ font-weight:400; } .home-module-title a{ font-size:15px; color:#1f61c3; vertical-align:middle; display:inline-block; width:120px; height:40px; line-height:40px; border:1px solid transparent; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear; box-sizing:border-box; } .home-module-title a i{ vertical-align:middle; margin-left:10px; width:20px; height:20px; background:url("../images/icon/view-all.png") no-repeat; display:inline-block; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear; } /*.home-module-title a:hover i{ background:url("../images/icon/view-all-hover.png") no-repeat; }*/ .home-module-title a:hover{ border:1px solid #1f61c3; padding-left:28px; } .home-module-title a:hover i{ opacity:0; } .service{ width:100%; background:#f5f5f5; padding:70px 0px 70px; } .service .service-tab{ margin-top:50px; } .service .service-tab li{ float:left; width:25%; height:98px; border:1px solid #dfdfdf; border-right:0; background:#fff; padding:0px 30px 0px 35px; cursor:pointer; } .service .service-tab li .txt{ display:none; } .service .service-tab li:last-child{ border-right:1px solid #dfdfdf; } .service .service-tab li i{ display:block; background-image:url("../images/icon/home-service-icon.png"); background-repeat:no-repeat; background-size:932px 151px; } .service .service-tab li i.icon{ width:40px; height:40px; float:left; margin-top:28px; margin-right:15px; } .service .service-tab li i.icon-1{ background-position:3px -30px; } .service .service-tab li i.icon-2{ background-position:-297px -30px; } .service .service-tab li i.icon-3{ background-position:-596px -33px; } .service .service-tab li i.icon-4{ background-position:-895px -33px; } .service .service-tab li p{ font-size:17px; color:#7c7c7c; line-height:98px; float:left; } .service .service-tab li i.arrowB{ width:30px; height:30px; border-radius:50%; background-position:-454px -35px; background-color:none; float:right; margin-top:34px; } .service .service-tab li.on{ background:#1f61c3; border-color:#1f61c3; } .service .service-tab li.on i.icon-1{ background-position:3px -110px; } .service .service-tab li.on i.icon-2{ background-position:-297px -110px; } .service .service-tab li.on i.icon-3{ background-position:-596px -113px; } .service .service-tab li.on i.icon-4{ background-position:-895px -113px; } .service .service-tab li.on p{ color:#fff; } .service .service-tab li.on i.arrowB{ background-color:#fff; background-position:-454px -100px; } .service .service-con{ padding:8px 0px 0px; } .service .service-con .item{ display:none; } .service .service-con .item .txt{ width:50%; height:314px; } .service .service-con .item .txt .line{ width:23px; height:4px; background:#1f61c3; display:block; margin-bottom:30px; } .service .service-con .item .txt p{ font-size:17px; color:#666; line-height:1.588; } .service .service-con .item .txt a{ width:135px; height:40px; border:1px solid #1f61c3; background:#1f61c3; border-radius:19px; display:block; text-align:center; line-height:40px; color:#fff; font-size:13px; margin-top:30px; } .service .service-con .item .txt a:hover{ background:none; color:#1f61c3; border-radius:2px; } .service .service-con .item .pic{ width:502px; height:314px; background:url("../images/home-service-pic-bg.png"); background-size:502px 314px; position:relative; } .service .service-con .item .pic .box{ width:495px; height:274px; margin-top:32px; margin-left:1px; } .service .service-con .item .pic .box img{ width:100%; height:100%; } /* 首页新闻动态 */ .dynamic{ width:100%; padding:70px 0px 00px; position:relative; z-index:10; background:#fff; } .dynamic *{ box-sizing:content-box; } .dynamic-slider{ overflow:hidden; margin-top:95px; } .swiper-container-dynamic .swiper-slide{ width:25%; height:365px; background:url("../images/default.png") no-repeat; } .swiper-container-dynamic .swiper-slide a img{ width:100%; height:100%; } .swiper-container-dynamic .swiper-slide:after{ width:100%; height:15px; position:absolute; top:0px; left:0; content:""; display:inline-block; background:#fff; z-index:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .swiper-container-dynamic .swiper-slide:before{ width:100%; height:15px; position:absolute; bottom:0px; left:0; content:""; display:inline-block; background:#fff; z-index:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; } .swiper-container-dynamic .swiper-slide:hover:after, .swiper-container-dynamic .swiper-slide.current:after{ height:0; } .swiper-container-dynamic .swiper-slide:hover:before, .swiper-container-dynamic .swiper-slide.current:before{ height:0; } .swiper-container-dynamic .dynamic-layer{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .swiper-container-dynamic .swiper-slide:hover .dynamic-layer, .swiper-container-dynamic .swiper-slide.current .dynamic-layer{ opacity:0; } .swiper-container-dynamic .swiper-button-prev, .swiper-container-dynamic .swiper-button-next{ position:absolute; top:50%; width:22px; height:32px; margin-top:-16px; z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; opacity:0; } .swiper-container-dynamic .swiper-button-prev{ background:url(../images/icon/Left.png) no-repeat; left:25px; } .swiper-container-dynamic .swiper-button-next{ background:url(../images/icon/Right.png) no-repeat; right:25px; } .swiper-container-dynamic .swiper-button-prev:hover{opacity:1;transform: translateX(-10px);-webkit-transform: translateX(-10px);} .swiper-container-dynamic .swiper-button-next:hover{opacity:1;transform: translateX(10px);-webkit-transform: translateX(10px);} .swiper-container-dynamic:hover .swiper-button-prev, .swiper-container-dynamic:hover .swiper-button-next{ opacity:1; } .newsText{ position:relative; padding:70px 0px; } .newsText .newsUl li{ float:left; padding:0 120px; position:relative; font-size:18px; line-height:1.6em; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); display:none; } .newsText .newsUl li.current{ opacity:1; filter:alpha(opacity=100); } .newsText .newsUl li:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/icon/ftNewL.png) no-repeat; position:absolute; left:0; top:0; } .newsText .newsUl li:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/icon/ftNewR.png) no-repeat; position:absolute; right:0; bottom:0; } .newsText .newsUl .title{ margin-bottom:30px; } .newsText .newsUl .date{ font-size:17px; color:#999; line-height:1.176; float:right; margin-top:20px; } .newsText .newsUl .title h4{ font-size:28px; color:#333; line-height:1.286; float:left; width:70%; margin-top:7px; } .newsText .newsUl .title h4 a{ font-size:28px; color:#333; line-height:1.286; } .newsText .newsUl p{ font-size:17px; color:#777777; line-height:1.5; } .PrevBtn, .nextBtn{ width:56px; height:56px; z-index:10; position:absolute; top:50%; left:30px; margin-top:-28px; cursor:pointer; background:url("../images/icon/banner-icon.png") no-repeat; background-size:199px 162px; background-position:0px 0px; display:block; } .nextBtn{ background-position:-144px 0px; left:auto; right:30px; } .PrevBtn:hover{ background-position:0px -107px; } .nextBtn:hover{ background-position:-144px -107px; } /* 移动端 dynamic 板块 */ .hmNewsUl{ display:none; } .hmNewsUl{ position:relative;} .hmNewsUl .imgBox{ margin-bottom:0.6rem; } .hmNewsUl .imgBox img{ width:100%; height:auto; position:relative; max-height:5.7rem; } .hmNewsUl .info{ padding:0.6rem 0.4rem 0; display:block; } .hmNewsUl h2, .hmNewsUl h2 a{ font-size:0.36rem; color:#333; line-height:1.333; } .hmNewsUl .deta{ font-size:0.22rem; color:#999; line-height:0.7rem; display:block; margin:0rem 0rem 0.05rem 0rem; } .hmNewsUl .info p{ font-size:0.24rem; color:#777777; line-height:1.625; } .dynamic .slick-prev, .dynamic .slick-next{ width:0.9rem; height:0.9rem; background:url("../images/mobile/dynamic-slide.png") no-repeat; background-size:2.69rem 0.9rem; left:0.3rem; top:32%; margin-top:-0.45rem; } .dynamic .slick-next{ right:0.3rem; left:auto; background-position:-1.83rem 0rem; } .joins{ width:100%; padding:70px 0px 70px; background:url(../images/bj.png) no-repeat; } .joins .padding{ border-top-left-radius: 104px; border-bottom-right-radius: 104px; width:1200px; padding:50px 50px 133px 16px; background: #ffffffba; } .joins-slide{ margin-top:60px; } .joins-slide .pic{ width:840px; height:475px; } .joins-tab{ width:360px; height:475px; background:#fff;} .joins-tab li{ width:360px; height:33.333333%; border-bottom:1px solid #ededec; padding:30px; left:0; position:relative; overflow:hidden; background:#fff;/* -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; */ } .joins-tab li:last-child{ border-bottom:0; } .joins-tab li a{ width:100%; height:100%; display:block; } .joins-tab li .txt { margin-top:65px; } .joins-tab li .txt h2{ font-size:18px; color:#333; line-height:1.556; } .joins-tab li .txt span{ font-size:12px; color:#aeaeae; line-height:1.333; text-transform: uppercase; display:block; } .joins-tab li .txt p{ font-size:13px; color:#666; line-height:2.154; display:none; opacity:0; } .joins-tab li i{ width:40px; height:40px; background:url("../images/icon/home-joins-icon.png") no-repeat; background-size:40px 357px; position:absolute; right:30px; bottom:20px; } .joins-tab li i.icon-2{ background-position:0px -157px; } .joins-tab li i.icon-3{ background-position:0px -317px; } .joins-tab li.on{ left:-145px; background:#f6f6f6; width:505px; } .joins-tab li.on .txt{ margin-top:5px; } .joins-tab li.on .txt h2{ color:#1f61c3; } .joins-tab li.on .txt p{ display:block; margin-top:25px; opacity:1; } .joins-tab li.on i{ opacity:0; } .quality{ width:100%; background:#fff;} .quality-list{ /* border-bottom:1px solid #e5e5e5; */padding:50px 0;} .quality-list li{ float:left; margin-right:183px; } .quality-list li a{ width:100%; height:100%; display:block; } .quality-list li:last-child{ margin-right:0; } .quality-list li i{ width:60px; height:60px; display:block; background:url("../images/icon/quality-icon.png") no-repeat; background-size:564px 165px; margin-right:10px; } .quality-list li i.icon-1{ background-position:0px 0px; } .quality-list li i.icon-2{ background-position:-177px 0px; } .quality-list li i.icon-3{ background-position:-348px 0px; } .quality-list li i.icon-4{ background-position:-508px 0px; } .quality-list li .txt{ margin-top:7px; } .quality-list li .txt h2{ font-size:17px; color:#333; font-weight:400; line-height:1.176; } .quality-list li .txt span{ font-size:12px; color:#1f61c3; line-height:1.667; display:block; margin-top:5px; } .quality-list li:hover .txt h2{ color:#1f61c3; } .quality-list li:hover i.icon-1{ background-position:0px -110px; } .quality-list li:hover i.icon-2{ background-position:-177px -110px; } .quality-list li:hover i.icon-3{ background-position:-348px -110px; } .quality-list li:hover i.icon-4{ background-position:-508px -110px; } /* 我们的服务 */ .service-banner{ width:100%; height:320px;} .service-banner .line{ width:500px; height:1px; background:rgba(143,195,31,0.22); position:relative; top:50%; margin-right:-200px; } .service-banner .txt{ height:100%; } .service-banner .txt h2{ font-size:43px; color:#1f61c3; line-height:1.256; } .service-banner .txt p{ font-size:26px; color:#1f61c3; line-height:1.562; } .service-banner .slide-box{ width:51px; height:51px; border:2px solid #1f61c3; margin-top:25px; padding-top:8px; } .service-banner .slide-box span{ width:0px; height:0px; border-width:7px 7px 0px; border-style:solid; border-color:#1f61c3 transparent transparent; display:block; margin:0 auto 5px; } .service-banner .slide-box .arrowB1{ opacity:0.6; } .service-banner .slide-box .arrowB2{ opacity:0.5; } .service-banner .slide-box .arrowB3{ opacity:1; } .service-main .service-tab{ margin:47px -18px 40px -18px; } .service-main .service-tab li{ float:left; width:25%; padding:0px 18px; height:108px; } .service-main .service-tab li *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .service-main .service-tab li .box{ width:100%; height:108px; border:1px solid #dedede; border-radius:2px; display:block; padding:20px 35px; } .service-main .service-tab li .box i{ width:64px; height:64px; display:block; padding-right:76px; background:url("../images/icon/service-icon.png") no-repeat; background-size:970px 147px; border-right:1px dashed #dedede; transition:none; } .service-main .service-tab li .box .icon-1{background-position:0px 9px;} .service-main .service-tab li .box .icon-2{background-position:-306px 9px;} .service-main .service-tab li .box .icon-3{background-position:-614px 9px;} .service-main .service-tab li .box .icon-4{background-position:-922px 9px;} .service-main .service-tab li .txt{ margin-top:11px; margin-left:35px; } .service-main .service-tab li .txt h2{ font-size:17px; color:#333; font-weight:400; line-height:1.176; } .service-main .service-tab li .txt span{ font-size:12px; color:#1f61c3; line-height:1.667; display:block; margin-top:5px; } .service-main .service-tab li:hover .box{ border-color:#1f61c3; } .service-main .service-tab li:hover .txt h2{ color:#1f61c3; } .service-main .service-tab li:hover i.icon-1{ background-position:0px -91px; } .service-main .service-tab li:hover i.icon-2{ background-position:-306px -91px; } .service-main .service-tab li:hover i.icon-3{ background-position:-614px -91px; } .service-main .service-tab li:hover i.icon-4{ background-position:-922px -91px; } .service-main .show{ width:100%; height:318px; border:1px solid #dedede; border-radius:2px; background:#fff; margin-bottom:120px; } .service-main .show .pic{ width:619px; height:100%; background:url("../images/service-show.png") no-repeat; overflow:hidden; } .service-main .show .pic img{ width:100%; height:100%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .service-main .show .pic:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .service-main .show .txt{ height:100%; margin-left:85px; float:left; } .service-main .show .txt h2{ font-size:24px; color:#555555; margin-bottom:10px; } .service-main .show .txt p{ font-size:14px; color:#999; line-height:1.929; } .service-main .show .txt a{ width:157px; height:40px; border:1px solid #1f61c3; background:#1f61c3; border-radius:19px; display:block; text-align:center; line-height:40px; color:#fff; font-size:13px; margin-top:25px; } .service-main .show .txt a:hover{ background:none; color:#1f61c3; border-radius:2px; } /* 我们的服务 专卖店查询 */ .stores-tab{ width:100%; height:73px; background:#f9f9f9; margin-bottom:35px; } .stores-tab li{ width:20%; height:100%; float:left; border:1px solid #e8e8e8; border-right:0; } .stores-tab li.search-li{ border:1px solid #1f61c3; background:#1f61c3; } .stores-tab li .search-btn{ font-size:17px; width:100%; height:100%; border:0; text-align:center; line-height:73px; color:#fff; background:#1f61c3; cursor:pointer; } .stores-tab li .select-box{ width:100%; height:100%; border:0; background:none; font-size:16px; color:#666; padding-left:20px; cursor:pointer; background:url("../images/icon/select-arrowB.png") no-repeat 90% center; } .stores-tab li .layui-form-select{ width:100%; height:73px; } .stores-tab li .layui-form-select .layui-input{ width:100%; height:69px; border:0; font-size:16px; color:#666; } .stores-tab li .layui-form-select dl{ top:72px; } .mapResult{ width:100%; height:693px; border:1px solid #e8e8e8; margin-bottom:105px; } .mapresult-list{ width:340px; height:100%; /* border-right:1px solid #e8e8e8; */ position:relative; } .mapresult-list .tit{ font-size:15px; color:#666; line-height:50px; padding-left:20px; } .mapresult-list .tit span{ color:#1f61c3; font-weight:bold; } .mapresult-list .scrollbox{width: 100%;height: 691px;} .mapresult-list .scrollbar{width: 1px;height: 691px;position: relative;margin: 0 5px;background-color: #e9e9e9;} .mapresult-list .handle{position: absolute;left: -1px;top: 0px;width: 3px;height: 42px;display: block;background: #1f61c3;} .mapresult-list .sly{width: 328px;height: 691px;} .mapresult-list .scoll{width: 100%;} /* .mapresult-list .picScroll-top .hd{ width:100%; height:65px; position:absolute; bottom:0; } .mapresult-list .picScroll-top .hd .prev, .mapresult-list .picScroll-top .hd .next{ display:block; width:50%; height:100%; float:left; overflow:hidden; cursor:pointer; background:#f2f2f2 url("../images/icon/mapResult-arrow.png") no-repeat -100px 25px; background-size:197px 17px; } .mapresult-list .picScroll-top .hd .next{ background-position:72px 25px; border-right:1px solid #f5f5f5; } .mapresult-list .picScroll-top .hd .prevStop, .mapresult-list .picScroll-top .hd .nextStop{ cursor:not-allowed; opacity:1; background-color:#f2f2f2; } .mapresult-list .picScroll-top .hd .prev:hover{ background:#1f61c3 url("../images/icon/mapResult-arrow-hover.png") no-repeat -100px 25px; } .mapresult-list .picScroll-top .hd .next:hover{ background:#1f61c3 url("../images/icon/mapResult-arrow-hover.png") no-repeat 72px 25px; } .mapresult-list .picScroll-top .bd{ padding:0px 0px; }*/ .mapresult-list .picList{ overflow:hidden; zoom:1; } .mapresult-list .picList li{ width:100%;/* height:192px; */padding:20px;} .mapresult-list .picList li a{ width:100%; height:100%; display:block; } .mapresult-list .picList li .icon{ width:25px; height:36px; background:url("../images/icon/address-default.png") no-repeat; margin-top:20px; } .mapresult-list .picList li .txt{ width:245px; margin-top:20px; } .mapresult-list .picList li .txt h2{font-size:18px; color:#1f61c3; line-height:1.667; margin-bottom:5px; } .mapresult-list .picList li .txt p{font-size:15px; color:#666; line-height:1.8 } .mapresult-list .picList li:hover ,.mapresult-list .picList li.on{ background-color:#f9f9f9; } .setMap{ width:830px; height:665px; background:#bc9882; margin:15px 15px 0px 0px; } /* 移动端地图 */ .service-map-mobile{ display:none; padding-bottom:0rem; } .service-map-form{width:100%; height:0.8rem; border-radius:0.06rem; background:#fff;} .service-map-mobile .service-map-search{width:100%; padding:0.3rem 0rem 0.1rem; background:#1f61c3;} .service-map-mobile .stores-tab{ width:6.9rem; margin:0 auto; border-radius:0.06rem; background:none; height:auto; } .service-map-mobile .stores-tab li{ border:0; background:#fff; height:0.8rem; width:46%; margin:0 2%; margin-bottom:0.2rem; } .service-map-mobile .stores-tab li.search{ width:96%; height:0.8rem; background:#fff; border:0; float:right;padding-top: 0; } .service-map-mobile .stores-tab li .search-btn{ width:100%; height:0.8rem; font-size:0.3rem; background:#fff; color:#333; line-height:0.8rem; text-align:center; background-size:0.3rem 0.32rem; border:0; cursor:pointer; } .service-map-mobile .map-result-list{width:100%;} .service-map-mobile .map-result-list li{overflow:hidden; padding:0rem 0.3rem; background:#fff; width:100%; height:1.52rem;} .service-map-mobile .map-result-list li a{display:block; width:100%; height:100%;} .service-map-mobile .map-result-list li .address{width:80%;} .service-map-mobile .map-result-list li .address p{font-size:0.24rem; color:#999; line-height: 2; margin-top:0.3rem;} .service-map-mobile .map-result-list li .address h2{font-size:0.3rem; color:#333; line-height:1.2;} .service-map-mobile .map-result-list li .arrow{display:block; width:0.17rem; height:1.52rem; float:right; background:url("../images/mobile/arrowR-mobile.png") no-repeat center; background-size:0.17rem 0.32rem; margin:0;} .service-map-mobile .map-result-list li:nth-child(even){background:#f2f2f2;} .service-map-mobile .map-more{width:100%; height:1.1rem; display:block; background:url("../images/mobile/map-more.png") no-repeat center center; background-size:0.59rem 0.38rem;} .stores_detail{padding: 0.4rem 0.3rem; border-top:1px solid #e6e6e6;} .stores_detail_top{padding-left: 0.76rem;padding-bottom: 0.38rem;border-bottom: 0.03rem dashed #ddd;min-height: 0.6rem;margin-bottom: 0.38rem;} .search_navigation{display: block;width: 0.42rem;height: 0.53rem;float: left;margin: 0.08rem 0 0 -0.76rem;} .stores_detail_top p{font-size: 0.24rem;color: #999;margin-bottom: 0.04rem;} .stores_detail_top h3.title{font-size: 0.3rem;font-weight: 600;color: #1f61c3;} .stores_detail .content{padding-left: 0.76rem;font-size: 0.26rem;color: #333;font-weight: 500;line-height: 0.4rem;} .stores_detail .content p{margin-bottom: 0.1rem;} /*.stores_detail .content{padding-left: 0.76rem;font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;} .stores_detail .content p{margin-bottom: 0.1rem; font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;}*/ .stores_map{height: 6.5rem;width: 100%;} /* 移动端地图 详情 */ .stores_detail{padding: 0.4rem 0.3rem; border-top:1px solid #e6e6e6;} .stores_detail_top{padding-left: 0.76rem;padding-bottom: 0.38rem;border-bottom: 0.03rem dashed #ddd;min-height: 0.6rem;margin-bottom: 0.38rem;} .search_navigation{display: block;width: 0.42rem;height: 0.53rem;float: left;margin: 0.08rem 0 0 -0.76rem;} .stores_detail_top p{font-size: 0.24rem;color: #999;margin-bottom: 0.04rem;} .stores_detail_top h3.title{font-size: 0.3rem;font-weight: 600;color: #1f61c3;} /*.stores_detail .content{padding-left: 0.76rem;font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;} .stores_detail .content p{margin-bottom: 0.1rem; font-size: 0.3rem;color: #333;font-weight: 500;line-height: 1.333;}*/ .stores_detail .content{padding-left: 0.76rem;font-size: 0.26rem;color: #333;font-weight: 500;line-height: 0.4rem;} .stores_detail .content p{margin-bottom: 0.1rem;} .stores_map{height: 6.5rem;width: 100%;} /* 我们的服务 防伪查询 */ .query-con{ width:813px; margin:0px auto 110px; } .query-con img{ } .query-con .tit{ font-size:19px; color:#333; line-height:88px; } .query-list{} .query-list li{ width:100%; border:1px solid #dedede; border-radius:2px; padding:20px 40px; margin-bottom:20px; } .query-list li i{ width:50px; height:50px; background:url("../images/icon/query-icon.png") no-repeat; background-size:48px 448px; display:block; padding-right:85px; } .query-list li .icon-1{ background-position:0px 0px; margin-top:32px; } .query-list li .icon-2{ background-position:-1px -138px; margin-top:5px;} .query-list li .icon-3{ background-position:-2px -266px; margin-top:17px; } .query-list li .icon-4{ background-position:0px -402px; margin-top:16px;} .query-list li .icon-5{background: url('../images/icon/new_query.png') no-repeat;} .query-list li .txt{ border-left:1px dashed #dedede; width:640px; padding:15px 0px; padding-left:40px; } .query-list li .txt p{ font-size:15px; color:#666; line-height:1.6; } .query-list li .txt p a, .query-list li .txt p span{ font-size:15px; color:#1f61c3; font-weight:bold; } .query-list li:hover{ border:1px solid #1f61c3; } .query-list li .txt p a:hover{text-decoration: underline;} /* 我们的服务 常见问题 */ .question-form{ margin-bottom:30px; } .question-con{ padding-bottom:65px; } .question-con .question-select{ width:281px; height:75px; border:0; background-color:#1f61c3; position:relative; } .question-con .question-select .base-select-ul{ width:100%; height:100%; border:0; cursor:pointer; background:url("../images/icon/question-select-arrowB.png") no-repeat 90% center; padding-left:30px; font-size:17px; color:#fff; font-weight:bold; } .question-con .question-select .select-ul{ width:100%; left:0; top:75px; border:2px solid #1f61c3; } .question-con .question-input{ width:919px; height:75px; border:1px solid #e8e8e8; } .question-con .question-input .text{ width:80%; height:100%; border:0; background:#fff; font-size:17px; color:#999; text-indent:30px; } .question-con .question-input .btn{ width:75px; height:75px; background:url("../images/icon/question-search.png") no-repeat; border:0; background-position:19px 23px; } .question-con .question-input .btn:hover{ background-position:19px -127px; } .question-list{margin-bottom:55px;} .question-list li{ width:48.5%; float:left; border-bottom:1px dashed #d3d3d3; height:65px; line-height:65px; position:relative; cursor:pointer; } .question-list li:nth-child(2n){ float:right; } .question-list li .dot{ display:inline-block; width:4px; height:4px; background:#999; border-radius:50%; line-height:65px; margin:30px 15px 0px 0px; } .question-list li p{ font-size:15px; color:#555; line-height:65px; float:left; position:relative; width:80%; } .question-list li p.omit span{ width:24px; height:18px; display:inline-block; border-radius:3px; font-size:12px; text-align:center; line-height:16px; margin-left:10px; } .question-list li p.omit span.hot{ border:1px solid #1f61c3; color:#1f61c3; } .question-list li p.omit span.new{ border:1px solid #f11616; color:#f11616; } .question-list li .open{ width:12px; height:12px; float:right; background:url("../images/icon/add-icon.png") no-repeat; background-size:12px 72px; display:block; margin-top:25px; } .question-list li.on .dot, .question-list li:hover .dot{ background:#1f61c3; } .question-list li.on p, .question-list li:hover p{ color:#1f61c3; } .question-list li.on .open{ background-position:0px -65px; } .question-list li .txt{ width:100%; font-size:13px; color:#666; line-height:1.923; position:absolute; top:65px; background:#f1f1f1; z-index:100; padding:16px 30px; display:none; } .question-list li .txt p{ font-size:13px; color:#666; line-height:1.923; } .ajaxMore{ width:136px; height:36px; border:2px solid #1f61c3; background:#fff; border-radius:20px; text-align:center; font-size:14px; color:#1f61c3; margin:0 auto; display:block; cursor:pointer; } .ajaxMore:hover{ background:#1f61c3; color:#fff; } .ajaxMore.noMore{ border:2px solid #666; color:#666; cursor:not-allowed; } .ajaxMore.noMore:hover{ background:none; color:#666; } /* 我们的服务 自助反馈 */ .feedback-form .top{ width:100%; height:58px; border:1px solid #e8e8e8; background:#fff; margin-bottom:35px; position: relative;z-index: 10;} .feedback-form .top .item{ width:30%; height:56px; float:left; border-right:1px solid #e8e8e8; } .feedback-form .top .item:last-child{ border-right:0; } .feedback-form .top .item .text{width:140px; float:left; height:55px; border:0; background:none; font-size:16px; color:#666666;padding-left: 10px;} .feedback-form .top .item span{ font-size:16px; height:32px; margin-top:13px; color:#333; line-height:32px; width:120px; display:block; text-align:center; border-right:1px dashed #e8e8e8; float:left; } .feedback-form .top .item span i{color:#e71f1f; font-style:normal; margin-right:5px;} .feedback-form .top .item .feedback-select{ width:275px; border:0; height:100%; padding-left:25px; font-size:16px; color:#666; background:url("../images/icon/select-arrowB.png") no-repeat 90% center; } .feedback-form .top .item .layui-form-select .layui-input{ width:275px; height:56px; border:0; font-size:16px; color:#666666; } .feedback-form .top .item .layui-form-select dl{ top:56px; } .layui-form-select dl dd{ font-size:14px; color:#666; } .feedback-form{ padding-bottom:85px; } .feedback-form .bottom { margin-bottom:50px; } .feedback-form .bottom .row{ margin-bottom:16px; } .feedback-form .bottom .row .item{ width:288px; float:left; height:55px; border:1px solid #e8e8e8; margin-right:16px; } .feedback-form .bottom .row .item:last-child{margin-right:0;} .feedback-form .bottom .row .item span{ font-size:16px; color:#666666; line-height:53px; float:left; padding-left:10px; } .feedback-form .bottom .row .item span i{ color:#e71f1f; font-style:normal; margin-right:5px; } .feedback-form .bottom .row .item .text{ width:140px; float:left; height:55px; border:0; background:none; font-size:16px; color:#666666; } .feedback-form .bottom .row .address-item{ width:100%; height: auto;} .feedback-form .bottom .row .address-item .text{ width:90%; } .feedback-form .bottom .row .desc-item{ width:100%; height:auto; } .feedback-form .bottom .row .desc-item textarea{ border:0; width:100%; padding:0px 20px; font-size:16px; color:#666666; min-height:80px; } .feedback-form .bottom .row .upload-item{ width:100%; } .feedback-form .bottom .row .upload-item .upload-wrap{ position:relative; } .feedback-form .bottom .row .upload-item .upload-btn{ width:105px; height:33px; background:#e6e6e6; border:0; margin-top:10px; margin-left:0px; font-size:14px; color:#333; line-height:33px; text-align:center; cursor:pointer; } .feedback-form .bottom .row .upload-item .upload-wrap:hover .upload-btn{ background:#1f61c3; color:#fff; cursor:pointer; } .feedback-form .bottom .row .upload-item .file{ width:105px; height:33px; position:absolute; top:10px; left:0px; z-index:10; opacity:0; cursor:pointer; font-size:0; } .feedback-form .bottom .row .upload-item .fileName{ display:inline-block; height:auto;color:#666666; font-size:16px; margin-left:10px;margin-top: 16px; } .feedback-submit{ width:199px; height:54px; background:#1f61c3; border:1px solid #1f61c3; border-radius:26px; display:block; margin:0 auto; font-size:16px; color:#fff; cursor:pointer } .feedback-submit:hover{ background:none; color:#1f61c3; } .feedback-form .bottom .row .upload-item .fileName p{font-size: 16px;line-height: 28px;} .feedback-form .bottom .row .item.upload-item{height: auto;padding-bottom: 18px;} #sjld{ position:relative; z-index:10;margin-left: 20px;} #sjld1{position:relative; z-index:10;margin-left: 20px;} #sjld1 .m_zlxg, .feedback-form .bottom .row .address-item .m_zlxg{float: left;position: relative;width: 150px;height: 56px;} #sjld1 .m_zlxg p, .feedback-form .bottom .row .address-item .m_zlxg p{width: 120px;height: 36px;line-height:36px;border-left: 1px dashed #e8e8e8;margin-top: 9px;padding: 0 10px 0 20px;font-size: 16px;color: #666;} #sjld1 .m_zlxg .border_corb, .feedback-form .bottom .row .address-item .m_zlxg .border_corb{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;width:0;height:0; border-left:6px solid transparent;border-right:6px solid transparent;border-top: 6px solid #c2c2c2;} .feedback-form .bottom .row .address-item .text{float: left;width: 360px;margin-left: 20px;} .m_zlxg2{width:150px;border:1px solid #e8e8e8;position:absolute;top:54px;left:0;display:none;height:200px;overflow-y:auto;overflow-x:hidden;background:#fff;} .m_zlxg2 li{width:128px;padding:0 10px;height:28px;line-height:28px;cursor:pointer;font-size: 14px;color: #666;} /* 关于我们 */ .about-main{padding-bottom:60px;} .about-main .module{ background:#fff; } .about-main .module .pic{ width:100%; height:550px; } .about-main .module1 .pic{ background:url("../images/about-channel1.jpg"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; } .about-main .module2 .pic{ background:url("../images/about-channel4.jpg"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; } .about-main .module3 .pic{ background:url("../images/about-channel3.jpg"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; } .about-main .module4 .pic{ background:url("../images/about-channel5.png"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; } .about-main .module5 .pic{ background:url("../images/about-channel5.png"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; } .about-main .module .pic .line{ width:500px; height:1px; background:rgba(255,255,255,0.5); position:relative; top:50%; margin-right:15px; } .about-main .module .pic .title{ height:100%; } .about-main .module .pic .title h2{ font-size:43px; color:#fff; line-height:1.256; } .about-main .module .pic .title p{ font-size: 26px; color:#fff; line-height:1.562; } .about-main .module .txt{ width:100%; background:#fff; padding:60px 0px 100px; } .about-main .module .txt .box{ width:755px; } .about-main .module .txt .box p{ font-size:14px; color:#666; line-height:2; } .about-main .module .txt .box a{ font-size:13px; color:#333; text-decoration:underline; line-height:2.154; padding:5px 0px; margin-top:30px; display:block; float:left; border-radius:3px; } .about-main .module .txt .box a span{ font-family: initial; } .about-main .module .txt .box a:hover{ padding:5px 20px; background:#1f61c3; color:#fff; text-decoration:none; } .about-banner{ width:100%; height:320px; } .about-main .about-con{ margin-top:0px; padding-bottom:100px; } .about-main .about-con h2{ font-size:29px; color:#1f61c3; line-height:0.793; } .about-main .about-con p{ font-size:28px; color:#1f61c3; line-height:1.929; margin-bottom:10px; } .about-main .about-con .info{} .about-main .about-con .structure_pic{padding: 30px 0;} .about-main .about-con .structure_pic img{display: block;max-width: 100%;margin: 0 auto;} .about-main .about-con .info .txt{ width:100%; } .about-main .about-con .info .txt p{ font-size:16px; color:#666; line-height:1.643; margin-bottom:25px; } .about-main .about-con .info .pic{ width:100%; height:auto; position:relative; margin-top:40px; } .about-main .about-con .info .pic img{ width:100%; height:100%;} .about-main .about-con .info .pic .show{ position:absolute; top:-75px; left:-105px; display:none; } .about-main .about-con .info .pic .show h2{ font-size:142px; font-weight:bold; color:#1f61c3; font-family: "Century Gothic"; position:relative; display:inline-block; margin-bottom:20px; } .about-main .about-con .info .pic .show h2 sup{ font-size:50px; font-weight:bold; float:right; } .about-main .about-con .info .pic .show p{ height:30px; background:#1f61c3; line-height:30px; padding:0px 10px; font-size:14px; color:#fff; } /* 品牌理念 */ .brand-banner{ width:100%; height:620px; } .brand-banner .line{ width:360px; height:1px; background:rgba(255,255,255,0.6); margin-top:305px; margin-right:25px; } .brand-banner .txt{ height:100%; width:535px; } .brand-banner .txt h2{ font-size:44px; color:#fff; font-weight:bold; line-height: 1.227; } .brand-banner .txt h3{ font-size:24px; color:#fff; line-height:2.25; margin-bottom:15px; } .brand-banner .txt p{ font-size:16px; color:#fff; line-height:2 } .brand-con{ padding-bottom:120px; } .brand-con .item{ float:left; width:33.3333333%; } .brand-con .item .box{ width:294px; } .brand-con .item-2 .box{ margin:0 auto; } .brand-con .item-3 .box{ float:right; } .brand-con .item .line{ width:43px; height:1px; background:#cccccc; display:block; margin-bottom:30px; } .brand-con .item h2{ font-size:27px; color:#333; line-height:1.667; } .brand-con .item h3{ font-size:18px; color:#333; line-height:1.667; } .brand-con .item p{ font-size:14px; color:#333; line-height:2; margin-top:25px; } /* 黑牛历史 */ .history-con{ position:relative; } .gallery-top{ padding:30px 0px 45px 0px; } .gallery-top .swiper-slide{} .gallery-top .swiper-slide .item .txt{ float:left; } .gallery-top .swiper-slide .item .txt h2{ font-size:140px; color:#1f61c3; font-weight:bold; line-height:140px; margin-bottom:15px; margin-top:-10px; } .gallery-top .swiper-slide .item .txt h3{ font-size:21px; color:#333; line-height:1.095; } .gallery-top .swiper-slide .item .txt .line{ width:37px; height:2px; background:#757575; display:block; margin:20px 0px; } .gallery-top .swiper-slide .item .txt p{ font-size:13px; color:#666; line-height:2.077; } .gallery-top .swiper-slide .item .pic{ float:right; } .gallery-top .swiper-slide .item .pic img{ vertical-align:middle; } .gallery-thumbs{ margin-bottom:115px; } .gallery-thumbs .history-line{ width:100%; height:9px; background: url(../images/icon/history-line.png) repeat-x; margin-bottom:10px; } .gallery-thumbs .swiper-slide{width:75px; text-align:center; line-height:60px; font-size:15px; color:#2c2c2c; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } /* .gallery-thumbs .swiper-slide.swiper-slide-active{ color:#1f61c3; background:url("../images/icon/history-arrow.png") no-repeat center center; } */ .gallery-thumbs .swiper-slide:hover{ color:#1f61c3; cursor:pointer; } .history-con .swiper-button-prev, .history-con .swiper-button-next{ position:absolute; top:30%; left:60px; width:56px; height:56px; margin-top:-28px; z-index:10; cursor:pointer; background:url("../images/icon/banner-icon.png") no-repeat; background-size:199px 162px; background-position:0px -107px; } .history-con .swiper-button-next{ background-position:-144px -107px; right:60px; left:auto; } .history-con .swiper-button-prev:hover{ background-position:0px -107px; } .history-con .swiper-button-next:hover{ background-position:-144px -107px; } /* 黑牛家族 */ .family-con{ padding-bottom:50px; position:relative; } .family-tab{ margin-top:-105px; /*margin-bottom:70px;*/ display: none;} .family-tab li{ float:left; height:60px; line-height:60px; margin-left:60px; } .family-tab li a{ font-size:15px; color:#666; display:block; line-height:68px; padding:0px 5px; } .family-tab li.on a{ color:#1f61c3; border-bottom:2px solid #1f61c3; } .family-tab li:hover a{ color:#1f61c3; } .family-con .family-list{ margin:0px -28px; } .family-con .family-list li{ width:33.3333333%; padding:0px 28px; float:left; margin-bottom:40px; } .family-con .family-list li .item{ display:block; width:100%; height:100%; } .family-con .family-list li .pic{ width:100%; height:250px; overflow:hidden; } .family-con .family-list li .pic img{ width:100%; height:100%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .family-con .family-list li .txt{ border:1px solid #eaeaea; width:100%; min-height:154px; padding:15px 25px 15px 25px; border-top:0; } .family-con .family-list li .txt p{ font-size:15px; color:#666; line-height:1.867; } .family-con .family-list li:hover .pic img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } /* 品牌优势 */ .advantage-con .advantage-module{ padding-top:65px; } .advantage-con .advantage-module1{ width:100%; background:url("../images/advantage-module1-bg.png") no-repeat center center; background-size:cover; padding-bottom:95px; } .advantage-con .advantage-title{ font-size:31px; color:#222222; line-height:0.903; margin:0px 0px 20px 0px; } .advantage-con .advantage-module p{ font-size:15px; color:#666; line-height:1.933; text-align:left; } .advantage-con .advantage-module1 .base{ margin-top:40px; } .advantage-con .advantage-module1 .base .title{ width:391px; height:48px; line-height:43px; margin:0 auto; text-align:center; background:url("../images/advantage-module1-title-bg.png") no-repeat center center; font-size:19px; color:#fff; font-weight:bold; } .advantage-con .advantage-module1 .base .base-tab{ width:100%; height:225px; position:relative; } .advantage-con .advantage-module1 .base .base-tab .masthead-wave{ width:100%; height:66px; -webkit-transition:all .2s linear; transition:all .2s linear; -webkit-animation:wave 15s linear infinite; animation:wave 15s linear infinite; -webkit-animation:wave 15s linear infinite; animation:wave 15s linear infinite; background:url(../images/wave.png) repeat-x center center; position:absolute; top:50%; margin-top:-33px; } .animated{animation-duration:0.3s;animation-fill-mode:both} .animated .small,.animated .medium,.animated .large{opacity:0;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all} .animated .large{-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s} .animated .medium{-webkit-transition-delay:1.35s;-moz-transition-delay:1.35s;-o-transition-delay:1.35s;-ms-transition-delay:1.35s;transition-delay:1.35s;-webkit-transition-duration:.75s;-moz-transition-duration:.75s;-o-transition-duration:.75s;-ms-transition-duration:.75s;transition-duration:.75s} .animated .small{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s} .animated.from-bottom .small,.animated.from-bottom .medium,.animated.from-bottom .large{opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} .animated.from-top .small,.animated.from-top .medium,.animated.from-top .large{opacity:1;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)} .animated.animation-on .small,.animated.animation-on .medium,.animated.animation-on .large{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)} @-webkit-keyframes wave{from{background-position:0 0}to{background-position:1263px 0}}@keyframes wave{from{background-position:0 0}to{background-position:1263px 0}} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} .advantage-con .advantage-module1 .base .base-tab ul{ position:relative; z-index:2; width:1260px; } .advantage-con .advantage-module1 .base .base-tab ul li{ width:20%; float:left; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .advantage-con .advantage-module1 .base .base-tab ul li .item{ width:133px; text-align:center; cursor:pointer; margin:0 auto; position:relative; } .advantage-con .advantage-module1 .base .base-tab ul li .item .arrow{ width:45px; height:24px; position:absolute; background:url("../images/icon/base-arrowT.png") no-repeat; top:-24px; left:50%; margin-left:-22.5px; display:none; } .advantage-con .advantage-module1 .base .base-tab ul li .item .pic{ width:133px; height:133px; background-color:#1f61c3; border:7px solid #d6d8db; border-radius:50%; box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.07); margin:0 auto; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .advantage-con .advantage-module1 .base .base-tab ul li .item p{ font-size:18px; color:#333; line-height:1.611; margin-top:10px; text-align:center; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .advantage-con .advantage-module1 .base .base-tab ul li.on .item .pic, .advantage-con .advantage-module1 .base .base-tab ul li:hover .item .pic{ border:7px solid #a2cd49; box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.14); } .advantage-con .advantage-module1 .base .base-tab ul li.on .item p, .advantage-con .advantage-module1 .base .base-tab ul li:hover .item p{ color:#a2cd49; } .advantage-con .advantage-module1 .base .base-tab ul li.on .item .arrow{ display:block; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(1){ margin-top:10px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(2){ margin-top:45px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(3){ margin-top:55px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(4){ margin-top:25px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(5){ margin-top:5px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(1) .item .arrow{ top:228px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(2) .item .arrow{ top:193px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(3) .item .arrow{ top:183px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(4) .item .arrow{ top:213px; } .advantage-con .advantage-module1 .base .base-tab ul li:nth-child(5) .item .arrow{ top:233px; } .advantage-con .advantage-module1 .base .base-con{ width:auto; height:auto; display:none; float:left; padding:20px; background:#fff; margin-top:35px; box-shadow:0px 5px 25px 0px rgba(0, 0, 0, 0.09); border:1px solid #dfdfdf; position:relative; } .advantage-con .advantage-module1 .base .base-con:nth-child(4), .advantage-con .advantage-module1 .base .base-con:nth-child(5){ float:right; } .advantage-con .advantage-module1 .base .base-con .pic{ width:311px; height:213px; overflow:hidden; margin-right:30px; } .advantage-con .advantage-module1 .base .base-con .pic img{ width:100%; } .advantage-con .advantage-module1 .base .base-con .txt{ width:590px; } .advantage-con .advantage-module1 .base .base-con .txt *{ font-size:14px; color:#666; line-height:1.857; } .advantage-con .advantage-module1 .base .base-con .txt p{ margin-bottom:15px; } .advantage-con .advantage-module2{ padding-bottom:65px; } .advantage-con .advantage-module2 .device{ border-top:1px solid #d3d3d3; margin-top:25px; } .advantage-con .advantage-module2 .device li{ border-bottom:1px solid #d3d3d3; } .advantage-con .advantage-module2 .device li .top{ line-height:60px; height:60px; } .advantage-con .advantage-module2 .device li .top p{ float:left; font-size:19px; color:#333; line-height:60px; } .advantage-con .advantage-module2 .device li .top p i{ width:6px; height:6px; background:#575757; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px; } .advantage-con .advantage-module2 .device li .top .open{ width:18px; height:60px; display:block; background:url("../images/icon/device-open.png") no-repeat center center; float:right; } .advantage-con .advantage-module2 .device li.on .top p{ color:#a2cc47; font-weight:bold; } .advantage-con .advantage-module2 .device li.on .top p i{ background:#a2cc47; } .advantage-con .advantage-module2 .device li:hover .top p{ color:#a2cc47; } .advantage-con .advantage-module2 .device li:hover .top p i{ background:#a2cc47; } .advantage-con .advantage-module2 .device li.on .top .open{ background:url("../images/icon/device-close.png") no-repeat center center; } .advantage-con .advantage-module2 .device li .con{ margin:0px -11px; padding-bottom:20px; display:none; } .advantage-con .advantage-module2 .device li .con .item{ width:33.333333%; padding:0px 11px; float:left; position:relative; } .advantage-con .advantage-module2 .device li .con .item .box{ width:100%; height:215px; position:relative; } .advantage-con .advantage-module2 .device li .con .item .box p{ position:absolute; bottom:0; left:0; padding:0px 20px; width:100%; font-size:19px; color:#fff; line-height:60px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; z-index:80; } .advantage-con .advantage-module2 .device li .con .item .box:before{width:100%; height:100%; position: absolute; top:0; left:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity:0.5; content:" "; z-index:30; } /*.advantage-con .advantage-module2 .device li .con .item:hover .box:before{ opacity:0.8; }*/ .advantage-con .advantage-module3{ padding-bottom:100px; background:url("../images/advantage-module3-bg.jpg") no-repeat; background-size:cover; position:relative; } .advantage-con .advantage-module3 .advantage-module3-con{ margin-top:180px; } .advantage-con .advantage-module3 .item{ width:160px; float:left; margin-right:13px; position:relative; } .advantage-con .advantage-module3 .item .box .num{ width:62px; height:62px; background:url("../images/icon/advantage-module3-num.png"); margin:0 auto; } .advantage-con .advantage-module3 .item .box .num p{ font-size:29px; color:#fff; font-weight:bold; line-height:62px; text-align:center; } .advantage-con .advantage-module3 .item .box i{ width:3px; height:30px; background:#1f61c3; display:block; margin:0 auto; } .advantage-con .advantage-module3 .item .box .txt{ width:160px; height:98px; border:2px solid #1f61c3; display:table; border-radius:20px; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(237,237,237) 0%, rgb(246,246,246) 58%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(237,237,237) 0%, rgb(246,246,246) 58%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(237,237,237) 0%, rgb(246,246,246) 58%, rgb(255,255,255) 100%); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1); } .advantage-con .advantage-module3 .item .box .txt p{ font-size:18px; color:#1f61c3; font-weight:bold; line-height:1.389; text-align:center; display:table-cell; vertical-align:middle; padding:0px 10px; } .advantage-con .advantage-module3 .item-1{ width:334px; margin-right:0; margin-top:-20px; bottom:175px; } .advantage-con .advantage-module3 .item-1 .box .txt{ width:334px; height:118px; border:2px solid #7aa818; position:relative; background-image: -moz-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(143,195,31) 0%, rgb(148,203,30) 58%, rgb(153,211,28) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(143,195,31) 0%, rgb(148,203,30) 58%, rgb(153,211,28) 100%); background-image: -ms-linear-gradient( 90deg, rgb(237,237,237) 0%, rgb(143,195,31) 0%, rgb(148,203,30) 58%, rgb(153,211,28) 100%); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1); } .advantage-con .advantage-module3 .item-1 .box .txt p{ font-size:20px; color:#fff; font-weight:bold; line-height:1.35; position:relative; width:195px; } .advantage-con .advantage-module3 .item-1 .box .txt img{ position:absolute; top:-55px; left:25px; } .advantage-con .advantage-module3 .item-2{ bottom:140px; } .advantage-con .advantage-module3 .item-3{ bottom:105px; } .advantage-con .advantage-module3 .item-4{ bottom:70px; } .advantage-con .advantage-module3 .item-5{ bottom:35px; } .advantage-con .advantage-module3 .item-6{ bottom:0px; } .advantage-con .advantage-module5{ width:100%; background:url("../images/advantage-module1-bg.png") no-repeat center center; background-size:cover; padding-bottom:50px; } .advantage-con .advantage-module5 .tab{ width:383px; height:48px; background:#fff url("../images/icon/advantage-map-line.png") no-repeat center center; border:1px solid #ddd; margin:35px auto; } .advantage-con .advantage-module5 .tab .box{ width:50%; float:left; text-align:center; font-size:16px; color:#666; line-height:48px; } .advantage-con .advantage-module5 .tab .box img{ vertical-align:middle; margin-right:10px; } .advantage-con .advantage-module6 .txt{ width:62%; } .advantage-con .advantage-module6 .txt .title{ width:391px; height:48px; line-height:43px; margin:25px auto 30px; text-align:center; background:url("../images/advantage-module1-title-bg.png") no-repeat center center; font-size:19px; color:#fff; font-weight:bold; } .advantage-con .advantage-module6 .txt ul li{ float:left; font-size:16px; color:#666; line-height:1.813; width:33.3333333%; margin-bottom:10px; cursor:pointer; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .advantage-con .advantage-module6 .txt ul li i{ width:4px; height:4px; background:#a2cc47; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px; } .advantage-con .advantage-module6 .txt ul li:hover{ color:#a2cc47; } .advantage-con .advantage-module6 .pic{ width:38%; margin-top:30px; } .about-right-nav{ width:33px; height:165px; background:rgba(0,0,0,0.3); border-radius:16px; position:fixed; right:60px; top:50%; margin-top:-82.5px; padding-top:15px; display: none;} .about-right-nav li{ width:8px; height:8px; background:#fff; border-radius:50%; border:0px solid transparent; box-sizing:content-box; margin:15px auto; cursor:pointer; } .about-right-nav li a{ display:block; width:100%; height:100%; } .about-right-nav li.on{ border:2px solid #fff; background:none; } /* 资讯中心 */ .news-banner .line{ background:rgba(255,255,255,0.7); border-bottom: 1px solid #fff; } .news-banner .txt h2{ color:#fff; } .news-banner .txt p{ color:#fff; } .news-banner .slide-box{ border:2px solid #fff; } .news-banner .slide-box span{ border-color:#fff transparent transparent; } .news-tab{ margin-top:35px; border-bottom:1px solid #e6e6e6; margin-bottom:15px; } .news-tab li{ float:left; line-height:52px; font-size:14px; color:#999; margin-right:50px; } .news-tab li a{ font-size:14px; color:#999; line-height:52px; } .news-tab li a i, .news-list li .txt .tag i{ width:15px; height:15px; background:url("../images/icon/news-icon.png") no-repeat; background-size:436px 71px; display:block; float:left; margin-top:20px; margin-right:10px; } .news-tab li a .icon-1{ background-position:0px -6px; } .news-tab li a .icon-2{ background-position:-98px -6px; } .news-tab li a .icon-3{ background-position:-226px -6px; } .news-tab li a .icon-4{ background-position:-345px -6px; } .news-tab li.on a, .news-tab li:hover a{ color:#1f61c3; } .news-tab li.on a .icon-1, .news-tab li:hover a .icon-1{ background-position:0px -56px; } .news-tab li.on a .icon-2, .news-tab li:hover a .icon-2{ background-position:-98px -56px; } .news-tab li.on a .icon-3, .news-tab li:hover a .icon-3{ background-position:-226px -56px; } .news-tab li.on a .icon-4, .news-tab li:hover a .icon-4{ background-position:-345px -56px; } .news-list{ margin-bottom:70px; } .news-list li{ padding:40px 0px; border-bottom:1px solid #e6e6e6; } .news-list li:first-child{ padding-top:0px; } .news-list li *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .news-list li .pic{ width:280px; height:195px; background-image:url("../images/default.png"); display:block; overflow:hidden; } .news-list li .pic img{ width:100%; height:100%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .news-list li .txt{ width:74.5%; position:relative; height:195px; } .news-list li .txt .title{ margin-bottom:10px; } .news-list li .txt .title, .news-list li .txt .title a{ font-size:21px; color:#333; line-height:1.595; margin-bottom:14px; } .news-list li .txt .title a span{ width:90%; display:inline-block; font-size:21px; color:#333; } .news-list li .txt .title a i{ width:12px; height:21px; display:block; float:right; background:url("../images/icon/news-icon.png") no-repeat; background-size:436px 71px; background-position:-424px 0px; transition:none;} .news-list li .txt .date{ font-size:13px; color:#999; line-height:1.769; display:block; margin-top:4px; } .news-list li .txt p{ font-size:13px; color:#666; line-height:1.769;word-wrap: break-word; } .news-list li .txt .foot{ position:absolute; bottom:2px; width:100%; } .news-list li .txt .tag{ font-size:14px; color:#999; line-height:1.769; } .news-list li .txt .tag i{ margin-top:5px; transition:none; } .news-list li .txt .tag .icon-1{ background-position:0px -6px; } .news-list li .txt .tag .icon-2{ background-position:-98px -6px; } .news-list li .txt .tag .icon-3{ background-position:-226px -6px; } .news-list li .txt .tag .icon-4{ background-position:-345px -6px; } /*.news-list li:hover .pic img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; }*/ .news-list li:hover .txt .title a{ color:#1f61c3; } .news-list li:hover .txt .title a i{ background-position:-424px -50px; } .news-main .page{ margin-bottom:130px; } .news-main .family-tab{ margin-bottom:0; } /* 资讯中心 详情 */ .det-banner{ width:100%; padding:85px 0px; background-color:#7bb518; background:url("../images/det-banner.png") no-repeat center center;} .det-banner .title{ padding-left:125px; } .det-banner .txt{ height:150px; position:relative; } .det-banner .txt:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/icon/ftNewL-w.png) no-repeat; position:absolute; left:0; top:0; } .det-banner .txt:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/icon/ftNewR-w.png) no-repeat; position:absolute; right:0; bottom:0; } .det-banner .txt h1{ font-size:32px; color:#fff; line-height:1.286; width:80%; float:left; margin-bottom:30px; margin-top:10px; } .det-banner .txt .date{ font-size:16px; color:#fff; line-height:1.769; margin-left:15px; } .det-banner .txt .tag{ font-size:16px; color:#fff; line-height:1.769; } .det-banner .txt .tag i{ width:15px; height:15px; background:url("../images/icon/news-det-icon.png") no-repeat; background-size:359px 15px; display:block; float:left; margin-top:7px; margin-right:10px; margin-left:125px; } .det-banner .txt .tag .icon-1{ background-position:0px 0px; } .det-banner .txt .tag .icon-2{ background-position:-98px 0px; } .det-banner .txt .tag .icon-3{ background-position:-226px 0px; } .det-banner .txt .tag .icon-4{ background-position:-345px 0px; } .det-main{ position:relative; } .det-main .det-con{ padding:60px 0px; } .det-main .det-con .det-info{ width:850px; font-size:16px; color:#666; line-height:2.25; } .det-main .det-con .det-info p{ font-size:16px; color:#666; line-height:2.25; } .det-main .det-con .det-info p a,.det-main .det-con .det-info p span{font-size: inherit;} .det-main .det-con .det-info img{ max-width:100%; margin:30px 0px; } .det-main .det-con .hot { width: 250px; float:right; } .det-main .det-con .hot h2 { border-top: 3px solid #7eb61d; font-size: 17px; color: #333; line-height: 56px; width:250px; } .det-main .det-con .hot .hot-list li { margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; width:250px; } .det-main .det-con .hot .hot-list li:hover p { color: #7eb61d; } .det-main .det-con .hot .hot-list li a { display: block; width: 100%; height: 100%; } .det-main .det-con .hot .hot-list li .pic { width: 250px; height: 175px; margin-bottom: 15px; } .det-main .det-con .hot .hot-list li .pic img{ width:100%; height:100%; } .det-main .det-con .hot .hot-list li p { font-size: 16px; color: #666; line-height: 1.625; margin-bottom:5px; } .det-main .det-con .hot .hot-list li span { font-size: 14px; color: #999; line-height: 1.857; text-transform: uppercase; } .det-info .huli{position: relative;width: 100%;margin: 100px 0;} .det-main .return{ width:48px; height:48px; background:url("../images/icon/det-icon.png") no-repeat; background-color:rgba(243, 243, 243, 0.7); background-size:170px 67px; display:block; margin:0 auto; background-position:-64px 16px; position: absolute; left:50%; margin-left:-24px; bottom:13%; } .det-main .return:hover{ background-position:-64px -34px; } .pageBtn{ width:45px; height:45px; overflow: hidden; border:2px solid #f3f3f3; display:block; background-color:#f3f3f3; position:absolute; bottom:13%; font-size:17px; color:#7eb61d; line-height:45px; text-align:center; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .pageBtn *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .pageBtn span{ font-size:17px; color:#7eb61d; display:none; } .pageBtn i{ width:20px; height:45px; background:url("../images/icon/det-icon.png") no-repeat; background-size:170px 67px; display:inline-block; vertical-align:middle; } .pageBtn.prev{ left:0px; } .pageBtn.prev i{ background-position:0px 12px; margin-right:0px; transition:margin 0.8s; -moz-transition:margin 0.8s; -webkit-transition:margin 0.8s; -o-transition:margin 0.8s;} .pageBtn.next{ right:0px; } .pageBtn.next i{ background-position:-150px 12px; margin-left:0px; transition:margin 0.8s; -moz-transition:margin 0.8s; -webkit-transition:margin 0.8s; -o-transition:margin 0.8s;} .pageBtn:hover{ width:111px; border:2px solid #7eb61d; background:none; } .pageBtn:hover span{ display:inline-block; } .pageBtn.prev:hover i{ margin-right:15px; background-position:0px -36px; } .pageBtn.next:hover i{ margin-left:15px; background-position:-150px -36px; } .news-share{ position:absolute; top:65px; left:13%; } .det-main .bdshare-button-style0-16 a { width:25px; height:25px; background:url("../images/icon/share-icon.png") no-repeat; background-size:71px 216px; display:block; float:none; margin-bottom:30px;} .det-main .bdshare-button-style0-16 a.bds_weixin { background-position: 0px 0px; } .det-main .bdshare-button-style0-16 a.bds_qzone { background-position: 0px -49px; } .det-main .bdshare-button-style0-16 a.bds_tsina { background-position: 0px -99px; } .det-main .bdshare-button-style0-16 a.douban { background-position: 0px -150px; } .det-main .bdshare-button-style0-16 a.renren { background-position: 0px -199px; } /* 加入黑牛 */ .joins-banner .info{ margin-top:10px; } .joins-banner span{ display:block; font-size:16px; color:#fff; line-height:1.875; } .joins-banner span a{ font-size:16px; color:#fff; line-height:1.875; } .joins-con .tab{ margin-bottom:20px; } .joins-con .tab li{ width:50%; float:left; background:#eeeeee; height:50px; text-align:center; line-height:50px; } .joins-con .tab li a{ font-size:16px; color:#666; line-height:50px; display:block; } .joins-con .tab li.on, .joins-con .tab li:hover{ background:#1f61c3; } .joins-con .tab li.on a, .joins-con .tab li:hover a{ color:#fff; } .joins-con .joins-table{ } .joins-con .joins-table dl{ border:1px solid #e6e6e6; width:100%; border-collapse:collapse; text-align:center; } .joins-con .joins-table dt, .joins-con .joins-table dd{ border-bottom:1px solid #e6e6e6; cursor:pointer; } .joins-con .joins-table dd:last-child{ border-bottom:0; } .joins-con .joins-table dd:hover .top, .joins-con .joins-table dd .top.on{ background:#f7f7f7; } .joins-con .joins-table dd .top.on span{ color:#1f61c3; } .joins-con .joins-table span{ width:20%; display:block; float:left; font-size:15px; color:#444; text-align:center; height:56px; line-height:56px; } .joins-con .joins-table span.uwl-2{width: 11%;} .joins-con .joins-table span.uwl-3{overflow:hidden;width: 23%;} .joins-con .joins-table span a{ font-size:15px; color:#444; } .joins-con .joins-table dl .uwl-title{ background:#f5f5f5; height:63px; line-height:63px; } .joins-con .joins-table dl .uwl-title span{ height:63px; line-height:63px; } .joins-con .joins-table dd .info{ width:100%; height:auto; text-align:left; padding-bottom:45px; padding-left:50px; padding-top:15px; display:none; cursor: initial; } .joins-con .joins-table dd .info *{ font-size:15px; color:#444444; line-height:2; } .joins-con .joins-table dd .info .base-info{ margin-bottom:15px; } .joins-con .joins-table dd .info .base-info p{ display:inline-block; margin-right:80px; } .joins-con .joins-table dd .info h3{ font-size:15px; color:#1f61c3; line-height:2; } .joins-con .joins-table dd .info .info-foot{ margin-top:30px; } .joins-con .joins-table dd .info .info-foot .download{ display:block; width:218px; height:43px; border:1px solid #1f61c3; font-size:15px; color:#1f61c3; text-align:center; line-height:43px; } .joins-con .joins-table dd .info .info-foot .download i{ margin-left:10px; width:16px; height:15px; line-height:2; display:inline-block; background:url("../images/download-icon.png") no-repeat; } .joins-con .joins-table dd .info .info-foot .download:hover{ background:#1f61c3; color:#fff; } .joins-con .joins-table dd .info .info-foot .download:hover i{ background:url("../images/download-icon-hover.png") no-repeat; } .joins-con .joins-table dd .info .info-foot .upload-jobs{ height:43px; position:relative; } .joins-con .joins-table dd .info .info-foot .upload-jobs .upload-btn{ width:220px; height:43px; background:#1f61c3; border:1px solid #1f61c3; color:#fff; cursor:pointer; } .joins-con .joins-table dd .info .info-foot .upload-jobs .file{ width:220px; height:43px; opacity:0; position:absolute; left:0; top:0; z-index:5; cursor:pointer; } .joins-con .joins-table dd .info .info-foot .fileName{ font-size:15px; color:#666666; line-height:43px; margin-left:20px; } .joins-con .joins-table dd .info .info-foot .fileName i{ font-style:normal; color:#db2424; } .joins-con .joins-table dd .info .info-foot .upload-jobs:hover .upload-btn{ background:none; color:#1f61c3; } .joins-con .joins-table .more{ width:100%; height:50px; display:block; text-align:center; cursor:pointer; margin-top:15px; margin-bottom:55px; } .joins-dynamic{ width:100%; padding-top:40px; padding-bottom:85px; background:url("../images/joins-news-banner.png") no-repeat; background-size:cover; } .joins-dynamic .container{ position:relative; } .joins-dynamic .title{ font-size:28px; color:#333; line-height:70px; } .joins-dynamic .dynamic-list{ width:33.333333%; } .joins-dynamic .dynamic-list li{ width:100%; } .joins-dynamic .dynamic-list li a{ width:100%; display:block; overflow:hidden; } .joins-dynamic .dynamic-list li i{ width:4px; height:4px; background:#1f61c3; display:block; float:left; border-radius:50%; margin:17px 15px 0px 0px; } .joins-dynamic .dynamic-list li span{ font-size:15px; display:block; float:left; line-height:2.4; width:90%; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .joins-dynamic .dynamic-list li:hover span{ color:#1f61c3; } .joins-dynamic .dynamic-list .pic{ width:100%; height:255px; overflow:hidden; position:relative; } .joins-dynamic .dynamic-list .pic img{ width:100%; height:100%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .joins-dynamic .dynamic-list .pic .layer{ width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; right:0; bottom:0; padding:10px 20px 20px 20px; } .joins-dynamic .dynamic-list .pic .layer p{ font-size:15px; color:#fff; line-height:1.867; } .joins-dynamic .dynamic-list .pic .layer p i{ width:20px; height:20px; display:block; background:url("../images/icon/joins-dynamic-icon.png") no-repeat; background-size:82px 18px; float: left; margin-top:5px; margin-right:10px; } .joins-dynamic .dynamic-list .pic .layer p i.icon-1{ background-position:0px 0px; } .joins-dynamic .dynamic-list .pic .layer p i.icon-2{ background-position:-64px 0px; } .joins-dynamic .dynamic-list .pic .layer .play{ display:block; width:63px; height:63px; background:url("../images/icon/play.png") no-repeat; background-size:63px 63px; position:absolute; left:50%; top:50%; margin:-31.5px 0px 0px -31.5px; cursor:pointer; } .joins-dynamic .dynamic-list .pic .layer .play:hover{ -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .joins-dynamic .dynamic-list .pic:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .video-pop{ width:960px; height:540px; position:fixed; left:50%; top:50%; margin:-274px 0px 0px -484.5px; z-index:1001; display:none; } .video-pop #video{ width:100%; } .video-pop .video-box{ width:100%; height:100%; } .video-pop .close{position: absolute; top:-20px; right:10px; width:30px; height:30px; margin:-15px; cursor:pointer;} .video-pop .close span{display:inline-block; position:absolute; left:50%; top:50%; width:30px; height:1px; margin:-1px 0 0 -15px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);} .video-pop .close span:last-child {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .video-pop .close span::before, .video-pop .close span::after{content:""; display:inline-block; position:absolute; width:100%; height:100%; -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);} .video-pop .close span::before{background-color:#fff; opacity:1;} .video-pop .close span::after{background-color:#1f61c3; opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);} .video-pop .close span:last-child::before, .video-pop .close span:last-child::after{-webkit-transition-delay:.18s; transition-delay:.18s;} .video-pop .close:hover span::before{opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} .video-pop .close:hover span::after{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .joins-show{ padding-bottom:105px; } .joins-show .tab{ padding-top:25px; border-bottom:1px solid #ebebeb; margin-bottom:45px; } .joins-show .title{ font-size:28px; color:#333; line-height:74px; } .joins-show dl{ margin-top:6px; } .joins-show dl dd{ float:left; font-size:15px; line-height:66px; margin-left:60px; cursor:pointer; } .joins-show dl dd a{ font-size:15px; display:block; padding:0px 5px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .joins-show dl dd.on{ border-bottom:2px solid #1f61c3; color:#1f61c3; } .joins-show dl dd.on a{ border-bottom:2px solid #1f61c3; color:#1f61c3; } .joins-show dl dd:hover a{ color:#1f61c3; } .joins-show-list{ margin:0 -8px; } .joins-show .joins-show-list li{ width:33.333333%; height:180px; padding:0px 8px; margin-left:0; float:left; margin-bottom:15px; } .joins-show .joins-show-list li .item{ border:1px solid #dedede; height:100%; padding:15px 0px; display:block; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .joins-show-list li .pic{ width:103px; height:100%; border-right:1px dashed #dedede; text-align:center; line-height:148px; } .joins-show-list li .txt{ float:left; padding:0px 15px; width:calc(100% - 103px); height:100%; } .joins-show-list li .txt h2{ font-size:17px; color:#333; line-height:1.176; margin-bottom:10px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .joins-show-list li .txt p{ font-size:14px; color:#666; line-height:1.429; } .joins-show-list li:nth-child(even) .item{ background:#f6f6f6; } .joins-show-list li:hover .item{ border-color:#1f61c3; } .joins-show-list li:hover .item .txt h2{ color:#1f61c3; } .joins-show .item-box{ display:none; } .joins-show .train-list{ margin:0 -10px; } .joins-show .train-list li{ width:33.333333%; padding:0px 10px; float:left; margin-left:0; } .joins-show .train-list li .pic{ width:100%; height:225px; } .joins-show .train-list li .txt{ width:100%; height:68px; line-height:80px; background:#1f61c3; font-size:20px; color:#fff; text-align:center; font-weight:bold; position:relative; } .joins-show .train-list li .txt span{ width:75px; height:37px; background:url("../images/icon/semi-circle.png") no-repeat; display:block; position:absolute; left:50%; margin-left:-37.5px; top:-37px; } .joins-show .train-list li .txt i{ display:block; width:75px; height:37px; margin:0 auto; position:absolute; top:-20px; left:50%; margin-left:-37.5px; } .joins-show .train-list li .txt i.icon-1{ background:url("../images/icon/train-icon1.png") no-repeat center center; } .joins-show .train-list li .txt i.icon-2{ background:url("../images/icon/train-icon2.png") no-repeat center center; } .joins-show .train-list li .txt i.icon-3{ background:url("../images/icon/train-icon3.png") no-repeat center center; } .development-list{ text-align:center; } .development-list p{ font-size:16px; color:#666; line-height:1.438; text-align:left; margin-bottom:50px; } .payment-list p span{ font-size:18px; color:#666; line-height:1.278; margin-right:30px; } .payment-list p span i{ display:inline-block; vertical-align:middle; width:6px; height:6px; background:#8ec614; border-radius:50%; margin-right:10px; } .payment-list ul{ margin:0 -15px; } .payment-list ul li{ width:33.333333%; padding:0px 15px; float:left; margin-left:0; margin-top:30px; } .payment-list ul li .item{ width:100%; height:100%; position:relative; } .payment-list ul li .pic{ width:100%; height:255px; } .payment-list ul li .item p{ width:100%; height:60px; line-height:60px; color:#ffffff; font-size:18px; position:absolute; bottom:0; left:0; padding-left:20px; } /* 加入黑牛 成为经销商 */ .dealer-con{ } .dealer-con .dealer-show{ padding-bottom:110px; } .dealer-con .dealer-show .pic{ float:right; width:50%; height:640px; position:relative; } .dealer-con .dealer-show .pic img{ width:100%; height:100%; } .dealer-con .dealer-show .pic .tit{ position:absolute; top:50px; left:-395px; } .dealer-con .dealer-show .pic .tit span{ font-size:16px; color:#999; line-height:40px; text-transform:uppercase; margin-right:15px; } .dealer-con .dealer-show .pic .tit h2{ display:inline-block; font-size:40px; color:#333; line-height:38px; margin-right:35px; } .dealer-con .dealer-show .pic .tit .line{ width:80px; height:4px; margin-top:20px; } .dealer-con .dealer-show .pic .tit .line i{ display:inline-block; width:50%; height:4px; float:left; } .dealer-con .dealer-show .pic .tit .line .black{ background:#000; } .dealer-con .dealer-show .pic .tit .line .white{ background:#fff; } .dealer-con .dealer-show .txt{ float:left; width:50%; height:640px; } .dealer-con .dealer-show .txt p{ font-size:15px; color:#333; line-height:1.533; margin-bottom:35px; } .dealer-con .dealer-show .txt p b{ font-size:70px; font-family:"Vijaya"; line-height:40px; color:#1f61c3; font-weight:400; margin-right:20px;} .dealer-process{ width:100%; background:#f5f5f5; padding-top:80px; padding-bottom:90px; } .dealer-process .title{ text-align:center; } .dealer-process .title h2{ font-size:40px; color:#333; line-height:38px; margin-bottom:5px; } .dealer-process .title p{ font-size:16px; color:#999; line-height:40px; text-transform:uppercase; } .dealer-process ul{ text-align:center; padding-top:30px; } .dealer-process ul li{ text-align:center; display:inline-block; width:120px; } .dealer-process ul li.process-line{ width:89px; height:160px; background:url("../images/icon/process-line.png") no-repeat center center; } .dealer-process ul li .pic{ margin-bottom:15px; } .dealer-process ul li p{ font-size:15px; color:#6d707c; height:40px; vertical-align:text-bottom; display:inline-block; } .dealer-policy{ width:100%; background:#fff; padding-top:110px; } .policy-top{ margin-bottom:30px; } .policy-top .pic{ width:900px; height:500px; float:right; position:relative; z-index:10; margin-top:40px; } .policy-top .pic img{ width:100%; height:100%;} .policy-top .txt{ width:910px; height:500px; background:#342e33; position:relative; padding:45px; } .policy-top .txt h2{ font-size:20px; color:#fff; line-height:1.15; font-weight:bold; margin-top:30px; } .policy-top .txt .tr{ position:absolute; } .policy-top .txt h2 .line{ width:188px; height:1px; background:rgba(255,255,255,0.2); display:block; float:right; margin-top:13px; margin-left:80px; } .policy-top .txt h3{ font-size:15px; color:#fff; line-height:2; font-weight:bold; margin-top:30px; } .policy-top .txt p{ font-size:15px; color:#fff; line-height:2; } .policy-info h2{ font-size:15px; color:#333; font-weight:bold; line-height:2; margin-bottom:20px; margin-top:20px; } .policy-info p{ font-size:14px; color:#666; font-weight:400; line-height:2; } .dealer-online{ height:430px; background:url("../images/joins-online-banner.png") no-repeat; text-align:center; } .dealer-online h2{ font-size:40px; color:#fff; line-height:38px; margin-bottom:5px; } .dealer-online p{ font-size:16px; color:#fff; line-height:40px; text-transform:uppercase; } .dealer-online a{ width:200px; height:42px; background:#1f61c3; border:1px solid #1f61c3; text-align:center; line-height:42px; font-size:18px; color:#fff; display:inline-block; border-radius:24px; margin-top:30px; } .dealer-online a:hover{ background:none; border-color:#fff;} /* 投资者关系 */ .irm-con{ padding-bottom:90px; } .irm-con .family-tab{ margin-bottom:0; } .irm-show{ width:100%; height:490px; background:url("../images/irm-show.png") no-repeat scroll center center; text-align:center; } .irm-show p{ font-size:16px; color:#fff; line-height:1.875; text-transform:uppercase; margin-top:10px; text-align:left; width:870px; margin:10px auto 0px; } .irm-show p span{ font-size:16px; color:#fff; line-height:1.875; margin-right:65px; } .irm-info h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:15px; } .irm-info .title .left{ width:100%; padding:20px 0px 10px 0px; } .irm-info .title .left img{ margin-bottom:15px; } .irm-info .title .left p{ line-height:2; color:#333; font-size:15px; } .irm-info .title .left .base-det{ width:50%; margin-bottom:20px; } .irm-info .title .left .base-det span{ width:50%; display:block; float:left; line-height:2; font-size:15px; color:#333333; } .irm-info .title .right{ width:31.666%; text-align:right; } .irm-info .title .right p{ font-size:14px; color:#666; margin-top:30px; } .irm-info .title .right p b{ font-size:18px; /*color:#e60012; */font-weight:bold; line-height:1.2; } .irm-info .title .right h3{ font-size:24px; color:#e60012; font-weight:bold; line-height:1.2; vertical-align: baseline; margin-bottom:40px; margin-top:10px; } .irm-info .title .right h3 img{ vertical-align: baseline; margin-right:10px; } .irm-info .title .right li{ float:left; width:50%; margin-bottom:10px; text-align:right; } .irm-info .title .right li p{ font-size:14px; color:#666; line-height:1.786; margin-bottom:0; margin-top:0; } .irm-info .title .right li span{ font-size:14px; color:#333; font-weight:bold; display:block; } .irm-info .irm-info-img{ margin:40px auto 0px; width:75%; display:block; } .family-con .irm-info-quility {padding-top:64px;} .irm-info-quility h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:45px; margin-top:10px; } .irm-info-quility ul li{ width:23%; background:url("../images/icon/irm-icon-line.png") no-repeat center right; float:left; } .irm-info-quility ul li:last-child{ background:none; } .irm-info-quility ul li .pic{ width:81px; height:81px; border:2px solid #1f61c3; border-radius:50%; margin:0 auto; text-align:center; line-height:81px; margin-bottom:10px; } .irm-info-quility ul li .txt{ text-align:center; } .irm-info-quility ul li .txt p, .irm-info-quility ul li .txt p a{ font-size:19px; color:#000003; line-height:2; } .irm-info-quility ul li .txt p.in{ font-size:17px; color:#333; } .irm-info-quility ul li .txt p.in a{ font-size:17px; color:#333; } .irm-info-quility ul li .txt p a:hover{ color:#1f61c3; } .notice-list{ margin:0px -20px; } .notice-list li{ width:50%; float:left; padding:0px 20px; height:46px; line-height:46px; margin-bottom:15px; } .notice-list li *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .notice-list li .item{ display:block; border-bottom:1px solid #dbdbdb; cursor:pointer; } .notice-list li .file{ width:21px; height:46px; display:block; background:url("../images/icon/file.png") no-repeat scroll center center; margin-right:20px; } .notice-list li p{ font-size:15px; color:#666; line-height:46px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; width:80%; } .notice-list li p span{ margin-left:20px; font-size:15px; line-height:46px; color:#999; } .notice-list li .download{ width:15px; height:46px; display:block; background:url("../images/icon/download-icon.png") no-repeat scroll center center; } .notice-list li:hover p{ color:#1f61c3; margin-left:20px; } .notice-list li:hover .download{ background:url("../images/icon/download-icon-hover.png") no-repeat scroll center center; } .download-more{ width:126px; height:42px; border:2px solid #1f61c3; border-radius:22px; background:#fff; line-height:42px; text-align:center; display:block; font-size:16px; color:#1f61c3; margin:45px auto 0px; } .download-more:hover{ background:#1f61c3; color:#fff; } .download-more.noMore{ border:2px solid #666; color:#666; cursor:not-allowed; } .download-more.noMore:hover{ background:none; color:#666; } .govern h2{ font-size:20px; color:#1f61c3; line-height:2.25; font-weight:bold; margin-bottom:5px; } .govern p{ font-size:16px; color:#666; line-height: 2.25; } .govern p b{ color:#1f61c3; } .equity-table .title{ font-size:21px; color:#333; font-weight:bold; margin-bottom:35px; text-align:center; } .equity-table table{ border:1px solid #e1e1e1; width:100%; border-collapse:collapse; text-align:center; } .equity-table table tr{ height:58px; line-height:58px; border-bottom:1px solid #e1e1e1; text-align:center; } .equity-table table tr:nth-child(odd){ background:#f9f9f9; } .equity-table table tr.title{ background:#1f61c3; height:50px; line-height:50px; } .equity-table table td{ font-size:15px; color:#666; text-align:center; } .equity-table table th{ font-size:15px; color:#fff; font-weight:bold; line-height:50px; text-align:center; } /* 我们的业务 */ .product-banner{ width:100%; height:633px; } .swiper-container{ width:100%; height:100%; } .product-banner .swiper-slide{ background-size: cover; } .product-banner .swiper-button-prev, .product-banner .swiper-button-next{ position:absolute; top:50%; width:56px; height:56px; margin-top:-28px; z-index:10; cursor:pointer; background:url("../images/icon/banner-icon.png") no-repeat; background-size:199px 162px; background-position:0px 0px; } .product-banner .swiper-button-next{ background-position:-144px 0px; } .product-banner .swiper-button-prev:hover{ background-position:0px -107px; } .product-banner .swiper-button-next:hover{ background-position:-144px -107px; } .product-main .product-profile{ margin-top:95px; } .product-main .product-profile .pic{ width:740px; height:475px; float:left; position:relative; } .product-main .product-profile .pic .layer{ position:absolute; width:100%; height:100%; background:rgba(236,236,236,0.3); top:20px; left:20px; z-index:-2; } .product-main .product-profile .pic img{ width:100%; height:100%; } .product-main .product-profile .txt{ float:right; width:415px; } .product-main .product-profile .txt h2{ width:265px; height:50px; background:#8ed71c; text-align:center; font-size:26px; color:#fff; line-height:50px; margin:40px 0px 25px 0; } .product-main .product-profile .txt p{ font-size:16px; color:#666; line-height:2.063; } .product-main .goodness{ padding-bottom:50px; } .product-main .goodness .title{ line-height:145px; font-size:36px; color:#333333; text-align:center; margin-top:35px; } .product-main .goodness .title b{ font-weight:400; color:#8ed71c; } .product-main .goodness ul{ margin:0 -6px; } .product-main .goodness ul li{ width:25%; float:left; padding:0px 6px; } .product-main .goodness ul li .pic{ width:100%; height:190px; overflow:hidden; } .product-main .goodness ul li .pic img{ width:100%; height:100%; display:none; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .goodness ul li .txt{ background:#f6f6f6; width:100%; /*height:275px;*/ padding:15px 20px 20px 20px; border:1px solid #f6f6f6; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .goodness ul li .txt h2{ font-size:23px; min-height:66px; color:#8ed71c; font-weight:bold; line-height:1.435; margin-bottom:10px; } .product-main .goodness ul li .txt p{ font-size:15px; color:#666; line-height:1.8; text-align:left; } .product-main .goodness ul li:hover .pic img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .goodness_phone{width: 100%;height: 470px;display: none;} .goodness_img{width: 100%;height: 270px;} .goodness_phone .txt{width: 100%;height: 200px;background-color: #f6f6f6;display: flex; justify-content: center; flex-direction: column; padding: 15px;} .product-main .goodness_phone .txt h2{ font-size:23px; min-height:66px; color:##fff; font-weight:bold; line-height:1.435; margin-bottom:10px; } .product-main .goodness_phone .txt p{ font-size:15px; color:#fff; line-height:1.8; text-align:left; } .product-main .goodness_phone .swiper-slide{} .product-main .goodness_phone .swiper-button-prev{background: url(../images/icon/arrow-left-o.png) no-repeat;} .product-main .goodness_phone .swiper-button-next{background: url(../images/icon/arrow-right-o.png) no-repeat;} .product-main .product-show-phone {margin-bottom: 0.5rem;display: none;margin: 0 0px 50px;width: 100%;} .product-main .product-show-phone .swiper-slide{width: 100%;height: 508px;padding: 0 5px;} .product-main .product-show-phone .swiper-button-prev{background: url(../images/icon/arrow-left-o.png) no-repeat;} .product-main .product-show-phone .swiper-button-next{background: url(../images/icon/arrow-right-o.png) no-repeat;} .product-main .product-show-phone .item { width: 100%; height: 508px; border: 1px solid #e6e6e6; background: #fff; display: block; position: relative; overflow: hidden; } .product-main .product-show-phone img { width: 100%; height: 100%; } .product-main .product-show-phone .layer { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; } .product-main .product-show-phone .layer h2 { font-size: 25px; color: #666; line-height: 1.2; margin-top: 50px; position: relative; padding-bottom: 25px; margin-bottom: 35px; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; } .product-main .product-show-phone .layer h2:before { content: ''; position: absolute; bottom: 0px; left: 0%; right: 0; height: 1px; width: 100%; background: #666; transform: scaleX(0.2); -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; } .product-main .product-show-phone .layer .add { width: 44px; height: 44px; background: url(../images/icon/pro-add.png) no-repeat; display: block; margin: 30px auto 0px; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; } /*.product-main .goodness ul li:hover .txt{ background:none; }*/ .product-main .goodness ul.three li{ width:33.333333%; } .product-main .goodness ul.three li .pic{ height:240px; } .product-main .goodness ul.two li{ width:50%; } .product-main .goodness ul.two li .pic{ height:360px; } .product-main .goodness img{ display:block; float:left; } .product-show-title{ font-size:26px; color:#333; line-height:76px; } .product-main .product-show{ margin:0 -11px; margin-bottom:65px; } .product-main .product-show li{ width:33.3333333%; height:508px; padding:0px 11px; float:left; overflow:hidden; } .product-main .product-show li .item{ width:100%; height:508px; border:1px solid #e6e6e6; background:#fff; display:block; position:relative; overflow:hidden; } .product-main .product-show li img{ width:100%; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .product-show li .layer{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; } .product-main .product-show li .layer h2{ font-size:25px; color:#666; line-height:1.2; margin-top:50px; position:relative; padding-bottom:25px; margin-bottom:35px; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .product-show li .layer h2:before{ content:''; position:absolute; bottom:0px; left:0%; right:0; height:1px; width:100%; background:#666; transform:scaleX(0.2); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .product-show li .layer .line{ width:57px; height:1px; background:#666; display:block; margin:25px auto 35px; } .product-main .product-show li .layer p{ font-size:14px; color:#858585; line-height:1.786; width: 185px; margin:0 auto; } .product-main .product-show li .layer .add{ width:44px; height:44px; background:url("../images/icon/pro-add.png") no-repeat; display:block; margin:30px auto 0px; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .product-show li:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .product-show li:hover .layer h2{ color:#1f61c3; } .product-main .product-show li:hover .layer h2:before{ transform:scaleX(0.3); background:#1f61c3; } .product-main .product-show li:hover .layer .add{ background:url("../images/icon/pro-add-hover.png") no-repeat; } .product-main .joins-form{ margin-bottom:65px; } .product-main .joins-form .pic{ width:50%; height:300px; position:relative; overflow:hidden; float:left; } .product-main .joins-form .pic img{ -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; } .product-main .joins-form .pic .layer{ width:100%; height:100px; position:absolute; bottom:0; left:0; right:0; padding:0px 40px; } .product-main .joins-form .pic .layer h2{ font-size:24px; color:#fff; line-height:1.833; position:relative; z-index:40; } .product-main .joins-form .pic .layer p{ font-size:14px; color:#fff; line-height:1.929; position:relative; z-index:40; } .product-main .joins-form .pic .layer:before { width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; background-color:rgba(0, 0, 0, 0); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity:0.4; content:" "; z-index:30; } .product-main .joins-form .pic .layer:hover:before{ opacity:1; } .product-main .joins-form .form-box{ width:50%; height:300px; border:1px solid #dedede; border-left:0; border-radius:0px 2px 2px 0px; float:right; padding:40px 0px 40px 70px; } .product-main .joins-form .form-box .row{ margin-bottom:15px; } .product-main .joins-form .form-box .text{ width:428px; height:38px; border:1px solid #dedede; background:none; font-size:13px; color:#666; line-height:38px; padding-left:10px; } .product-main .joins-form .form-box .text::-webkit-input-placeholder { color:#666; } .product-main .joins-form .form-box .text:-moz-placeholder { color:#666; } .product-main .joins-form .form-box .text::-moz-placeholder { color:#666; } .product-main .joins-form .form-box .text:-ms-input-placeholder { color:#666; } .product-main .joins-form .form-box #joins{ width:428px; } .product-main .joins-form .form-box #joins .text{ width:205px; background:url("../images/icon/joins-arrow.png") no-repeat 93% center; } .product-main .joins-form .form-box #joins .text:last-child{ float:right; } .product-main .joins-form .form-box .type-row{ width:428px; } .product-main .joins-form .form-box .type-row .text{ background:url("../images/icon/joins-arrow.png") no-repeat 97% center; } .product-main .joins-form .form-box .type-row .layui-form-select .layui-input{ color:#666; border-radius:0; } .product-main .joins-form .form-box .joins-btn{ width:157px; height:40px; border-radius:20px; background:#1f61c3; border:1px solid #1f61c3; font-size:14px; color:#fff; margin-top:20px; cursor:pointer; } .product-main .joins-form .form-box .joins-btn:hover{ background:none; color:#1f61c3; } .product-main .joins-form .form-box .base-row{ width:428px; } .product-main .joins-form .form-box .base-row .text{ width:205px; } .product-main .joins-form .form-box .base-row .text:last-child{ float:right; } .product-quality{ border-bottom:1px solid #e6e6e6; height:277px; background:#fff; margin-bottom:110px; } .product-quality ul{ width:100%; height:100%; } .product-quality li{ width:33.333333%; height:100%; /*background:url("../images/icon/product-quality-line.png") no-repeat scroll center right;*/ float:left; text-align:center; position: relative;} .product-quality li:last-child{ background:none; } .product-quality li img{ margin-bottom:15px; margin-top:45px; } .product-quality li h2{ font-size:18px; color:#333; line-height:1.278; margin-bottom:10px; } c .product-quality li p{ font-size:13px; color:#777777; line-height:1.769; } .product-quality li a{ display:inline-block; width:150px; height:50px; margin-top:15px; background:#1f61c3; border-radius:2px; font-size:13px; color:#fff; line-height:50px; text-align:center; border:1px solid #1f61c3; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .product-quality li a.tmall, .product-quality li a.jd{ width:150px; margin:15px 5px;} .product-quality li a.jd{display: none;} .product-quality li a:hover{ background:none; color:#1f61c3; } .product-pop{ width: calc(100% - 320px); height:100%; background:rgba(255,255,255,1); position:fixed; left:0; top:0; z-index:6500; padding:60px 0px 0px 0px; left:-100%;display: none; /*transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s;*/ } .product-open{display: none; width:70px; height:95px; background:#1f61c3; position:absolute; right:-70px; top:50%; margin-top:-47.5px; text-align:center; cursor:pointer; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .product-open.on{ position:fixed; left:0; } .product-open.on i{ background:url('../images/icon/pro-open-arrowR.png') no-repeat center; } .product-open img{ display:block; margin:0 auto 5px; } .product-open p{ font-size:12px; color:#fff; line-height:2.5; } .product-open i{ width:70px; height:15px; background:url('../images/icon/pro-open-arrowL.png') no-repeat center; display:block; } .product-open:hover{background:#81b317; } .product-pop-in{ display:none; width:100%; height:100%; } .product-pop .product-left-nav{ height:100%; width:25%; } .product-pop .navMenu{ border-right:1px solid #dddbdb; width:400px; padding:0px 50px; padding-bottom:75px; overflow:auto; } .product-pop .navMenu > li{ line-height:75px; width:279px; border-bottom:1px solid #dddbdb; } .product-pop .navMenu > li > a{ font-size:21px; color:#333; line-height:75px; height:75px; display:block; } .product-pop .navMenu > li > a h2{ font-size:21px; color:#333; line-height:75px; float:left; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .product-pop .navMenu > li > a .arrow{ width:18px; height:75px; display:inline-block; background:url("../images/icon/pro-pop-open.png") no-repeat scroll center center; float:right; } .product-pop .navMenu > li > a .arrow.open{ background:url("../images/icon/pro-pop-close.png") no-repeat scroll center center; } .product-pop .navMenu > li > a.active h2{ color:#1f61c3; } .product-pop .navMenu > li:hover h2{ color:#1f61c3; } .product-pop .navMenu > li .sub-menu{ display:none; } .product-pop .navMenu > li .sub-menu > li{ width:100%; line-height:68px; border-top:1px solid #dddbdb; } .product-pop .navMenu > li .sub-menu > li > a{ display:block; width:100%; line-height:68px; height:68px; font-size:17px; color:#666; } .product-pop .navMenu > li .sub-menu > li > a h3{ font-size:17px; color:#666; line-height:68px; text-indent:50px; float:left; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .product-pop .navMenu > li .sub-menu > li > a.active h3{ color:#1f61c3; } .product-pop .navMenu > li .sub-menu > li:hover h3{ color:#1f61c3; } .product-pop .navMenu > li .sub-menu > li > a .arrow{ width:18px; height:68px; background:; display:inline-block; background:url("../images/icon/pro-pop-open-second.png") no-repeat scroll center center; float:right; } .product-pop .navMenu > li .sub-menu > li > a .arrow.open{ background:url("../images/icon/pro-pop-close-second.png") no-repeat scroll center center; } .product-pop .navMenu > li .sub-menu > li .third-menu{ display:none; padding-bottom:10px; overflow: auto; } .product-pop .navMenu > li .sub-menu > li .third-menu li > a{ font-size:16px; color:#666666; line-height:2.688; display:block; } .product-pop .navMenu > li .sub-menu > li .third-menu li > a h4{ font-size:16px; color:#666666; line-height:2.688; text-indent:50px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .product-pop .navMenu > li .sub-menu > li .third-menu li > a.active h4{ font-weight:bold; color:#1f61c3; } .product-pop .navMenu > li .sub-menu > li .third-menu li > a:hover h4{ color:#1f61c3 } .product-pop .navMenu > li .sub-menu > li .third-menu li .fouth-menu{ padding-left:20px; display:none; } .product-pop .navMenu > li.showed .sub-menu{ display:block; } .product-pop .navMenu > li.showed > a h2{ color:#1f61c3; } .product-pop .navMenu > li.showed > a .arrow{ background:url("../images/icon/pro-pop-close.png") no-repeat scroll center center; } .product-pop .produst-left-list{ width:75%; padding:40px 0px 40px 0px; height:100%; /*display:none;*/ } .product-pop .produst-left-list .slimScrollDiv{ padding:0px 60px; } .product-pop .produst-left-list .top{ border-top:1px solid #e8e6e6; border-bottom:1px solid #e8e6e6; } .product-pop .produst-left-list .top .tab{ padding:20px 0px 10px; width:50%; background:url("../images/icon/pro-choose-line.png") no-repeat right center; display: none !important;} .product-pop .produst-left-list .top .tab:last-child{ background:none; } .product-pop .produst-left-list .top .tab.tabRight{ padding-left:30px; } .product-pop .produst-left-list .top .tab .name{ font-size:14px; color:#666; line-height:31px; margin-right:5px; } .product-pop .produst-left-list .top .tab ul{ width:90%; } .product-pop .produst-left-list .top .tab ul li{ float:left; line-height:31px; cursor:pointer; padding:0px 18px; border:2px solid transparent; height:35px; text-align:center; font-size:14px; color:#666; margin-right:10px; } .product-pop .produst-left-list .top .tab ul li:hover{ color:#1f61c3; } .product-pop .produst-left-list .top .tab ul li.on{ border:2px solid #a6c60c; background:url("../images/icon/close-choose.png") no-repeat right bottom; background-color:#fff; } .product-pop .produst-left-list .result{ position:relative; } .product-pop .produst-left-list .result ul{ margin:0px -10px; } .product-pop .produst-left-list .result ul li{ width:25%; height:225px; float:left; padding:0px 10px; margin-top:40px; cursor:pointer; } .product-pop .produst-left-list .result ul li .item{ width:100%; height:100%; position:relative; } .product-pop .produst-left-list .result ul li .item:before { width: 100%; height: 56px; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000); opacity: 0.7; content: " "; z-index: 30; } .product-pop .produst-left-list .result ul li img{ width:100%; height:100%; } .product-pop .produst-left-list .result ul li p{ width:100%; position:absolute; bottom:0; left:0; right:0; height:56px; line-height:56px; font-size:14px; color:#fff; padding-left:15px; z-index:100; } .product-pop .produst-left-list .result ul li .type{position:absolute;left: 0;top:0;background-color: #1f61c3;font-size: 14px;color: #fff;line-height: 30px;padding: 0 10px;} .product-pop .produst-left-list .result ul li:hover .item:before{ opacity:1; height:80px; } .product-info-pop{ width:550px; /*height:590px;*/ background:#fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.24); position:fixed; top:15%; left:50%; margin:-0px 0px 0px -275px; z-index:1510; display:none; } .product-info-pop .pic{ width:530px; height:460px; margin-top:10px; margin-left:10px; background-size:contain; } .product-info-pop .pic img{ width:100%; height:100%; } .product-info-pop p{ font-size:15px; color:#666; line-height:2; padding:5px 10px 10px; max-height:200px;overflow-y: auto; } .product-info-pop p span{ font-size:15px; color:#666; margin-right:30px; } .product-info-pop .close{ width:35px; height:35px; background-color:#fff; position:absolute; right:-35px; top:0px; } .product-info-pop .close i{ width:35px; height:35px; background:url("../images/icon/pro-close.png") no-repeat scroll center center; display:block; cursor:pointer; } .product-info-pop .close:hover i{-webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite;} .loading-more{width: 120px;height: 48px;text-align: center;line-height: 48px;cursor: pointer;background-color: rgba(143,195,31,0.8);margin:20px auto;font-size: 16px;color: #fff;z-index: 100;border-radius: 4px;-webkit-border-radius:4px;} .m-product-fix{display: none;position: fixed;right: 0;bottom: 20%;width: 70px;height: 70px;background: rgba(143,195,31,0.8);z-index: 1001;} /* 研究院 */ .institute-banner{ height:550px; } .institute-main .institute-profile{ padding-top:30px; padding-bottom:25px; } .institute-main h2.title{ font-size:30px; color:#222222; line-height:85px; } .institute-main .institute-profile p{ font-size:15px; color:#666; line-height:1.867; margin-bottom:30px; } .institute-main .institute-leaguer{ background:#f5f5f5; padding:80px 0px 80px; } .institute-main .institute-leaguer .tab{ text-align:center; margin-bottom:60px; } .institute-main .institute-leaguer .tab li{ display:inline-block; width:175px; margin:0px 15px; background:#a5a5a5; border-radius:4px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .institute-main .institute-leaguer .tab li a{ font-size:22px; color:#fff; line-height:55px; width:100%; display:block; } .institute-main .institute-leaguer .tab li.on, .institute-main .institute-leaguer .tab li:hover{ background:#1f61c3; } .institute-slide{ width:1366px; margin:0 auto; } .institute-slide .institute-item, .institute-slide .leaguer-item{ position:relative; width:1200px; margin:0 auto; } .institute-slide .item-tab{ display:none; } .institute-slide .swiper-slide{ width:25%; } .institute-slide .swiper-slide .pic{ width:195px; height:195px; border:10px solid #e3e2e2; border-radius:50%; margin:0 auto 15px; overflow:hidden; } .institute-slide .swiper-slide .pic img{ min-width:100%; min-height:100%; border-radius:50%; } .institute-slide .swiper-slide .txt h2{ font-size:26px; color:#1f61c3; text-align:center; font-weight:bold; margin-bottom:15px; } .institute-slide .swiper-slide .txt p{ font-size:15px; color:#666666; text-align:center; margin:0 auto; width:75%; } .institute-slide .swiper-button-prev, .institute-slide .swiper-button-next{ position:absolute; top:35%; width:45px; height:45px; margin-top:-22.5px; z-index:10; cursor:pointer; background:url("../images/icon/joins-slide-icon.png") no-repeat; background-size:181px 135px; background-position:0px 0px; left:-4%; } .institute-slide .swiper-button-next{ background-position:-136px 0px; left:auto; right:-4%; } .institute-slide .swiper-button-prev:hover{ background-position:0px -90px; } .institute-slide .swiper-button-next:hover{ background-position:-136px -90px; } .university-industry{ padding:30px 0px 80px; } .university-industry .tab .top{ display:none; } .university-industry .tab{ width:100%; border:1px solid #dfdfdf; height:71px; } .university-industry .tab ul li{ float:left; line-height:68px; width:25%; border-right:1px solid #dfdfdf; background:#fbfbfb; padding:0 20px; cursor:pointer; } /*.university-industry .tab ul li.last{ border-right:0; width:36%; }*/ .university-industry .tab ul li a{ font-size:15px; color:#666; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; display:block; width:100%; height:100%; } .university-industry .tab ul li a i{ display:block; float:right; width:14px; height:68px; background:url("../images/icon/select-arrowB.png") no-repeat scroll center center; } .university-industry .tab ul li.on{ border-right:0; background:#1f61c3;} .university-industry .tab ul li.on a{ color:#f4f4f4; } .university-industry .tab ul li.on a i{ background:url("../images/icon/select-arrowB-white.png") no-repeat scroll center center; } .university-industry .tab ul li:hover a{ color:#1f61c3; } .university-industry .tab ul li.on a:hover{ color:#f4f4f4; } .university-industry .con{ border:1px solid #dfdfdf; border-top:0; } .university-industry .con .item .pic{ width:48%; height:343px; } .university-industry .con .item .pic img{ width:100%; height:100%; } .university-industry .con .item .txt{ width:52%; height:343px; padding:35px 40px; font-size:14px; color:#666; line-height:1.857; border-left:1px solid #dfdfdf; } .university-industry .con .item .txt *{ font-size:14px; color:#666; line-height:1.857; } .university-industry .con .item .txt p{ margin-bottom:20px; } .research-area{ background:#f5f5f5; padding:30px 0px 80px; } .research-area ul{ border:1px solid #e4e4e4; } .research-area ul li{ background:#fff; border-bottom:1px solid #e4e4e4; padding:20px 0px; } .research-area ul li .title{ font-size:17px; color:#1f61c3; font-weight:bold; width:200px; float:left; padding:0px 25px; } .research-area ul li .title img{ margin-right:20px; } .research-area ul li .txt{ font-size:14px; color:#666; line-height:2; background:url("../images/icon/research-line.png") repeat-y left center; width:calc(100% - 200px); float:right; padding:5px 30px; } .research-area ul li .txt p{ font-size:14px; color:#666; line-height:2; } .research-area ul li:last-child{ border-bottom:0; } .research-findings{ background:#fff; padding:30px 0px 80px; } .research-findings .tab li{ float:left; width:20%; border-bottom:1px solid #e4e4e4; position:relative; cursor:pointer; } .research-findings .tab li a{ display:block; width:100%; height:100%; } .research-findings .tab li .pic{ width:81px; height:81px; border:2px solid #666; border-radius:4px; margin:0 auto; } .research-findings .tab li .pic i{ display:block; width:100%; height:100%; background:url("../images/icon/findings-icon.png") no-repeat; background-size:996px 175px; } .research-findings .tab li .pic i.icon-1{ background-position:11px -109px; } .research-findings .tab li .pic i.icon-2{ background-position:-225px -109px; } .research-findings .tab li .pic i.icon-3{ background-position:-460px -109px; } .research-findings .tab li .pic i.icon-4{ background-position:-696px -109px; } .research-findings .tab li .pic i.icon-5{ background-position:-933px -109px; } .research-findings .tab li p{ font-size:19px; color:#666; line-height:85px; text-align:center; } .research-findings .tab li.on{ border-color:#1f61c3; } .research-findings .tab li.on .arrowB{ width:0; height:0; border-width:6px 6px 0px; border-style:solid; border-color:#1f61c3 transparent transparent; display:block; position:absolute; bottom:-7px; left:50%; margin-left:-6px; } .research-findings .tab li.on .arrowB span{ display:block; width:0; height:0; border-width:6px 6px 0px; border-style:solid; border-color:#fff transparent transparent; position:absolute; top:-8px; left:-6px;} .research-findings .tab li.on .pic{ border-color:#1f61c3; } .research-findings .tab li.on .pic i.icon-1{ background-position:11px 11px; } .research-findings .tab li.on .pic i.icon-2{ background-position:-225px 11px; } .research-findings .tab li.on .pic i.icon-3{ background-position:-460px 11px; } .research-findings .tab li.on .pic i.icon-4{ background-position:-696px 11px; } .research-findings .tab li.on .pic i.icon-5{ background-position:-933px 11px; } .research-findings .tab li.on p{ color:#1f61c3; } .research-findings .tab li:hover .pic{ border-color:#1f61c3; } .research-findings .tab li:hover .pic i.icon-1{ background-position:11px 11px; } .research-findings .tab li:hover .pic i.icon-2{ background-position:-225px 11px; } .research-findings .tab li:hover .pic i.icon-3{ background-position:-460px 11px; } .research-findings .tab li:hover .pic i.icon-4{ background-position:-696px 11px; } .research-findings .tab li:hover .pic i.icon-5{ background-position:-933px 11px; } .research-findings .tab li:hover p{ color:#1f61c3; } .research-findings .con .item-row{ display:none; } .research-findings .con .choose{ width:262px; height:38px; border:1px solid #cccccc; border-radius:2px; background:#fff; box-shadow: inset 0px 3px 2px 0px rgba(241, 241, 241, 0.88); margin-top:35px; } .research-findings .con .choose .choose-select{ width:100%; height:100%; background:none; border:0; padding-left:15px; font-size:14px; color:#ababab; position:relative; } .base-select-ul{ width:100%; height:100%; border:0; background:url("../images/icon/select-arrowB.png") no-repeat 93% center; background-color:#fff; font-size:14px; color:#ababab; cursor:pointer; } .select-ul{ width:262px; border:1px solid #ccc; background:#fff; position:absolute; left:-1px; top:36px; display:none; cursor:pointer; z-index:100; } .select-ul li{ width:100%; height:30px; line-height:30px; padding-left:15px; font-size:14px; color:#ababab; } .select-ul li a{ font-size:14px; color:#ababab; display:block; width:100%; height:100%; } .select-ul li:hover{ background:#1f61c3; color:#fff; } .select-ul li:hover a{ color:#fff; } .research-findings .con .list{ text-align:center; margin:0px -20px; } .research-findings .con .list li{ margin-top:40px; padding:0px 20px; float:left; width:25%; } .research-findings .con .list li .pic{ width:270px; height:380px; margin-bottom:20px; } .research-findings .con .list li .pic img{ width:100%; /*height:100%;*/ } .research-findings .con .list li p{ font-size:18px; color:#666; text-align:left; height:50px; } .research-findings .tab-wrap .top{ display:none; } .research-findings .more{ width:100%; height:50px; display:block; text-align:center; cursor:pointer; margin-top:15px; margin-bottom:55px; } /* 商学院 */ .school-profile{ background:#f5f5f5; padding:50px 0px 75px; } .school-profile .item{ width:32%;margin-right:2%;height: 108px; border:1px solid #21ab9b; background:#fff; float:left; } .school-profile .item:last-child{margin-right: 0;} .school-profile .item .pic{ line-height:108px; width:24%; text-align:center; background:url("../images/icon/research-line.png") no-repeat right center; } .school-profile .item .txt{ width:76%; padding:28px 30px; float:right;} .school-profile .item .txt p{ font-size:20px; color:#21ab9b; line-height:1.053; margin-bottom:10px; font-weight:bold; } .school-profile .item .txt span{ font-size:16px; color:#333; display:block; } .school-banner{ height:530px; position:relative; margin-top:40px; } .school-banner .swiper-slide{ width:100%; height:100%; } .school-banner .swiper-slide img{ width:100%; height:100%; } .school-banner .swiper-button-prev, .school-banner .swiper-button-next{ position:absolute; top:50%; width:56px; height:56px; margin-top:-28px; z-index:10; cursor:pointer; background:url("../images/icon/banner-icon.png") no-repeat; background-size:199px 162px; background-position:0px 0px; left:30px; } .school-banner .swiper-button-next{ background-position:-144px 0px; left:auto; right:30px; } .school-banner .swiper-button-prev:hover{ background-position:0px -107px; } .school-banner .swiper-button-next:hover{ background-position:-144px -107px; } .school-banner .layer{ width:428px; height:100%; position:absolute; top:0px; } .school-banner .layer-prev{ left:0; background:url("../images/layer-prev.png") no-repeat; z-index:1; } .school-banner .layer-next{ right:0; background:url("../images/layer-next.png") no-repeat; z-index:1; } .school-banner .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:2px solid #fff; border-radius:50%; box-sizing:content-box; opacity:1; } .school-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; } .school-profile .text{ margin-top:10px; } .school-profile .text h2{ font-size:31px; color:#222222; line-height:0.8rem; } .school-profile .text p{ font-size:15px; color:#666; line-height:1.933; margin-bottom:8px; } .school-main .institute-lecturer{ background:#fff; padding-top:0; padding-bottom:80px; } .school-main .institute-lecturer .title{ font-size:31px; color:#222222; line-height:160px; } .school-main .institute-lecturer .lecturer-slide{ width:1360px; margin:0 auto; position:relative; } .swiper-container-lecturer .swiper-slide{ width:25%; padding:0px 20px; } .swiper-container-lecturer .swiper-slide .pic{ width:218px; height:218px; border:10px solid #e3e2e2; border-radius:50%; overflow: hidden; margin:0 auto; } .swiper-container-lecturer .swiper-slide .pic .name{ width:100%; height:50%; background:rgba(30,166,164,0.8); text-align:center; position:relative; top:150px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .swiper-container-lecturer .swiper-slide .pic .name p{ font-size:14px; color:#fff; line-height:40px; } .swiper-container-lecturer .swiper-slide .pic .name p b{ font-weight:400; font-size:17px; } .swiper-container-lecturer .swiper-slide .txt{ margin-top:15px; } .swiper-container-lecturer .swiper-slide .txt p{ font-size:15px; color:#666; line-height:1.533; text-align:center; } .school-main .institute-lecturer .lecturer-slide .swiper-button-prev, .school-main .institute-lecturer .lecturer-slide .swiper-button-next{ position:absolute; top:35%; width:45px; height:45px; margin-top:-22.5px; z-index:10; cursor:pointer; background:url("../images/icon/joins-slide-icon.png") no-repeat; background-size:181px 135px; background-position:0px 0px; left:0%; } .school-main .institute-lecturer .lecturer-slide .swiper-button-next{ background-position:-136px 0px; left:auto; right:0%; } .school-main .institute-lecturer .lecturer-slide .swiper-button-prev:hover{ background-position:0px -90px; } .school-main .institute-lecturer .lecturer-slide .swiper-button-next:hover{ background-position:-136px -90px; } .school-main .course{ width:100%; background:url("../images/course-bg.png") no-repeat; background-size:cover; } .school-main .course .title{ color:#fff; } .school-main .course .swiper-slide{ width:20%; height:108px; padding:0px 10px; } .school-main .course .swiper-slide .item{ width:100%; height:100%; display:block; padding:30px 25px; border:1px solid #fff; background-color:rgba(255, 255, 255, 0.149); box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.15); border-radius:2px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .school-main .course .swiper-slide h2{ font-size:17px; color:#fff; font-weight:bold; line-height:1.667; font-weight:bold; } .school-main .course .swiper-slide h2 i{ display:inline-block; width:5px; height:5px; background:#fff; border-radius:50%; vertical-align:middle; margin-right:10px; } .school-main .course .swiper-slide p{ font-size:12px; color:#fff; line-height:1.667; margin-left:15px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .school-main .course .swiper-slide:hover .item{ background-color:rgba(255, 255, 255, 0); } .school-main .course .swiper-slide:hover p{ margin-left:20px; } .school-main .course .lecturer-slide .swiper-button-prev, .school-main .course .lecturer-slide .swiper-button-next{ position:absolute; top:50%; width:45px; height:45px; margin-top:-22.5px; z-index:10; cursor:pointer; background:url("../images/icon/joins-slide-icon.png") no-repeat; background-size:181px 135px; background-position:0px 0px; left:0%; opacity:0.6; } .school-main .course .lecturer-slide .swiper-button-next{ background-position:-136px 0px; left:auto; right:0%; } .school-main .course .lecturer-slide .swiper-button-prev:hover{ opacity:1; background-position:0px 0px; } .school-main .course .lecturer-slide .swiper-button-next:hover{ opacity:1; background-position:-136px 0px; } .school-main .online{ padding-bottom:120px; padding-top:85px; } .school-main .online .study{ width:50%; border-right:1px dashed #dcdcdc; padding-top:15px; padding-right:40px; } .school-main .online .study .pic{ width:100%; height:290px; margin-bottom:35px; } .school-main .online .study .pic img{ width:100%; height:130%; } .school-main .online .study h2{ font-size:26px; color:#555555; margin-bottom:10px; } .school-main .online .study p{ font-size:14px; color:#999; line-height:1.643; margin-bottom:15px; } .school-main .online .study .study-btn{ border-radius:19px; background:#1ea692; border:1px solid #1ea692; width:157px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; cursor:pointer; } .school-main .online .study .study-btn:hover{ background:none; color:#1ea692; } .school-main .enroll{ width:47%; padding-top:15px; } .school-main .enroll h2{ font-size:31px; color:#222222; line-height:0.903; margin-bottom:15px; } .school-main .enroll p{ font-size:14px; color:#999; line-height:1.643; margin-bottom:15px; } .school-main .enroll .item{ border-bottom:1px solid #e0e0e0; height:45px; line-height:45px; margin-bottom:20px; } .school-main .enroll .item span{ font-size:15px; color:#666; line-height:45px; float:left; } .school-main .enroll .item span i{ font-size:15px; color:#ec0e1e; font-family:"Myriad Pro"; font-style:normal; line-height:45px; margin-right:15px; } .school-main .enroll .item .text{ width:75%; height:100%; border:0; background:none; font-size:15px; color:#666; float:left; } .school-main .enroll .content-item{ height:auto; } .school-main .enroll .content-item span{ display:block; float:none; } .school-main .enroll .content-item .textarea{ max-height:80px; float:none; width:100%; font-size:15px; color:#666; border:0; } .school-main .enroll .enroll-btn{ border-radius:19px; background:#1ea692; border:1px solid #1ea692; width:157px; height:40px; display:block; text-align:center; line-height:40px; font-size:14px; color:#fff; margin-top:30px; cursor:pointer; } .school-main .enroll .enroll-btn:hover{ background:none; color:#1ea692; } .cater-detail-pop{position:fixed; width:100%; height:100%; background:#fff; top:0; left:0; right:0; bottom:0; z-index:10000; overflow:auto; -webkit-transition: visibility 0.25s ease, opacity 0.25s ease; -moz-transition: visibility 0.25s ease, opacity 0.25s ease; -ms-transition: visibility 0.25s ease, opacity 0.25s ease; -o-transition: visibility 0.25s ease, opacity 0.25s ease; transition: visibility 0.25s ease, opacity 0.25s ease; display:none; } .cater-pro-1 .cater-pro-txt .tr{padding-left:0.9rem;} .cater-detail-pop.is-visible{visibility:visible; opacity:1; animation:elastic .5s;} .cater-detail-pop.show{display:block;} .cater-detail-pop .close{width:62px; height:62px; border:1px solid #ccc; position:fixed; top:50px; right:120px;} .cater-detail-pop .close .in{position: absolute;left:50%; top:50%; width:30px; height:30px; margin:-15px; cursor:pointer;} .cater-detail-pop .close .in span{display:inline-block; position:absolute; left:50%; top:50%; width:30px; height:1px; margin:-1px 0 0 -15px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);} .cater-detail-pop .close .in span:last-child {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .cater-detail-pop .close span::before, .cater-detail-pop .close span::after{content:""; display:inline-block; position:absolute; width:100%; height:100%; -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1); transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);} .cater-detail-pop .close span::before{background-color:#b3b3b3; opacity:1;} .cater-detail-pop .close span::after{background-color:#333; opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);} .cater-detail-pop .close span:last-child::before, .cater-detail-pop .close span:last-child::after{-webkit-transition-delay:.18s; transition-delay:.18s;} .cater-detail-pop .close .in:hover span::before{opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0);} .cater-detail-pop .close .in:hover span::after{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .cater-detail-pop .container{width:1100px; margin-top:50px;} .cater-detail-pop .pic{height:310px;} .cater-detail-pop .pop-wrap{margin:50px 0px;} .cater-detail-pop .pop-wrap .share{width:82px;} .cater-detail-pop .pop-wrap .share a{width:40px; height:40px; display:block; float:left; position:relative; margin-right:1px; margin-bottom:1px; padding:0; background:none; margin-top:0; margin-left:0;} .cater-detail-pop .pop-wrap .share a i{display:block; background:url("../images/share.png") no-repeat; position:absolute; width:25px; height:25px; margin-top:10px; margin-left:7px;} .cater-detail-pop .pop-wrap .share .bds_weixin{background-color:#53bd8f; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_tsina{background-color:#dc4e41; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_qzone{background-color:#4e69a2; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .bds_renren{background-color:#e5b14c; background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .wx i{background-position:0px 0px;} .cater-detail-pop .pop-wrap .share .sina i{background-position:-40px 0px;} .cater-detail-pop .pop-wrap .share .qzone i{background-position:0px -40px;} .cater-detail-pop .pop-wrap .share .renren i{background-position:-40px -40px;} .cater-detail-pop .pop-wrap .share a:hover{background:#333;} .cater-detail-pop .det{width:970px;} .cater-detail-pop .det .top .time{font-size:18px; color:#666; text-transform:uppercase; line-height:0.778; margin-bottom:75px; display:block;} .cater-detail-pop .det .top h1{ font-size:28px; color:#060606; line-height:0.893; margin-bottom:20px;} .cater-detail-pop .det .top .line{display:block; width:60px; height:4px; background:#1f61c3; margin-bottom:40px;} .cater-detail-pop .det p{font-size:16px; color:#333; line-height:1.813;} .cater-detail-pop .det img{max-width:100%; display:block; margin:30px 0px;} .cater-detail-pop .enroll{ width:100%; border-top:1px solid #ddd; margin-top:30px; padding-top:20px; } .cater-detail-pop .det .con table {width: 600px !important;} .cater-detail-pop .det .con table td{border:1px solid #ebebeb !important;font-size: 14px !important;color: #2d2d2d !important;height: 42px !important;width: 300px !important;} .cater-detail-pop .det .con table tr:first-child td{color: #fff !important;border:none !important;background-color: #9bc844 !important;text-align: center !important;} /* .cd-top-box{ width:73px; height:73px; border-radius:50%; background:url("../images/icon/top.png") no-repeat; position:fixed; z-index:1000; right:50px; bottom:50px; cursor:pointer; display:none; } .cd-top-box:hover { -webkit-animation: btn-pudding 1s linear; animation: btn-pudding 1s linear; } .cater-detail-pop .det .con table td{border:1px solid #ebebeb !important;font-size: 14px !important;color: #2d2d2d !important;height: 42px !important;width: 300px !important;} .cater-detail-pop .det .con table tr:first-child td{border-color: #9bc844 !important;font-size: 16px !important;color: #fff !important;background-color: #9bc844 !important;} */ .cd-top-box{position: fixed;right: 0;bottom: 20%;width: 50px;margin-bottom: -70px;height: 69px;background-color: #1f61c3;border-radius: 10px 0 0 10px;cursor:pointer;z-index: 999;} .cd-top-box i{display: block;width: 20px;height: 10px;background: url('../images/backup_icon.png') no-repeat;margin: 10px auto 5px;} .cd-top-box p{font-size: 14px;color: #fff;text-align: center;line-height: 18px;} /* layui */ .layui-form-select dl dd.layui-this{ background:#1f61c3; } .search{padding:24px 0 40px 0;background:#646464;margin-bottom:20px;} .search .title{font-size:25px;color:#fff;font-weight:bolder;line-height:47px;} .search .text{width:70%;height:47px;border:1px solid #fff;background:url(../images/icon/search_icon1.png) #fff 96% center no-repeat;background-size:20px;font-size:15px;color:#666;line-height:47px;text-indent:1.7%;float:left;} .search .text.focus{border:1px solid #1f61c3;} .search .btn{width:9%;height:49px;cursor:pointer;background:#1f61c3;line-height:49px;text-align:center;margin-left:1.4%;font-size:18px;color:#fff;border:none;} .search a{line-height:39px;font-size:18px;color:#1f61c3;margin-left:11%;position:relative;} .search a i{width:23px;height:23px;background:url(../images/icon/arrow10.png) no-repeat;position:relative;top:5px;margin-right:13px;} .search_result{font-size:20px;color:#333;line-height:44px;margin-bottom:28px;} .search_result span{font-size:25px;color:#1f61c3;} .search_main{margin-bottom:50px;} .search_left{width:20%;float:left;padding-top:23px;} .search_left li{/*height:25px;line-height:25px;*/margin-bottom:38px;} .search_left li a{font-size:20px;color:#666;} .search_left li i{width:26px;height:25px;background:url(../images/icon/radio_icon.png) no-repeat;background-size:auto 100%;margin-right:10px;position:relative;top:5px; display: inline-block;} .search_left li.on i{background-position:-28px 0;} .search_right{width:80%;float:left;background:#f1f1f1;} .search_right .main{padding:15px 30px 30px 30px;display:none;} .search_right_title{font-size:18px;color:#333;font-weight:bolder;line-height:40px;border-bottom:1px solid #d2d2d2;} .search_right li{border-bottom:1px dashed #d2d2d2;} .search_right li a{display:block;padding:22px 0;} .search_right li .title{font-size:18px;color:#1f61c3;line-height:34px;width:80%;float:left;} .search_right li .time{width:80px;float:right;text-align:right;color:#666;font-size:14px;} .search_right li .con{font-size:13px;color:#666;line-height:30px;padding-top:4px;} .search_right .more1{margin-top:30px;} .search_more{width:30%;margin:0 auto;text-align:center;} .search_more img{cursor:pointer;} .innovative_reward.rdresult_list .bx-wrapper{margin:0;} .search_right li a:hover .title{font-weight:bolder;} /* 20180312 活动报名页面 */ .activity-main .activity-con{ padding-top:40px; } .activity-main .activity-con h2{ font-size:24px; color:#333; line-height:1.346; } .activity-main .activity-con .activity-list{ margin:20px -20px 0px; } .activity-main .activity-con .activity-list li{ width:50%; height:295px; padding:0px 20px; float:left; margin-bottom:30px; } .activity-main .activity-con .activity-list li .item{ width:100%; height:100%; display:block; } .activity-main .activity-con .activity-list li .pic{ width:100%; height:248px; } .activity-main .activity-con .activity-list li .txt{ width:100%; height:50px; background:#f2f2f2; padding:0px 15px 0px 15px; transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .activity-main .activity-con .activity-list li .txt *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; } .activity-main .activity-con .activity-list li .txt .name{ padding:0px 10px; height:28px; background:#a6c60c; text-align:center; line-height:28px; color:#fff; font-size:13px; margin-top:11px; } .activity-main .activity-con .activity-list li .txt .date{ font-size:13px; color:#666; line-height:50px;display: none; } .activity-main .activity-con .activity-list li .txt .date i{ display:block; width:14px; height:14px; background:url("../images/icon/activity-icon.png") no-repeat scroll center center; float:left; margin-top:18px; margin-right:5px; } .activity-main .activity-con .activity-list li:hover .txt{ background:#ffa800; } .activity-main .activity-con .activity-list li:hover .txt .name{ background:#fff; color:#ffa800; } .activity-main .activity-con .activity-list li:hover .txt .date{ color:#fff; } .activity-main .activity-con .activity-list li:hover .txt .date i{ background:url("../images/icon/activity-icon-hover.png") no-repeat scroll center center; } .activity-more{ width:136px; height:40px; border:2px solid #1f61c3; border-radius:25px; display:block; font-size:14px; color:#1f61c3; line-height:36px; text-align:center; margin:20px auto 0px; } .activity-more:hover{ background:#1f61c3; color:#fff; } /*预约报名*/ .indexBaoming-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99999;display:none} #indexBaoming{width:740px;height:510px;position:fixed;left:50%;top:50%;margin-left:-370px;margin-top:-255px;border:8px solid #1f61c3; z-index:9999;padding-top: 50px;background: url(../images/inb-bg.jpg) no-repeat center;background-size: cover;box-sizing: border-box;} #indexBaoming .tit{font-size: 45px;color: #333;line-height: 55px;text-align: center;} #indexBaoming .tit span{font-size: 55px;color: #1f61c3;font-weight: bold;} #indexBaoming .tit1{color: #6C6C6C;font-size: 16px;text-align: center;margin: 5px 0 25px 0;} #indexBaoming form{width: 100%;padding-left: 100px;box-sizing: border-box;} #indexBaoming form .row{margin-bottom: 15px;} #indexBaoming form .row span{float: left;width: 90px;text-align: center;line-height: 45px;font-size: 14px;color: #333;} #indexBaoming form .row .row1-input{float: left;width: 170px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;font-size: 14px;} #indexBaoming form .row .row3-input{float: left;width: 134px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;font-size: 14px;} #indexBaoming form .row img{float: left;margin-left: 12px;} #indexBaoming form .row select{width: 135px;margin-right: 12px;float: left;height: 45px;border: none;border-radius: 0px;text-indent: 10px; background: url(../images/select-arrowB.png) no-repeat right 10px center;background-color: #fff;font-size: 14px;} #indexBaoming form .row select.bmarea{margin-right: 0px;} .indexbm-sub{margin: 35px 0 0 145px;width: 245px;height: 50px;border-radius: 50px !important;color: #fff;background: #1f61c3;font-size: 22px;border: none;display: block;} .indexbm-sub:hover{background: #8ab52d;} .closebm{width: 30px;height: 30px;background: url(../images/bmclose.png) no-repeat center;position: absolute;right: 16px;top: 16px;cursor: pointer;} .closebm:hover{background: url(../images/bmclose-hover.png) no-repeat center;} #indexBaoming .tit2{color: #666;font-size: 14px;text-align: center;margin-top: 20px;} #indexBaoming .tit2 i{font-style: normal;color: #f00; position: relative;line-height: 1px;top: 12px;margin-right: 5px;font-size: 30px;} .row-label{width: calc(100% - 190px);float: left;} #indexBaoming form .row1 span{line-height: 24px;} .row-label label{position: relative;font-size: 12px;padding: 4px 14px;display: inline-block;float: left;margin-right: 6px;cursor: pointer;margin-bottom: 6px;} .row-label label:hover{} .row-label input[type="checkbox"]{opacity: 0;width: 0;float: left;margin: 0;} .row-label input[type="checkbox"]:checked + label::before { width: 100%;height: 100%; background: url(../images/checkbox-on-bg.png) no-repeat; background-position: right -1px bottom; background-color: #1f61c3; content: ''; position: absolute; left: 0px; top: 1px; transition: 0.3s; border-radius: 3px; display: block; z-index: -1; } .row-label input[type="checkbox"]:checked + label { color: #fff; } .row-label input[type="checkbox"] + label::before { background: url(../images/checkbox-bg.png) no-repeat; background-position: right -1px bottom; background-color: #fff; content: ''; position: absolute; width: 100%;height: 100%;display: block; left: 0px; top: 1px; transition: 0.3s; border-radius: 3px; z-index: -1; } /*旋转动画*/ @-webkit-keyframes spin { form { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { form { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes btn-pudding { 12%, 15% { transform: scale(0.93, 1.07) } 16%, 17% { transform: scale(0.94, 1.06) } 10%, 18% { transform: scale(0.95, 1.05) } 19% { transform: scale(0.96, 1.04) } 20% { transform: scale(0.98, 1.02) } 21%, 40%, 48% { transform: scale(0.99, 1.01) } 22%, 23%, 37%, 39%, 49% { transform: scale(1, 1) } 7%, 24%, 34%, 36% { transform: scale(1.01, 0.99) } 25%, 27%, 30%, 33% { transform: scale(1.02, 0.98) } 28%, 29% { transform: scale(1.03, 0.97) } 2% { transform: scale(1.16, 0.84) } 0% { transform: scale(1.2, 0.8) } } /* 文档宽度小于 1680 像素 */ @media screen and (max-width: 1680px) { .news-share{ left:9%; } .product-pop{ width:calc(100% - 200px); } /*.product-pop .navMenu{ width:100%; }*/ /*.product-pop .navMenu > li{ width:100%; }*/ /*.product-pop .product-left-nav{ width:29.5%; height:100%; }*/ /*.product-pop .produst-left-list{ width:70.5%; padding:40px 40px 40px 40px; }*/ .product-pop .produst-left-list .top .tab .name{ width:50px; margin-right:0; } .product-pop .produst-left-list .top .tab ul{ width:calc(100% - 50px); } .product-pop .produst-left-list .top .tab ul li{ padding:0px 12px; } .product-pop .produst-left-list .result ul{ margin:0 -10px; } .product-pop .produst-left-list .result ul li{ width:33.333333%; padding:0px 10px; } .product-pop .produst-left-list .result ul li .item{ width:100%; } } /* 文档宽度小于 1550 像素 */ @media screen and (max-width: 1550px) { .news-share{ left:4%; } .header .nav ul > li{ margin-left: 45px; } .news-share{ left:1%; } .school-main .institute-lecturer .lecturer-slide{ width:94%; } .product-pop .produst-left-list .result ul li{ width:50%; padding:0px 10px; } .subnav dl dd{ margin:10px 20px; } .subnav-common .right ul li{ margin-left: 10px;} .header .subnav-common .left ul li a{padding: 0;} .header .subnav-common .left ul li{margin-right: 73px;} } @media screen and (max-width: 1440px) { .header .nav ul > li{ margin-left: 40px;} } /* 文档宽度小于 1366 像素 */ @media screen and (max-width: 1420px) { .news-share{ left:1%; } .school-main .institute-lecturer .lecturer-slide{ width:94%; } .product-pop .produst-left-list .result ul li{ width:50%; padding:0px 10px; } .subnav dl dd{ margin:10px 20px; } } @media screen and (max-width: 1366px) { .header .nav ul > li { margin-left: 35px;} } /* 文档宽度小于 1350 像素 */ @media screen and (max-width: 1350px) { .container{ width:94%; } .brand-main .breadNav.container{ width:100%; } .header{ padding-left:30px; } .header .logo{ width: 200px;height: 70px;background-size: 200px 70px;margin-top: 15px; } .header .toplink{ padding-right:30px; } .header .nav{ padding-right:30px; } .first-module .show .left{ width:40%; } .first-module .show .left .box{ width:100%; } .first-module .show .right{ width:58.5%; } .first-module .show .right .box{ width:100%; } .service .service-tab li{ padding:0px 15px 0px 20px; } .service .service-tab li p{ font-size:15px; } .joins .container{ overflow:hidden; } .joins .padding { display: none; /* 隐藏元素 */ /* 或者你可以使用 visibility: hidden; 如果仍然需要保留空间但不想显示内容 */ } .joins-slide .pic{ width:50%; } .quality-list{ text-align:center; } .quality-list li, .quality-list li:last-child{ display:inline-block; float:none; margin:0 50px; } .footer-link .footer-ul{ width:11.1%; margin:0; } .service-main .service-tab li .txt{ margin-top:11px; margin-left:0px; float:right; } .question-con .question-select{ width:30%; } .question-con .question-input{ width:70%; } .feedback-form .bottom .base-row .item{ width:24.25%; margin-right:1%; } .feedback-form .bottom .base-row .item .text{ width:120px; } .news-list li .txt{ width:70%; } .news-list li .txt .title a i{ display:none; } .news-share{ left:3%; } .det-main .det-con .hot{ display:none; } .det-main .det-con .det-info{ width:910px; float:none; margin:0 auto; } .gallery-top .swiper-slide .item .pic{ width:50%; } .gallery-top .swiper-slide .item .pic img{ width:100%; } .gallery-top .swiper-slide .item .txt{ width:50%; } .policy-top .pic{ width:70%; height:auto; } .setMap{ width:calc(100% - 370px); } .institute-slide{ width:100%; } .institute-slide .swiper-button-prev{ left:1%; } .institute-slide .swiper-button-next{ right:1%; } /*.institute-slide .swiper-container{ padding:0px 3%; }*/ .institute-slide .institute-item, .institute-slide .leaguer-item{ width:100%; } .university-industry .tab ul li{ width:15%; padding:0px 15px; } .university-industry .tab ul li a{ font-size:14px; } .university-industry .tab ul li.last{ width:40%; } .research-findings .con .list li .pic{ width:100%; height:100%; } .school-main .course .swiper-slide{ width:25%; } .school-main .course .swiper-slide .item{ width:90%; margin:0 auto; } .subnav dl dd{ margin:10px 15px; } .product-main .product-profile .pic{ width:55%; height:410px; } .product-main .product-profile .txt{ width:42%; } .product-main .joins-form .form-box{ padding:40px; } .product-main .joins-form .form-box .base-row{ width:100%; } .product-main .joins-form .form-box #joins{ width:100%; } .product-main .joins-form .form-box .text{ width:100%; } .breadNav{width: 94%} } @media screen and (min-width: 1120px) and (max-width:1200px) { .header .header-right{width: calc(100% - 220px);} .header .nav{padding-right: 15px} } /* 文档宽度小于 1120 像素 */ @media screen and (max-width: 1120px) { .service-main .service-tab li .box{ height:auto; padding:15px 25px; } .service-main .show .pic{ width:50%; } .swiper-container-lecturer .swiper-slide{ width:33.3333333%; } .school-main .course .swiper-slide{ width:33.3333333%; } .product-main .joins-form .form-box .base-row .text{ width:48%; } .product-main .joins-form .form-box #joins .text{ width:48%; } .product-pop .produst-left-list .result ul li{ width:50%; } } @media screen and (max-width: 1050px) { .header{ display:none; } .header-mobile{ display:block; } } /* 文档宽度小于 1024 像素 */ @media screen and (max-width: 1024px) { body{ padding-top:1.1rem; } .subnav dl dd{margin: 0 10px;} .banner{ width:100%; height:5.5rem; } .banner .swiper-slide img{display: none;} .banner .swiper-slide img.m_pic{display: block;width: 100%;left: 0;margin: 0;height: auto;} .first-module{ padding-bottom:70px; } .first-module .show .left .box{ height:245px; } .first-module .show .right .box{ height:505px; } .service{ padding:70px 0px 50px; } .service .service-con .item .txt{ width:40%; } .dynamic{ padding:70px 0px 0px 0px } .dynamic-slider{ margin-top:60px; } .joins-dynamic .dynamic-list{ width:100%; float:none; margin-bottom:30px; } .joins-dynamic .dynamic-list .pic{ height:auto; } .joins{ padding:70px 0px 60px 0px; } .quality{ padding-top:70px; } .quality-list li, .quality-list li:last-child{ margin:0 30px; } .footer-bottom{ height:auto; padding-bottom:10px; } .footer-bottom .follow{ float:left; line-height:20px; } .service-banner .line{ width:40%; } .service-main .show{ margin-bottom:60px; } .feedback-form .top{ width:100%; } .feedback-form .top .item .feedback-select{ width:calc(100% - 120px); } .feedback-form .bottom .base-row .item{ width:48%; margin-bottom:20px; } .feedback-form .bottom .base-row .item:nth-child(2n){ margin-right:0; float:right; } .feedback-form .bottom .base-row .item:last-child{ margin-right:0; float:right; margin-bottom:20px; } .feedback-form .bottom .base-row .item .text{ width:60%; } .feedback-form .bottom .row .address-item .text{ width:70%; } .news-list li .txt{ width:65%; } .news-share{ position:static; width:910px; margin:30px auto 0px; } .det-main .bdshare-button-style0-16 a{ float:left; } .det-main .det-con{ padding-top:0; } .pageBtn{ position:absolute; } .pageBtn.prev{ left:65px; } .pageBtn.next{ right:65px; } .about-main .module .pic{ height:430px; } .about-main .module .txt{ padding:40px 0px 60px; } .about-main .module .pic .line{ width:30%; } .about-banner{ height:380px; } .about-main .about-con .info .pic{ width:100%; float:none; margin-bottom:30px; } .about-main .about-con .info .pic .img{ width:100%; float:none; margin:0; height:100%; } .about-main .about-con .info .pic .show{ float:left; position:static; margin:30px;} .about-main .about-con .info .txt{ width:100%; float:none; } .family-con .family-list li{ width:50%; } .brand-banner{ height:568px; } .brand-banner .line{ width:40%; } .joins-show .joins-show-list li{ height:auto; } .policy-top .txt h2 .line{ display:none; } .policy-top .txt .tr{ position:static; } .irm-info-quility ul li{ width:50%; margin-bottom:30px; } .irm-info-quility ul li:nth-child(2n){background:none;} .institute-slide .swiper-slide{ width:33.3333333%; } .university-industry .tab .top{ display:block; width:100%; line-height:68px; } .university-industry .tab .top{ background:#1f61c3; padding:0 20px; cursor:pointer; } .university-industry .tab .top a{ font-size:16px; color:#fff; } .university-industry .tab .top i{ display:block; float:right; width:14px; height:68px; background:url("../images/icon/select-arrowB-white.png") no-repeat scroll center center; } .university-industry .tab ul{ display:none; } .university-industry .tab ul li{ width:100%; border-bottom:1px solid #eee; padding:0px 20px; border-right:0; } .university-industry .tab ul li a{ font-size:16px; } .university-industry .tab ul li.last{ width:100%; } .university-industry .tab ul li.on{ background:#fbfbfb; } .university-industry .tab ul li.on a{ color:#666; } .university-industry .tab ul li.on a i{ background:url("../images/icon/select-arrowB.png") no-repeat scroll center center; } .research-findings .con .list li{ width:33.33333333%; } .university-industry .con .item .txt{ padding:25px 35px; } .swiper-container-lecturer .swiper-slide{ width:33.3333333%; } .school-main .course .swiper-slide{ width:33.3333333%; } .school-profile .item .txt{ padding:28px 20px; } .school-banner{ height:460px; } .school-main .online .study{ width:100%; padding-right:0; border-right:0; } .school-main .online .study .pic{ height:auto; } .school-main .online .enroll{ width:100%; margin-top:30px; } .product-main .goodness ul{ margin:0 -15px; } .product-main .goodness ul li{ width:50%; padding:0px 15px; } .product-main .goodness ul li .pic{ height:305px; } .product-main .product-show{ margin:0 -15px 50px; } .product-main .product-show li{ width:50%; padding:0 15px; margin-bottom:15px; } .product-main .product-show li img{ width:100%; height:100%; } .product-main .product-profile .pic{ width:100%; height:auto; } .product-main .product-profile .txt{ width:100%; height:auto; } .product-main .product-profile .txt h2{ margin-left:0; text-align:left; padding-left:15px; } .product-main .joins-form .pic{ width:100%; height:auto; } .product-main .joins-form .pic img{ width:100%; } .product-main .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede; } .search{padding-left:4%;padding-right:4%;} .search .text{width:78%;} .search .btn{width:19%;float:right;margin:0;} .search a{display:none;} .search_result{padding:0 4%;} .search_main{margin-bottom:0;} .search_left{width:100%;float:none;padding:0;} .search_left li{margin-bottom:1px;padding:34px 4%;background:#f1f1f1;} .search_left li.on{background:#dcedfa;} .search_right{width:100%;float:none;background:#fff;} .search_right .main{padding:15px 4% 30px 4%;display:none;} .search_right_title{font-weight:normal;} .search_right li{position:relative;} .search_right li a{padding-bottom:60px} .search_right li .title{width:100%;float:none;} .search_right li .time{float:none;text-align:left;position:absolute;bottom:20px;left:0;color:#999;} .search_right li .con{font-size:13px;color:#666;line-height:30px;paddding-top:4px;} .search_right .more1{margin-top:30px;} } /* 文档宽度小于 960 像素 */ @media screen and (max-width: 960px) { body{ padding-top:1.1rem; } .header{ display:none; } .header-mobile{ display:block; } .banner{ width:100%; height:5.5rem; } .first-module{ padding-bottom:50px; } .category-nav li a{ font-size:15px; } .category-nav li i{ margin-right:10px; } .first-module .show .left .box{ height:210px; } .first-module .show .right .box{ height:435px; } .quality-list li:last-child{ margin:0 15px; } .service-main .service-tab li{ width:50%; } .service-main .service-tab li .txt{ float:left; margin-left:35px; } .feedback-form .bottom .base-row .item .text{ width:50%; } .brand-banner{ height:480px; } .brand-banner .line{ width:20%; } .brand-con .item{ width:100%; margin-bottom:0.3rem; } .brand-con .item .box{ width:100%; border:1px solid #dcdcdc; padding:30px; } .policy-top .pic{ width:100%; float:none; margin-top:0.2rem; } .policy-top .txt{ width:100%; height:auto; padding:0.45rem; } .policy-top .txt h2{ margin-top:0; font-size:0.4rem; } .policy-top .txt h3{ margin-top:0.3rem; font-size:0.3rem; } .policy-top .txt p{ font-size:0.26rem; } .stores-main{ display:none; } .service-map-mobile{ display:block; } .joins-con .joins-table dd .info .info-foot .download{ width:160px; } .joins-con .joins-table dd .info .info-foot .upload-jobs .upload-btn{ width:160px; cursor:pointer; } .video-pop{ width:6.9rem; height:4.5rem; margin:-2.25rem 0rem 0rem -3.45rem; } .video-pop #video{ width:100%; height:100%; } .institute-slide .swiper-slide{ width:50%; } .swiper-container-lecturer .swiper-slide{ width:50%; } .school-main .course .swiper-slide{ width:50%; } .school-profile .item{ width:100%; float:none; margin-bottom:20px; } .irm-info .title .left{ float:none; width:100%; border-right:0; } .irm-info .title .right{ width:100%; float:none; text-align:left; } .irm-info .title .right li{ text-align:left; } } /* 文档宽度小于 860 像素 */ @media screen and (max-width: 860px) { .m-product-subnav{display: none;position: static !important;height: auto;} .m-product-subnav dl{height: auto;} .pro_fixed{display: none;} body{ padding-top:1.1rem; } .container{ width:6.9rem; } .header{ display:none; } .header-mobile{ display:block; } .banner{ width:100%; height:5.5rem; } .first-module{ padding-bottom:0.2rem; } .first-module .container{ width:100%; } .first-module .category{ margin-top:0; } .first-module .category .top{ display:none; } .category-nav-phone{display: block;} .category-wrap{display: none;} .category-wrap-phone{display: block;} .category-nav{ height:auto; display:none; } .category-nav li{ width:6.9rem; height:1.25rem; line-height:1.25rem; font-size:0.34rem; color:#374252; text-align:left; margin:0 auto; float:none; border-bottom:1px dashed #f2f2f2; background-color:#fff; background-image:none; } .category-nav li:hover{ background:none; } .category-nav li a{ font-size:0.34rem; color:#374252; line-height:1.25rem; } .category-nav li i{ width:0.7rem; height:0.7rem; margin-top:0rem; display:inline-block; background:url("../images/mobile/category-icon.png") no-repeat; background-size:3.04rem 1.55rem; vertical-align:middle; margin-right:0.25rem; } .category-nav li i.arrowR{ display:block; } .category-nav li i.icon-1, .category-nav li.on i.icon-1{ background-position:0rem -0rem; } .category-nav li i.icon-2, .category-nav li.on i.icon-2{ background-position:-0.77rem -0rem; } .category-nav li i.icon-3, .category-nav li.on i.icon-3{ background-position:-1.53rem -0rem; } .category-nav li i.icon-4, .category-nav li.on i.icon-4{ background-position:-2.42rem -0rem; } .category-wrap{ margin-top:0px; margin-bottom:0; } .category-wrap .category-list li{ width:50%; height:1.1rem; line-height:1.1rem; text-align:left; border-bottom:1px solid #ececec; } .category-wrap .category-list li:last-child{ border-bottom:0; background:none; } .category-wrap .category-list li a{ font-size:0.3rem; color:#374252; } .category-wrap .category-list li i{ float:left; display:block; width:0.65rem; height:0.65rem; margin-left:0.3rem; margin-top:0.27rem; margin-right:0.2rem; background:url("../images/mobile/category-pro-icon.png") no-repeat; background-size:0.58rem 7.93rem; } .category-wrap .category-list li i.icon-1{ background-position:0rem 0rem; } .category-wrap .category-list li i.icon-2{ background-position:0rem -1.23rem; } .category-wrap .category-list li i.icon-3{ background-position:0rem -2.28rem; } .category-wrap .category-list li i.icon-4{ background-position:0rem -3.62rem; } .category-wrap .category-list li i.icon-5{ background-position:0rem -4.87rem; } .category-wrap .category-list li i.icon-6{ background-position:0rem -6.05rem; } .category-wrap .category-list li i.icon-7{ background-position:0rem -7.38rem; } .category-wrap .category-list li i.icon-8{ background-position:0rem -3.62rem; } .category-wrap .category-list li i.icon-9{ background-position:0rem -1.23rem; } .category-wrap .category-list-house li i{ background:url("../images/mobile/category-pro-icon-house.png") no-repeat; background-size:5.8rem 0.59rem; } .category-wrap .category-list-house li i.icon-1{ background-position:0rem 0rem; } .category-wrap .category-list-house li i.icon-2{ background-position:-1.77rem 0rem; } .category-wrap .category-list-house li i.icon-3{ background-position:-3.47rem 0rem; } .category-wrap .category-list-house li i.icon-4{ background-position:-5.26rem 0rem; } .first-module .show .left{ width:40%; } .first-module .show .right{ width: calc(60% - 0.1rem); } .first-module .show .left .box h2{ font-size:0.3rem; padding: 0px 15px;} .first-module .show .box::before{ opacity:0.8; } .first-module .show .left .box{ width:100%; height:2.35rem; margin-bottom:0; padding:0; margin: 0.1rem 0;} .first-module .show .right .box{ width:100%; height:4.8rem; margin-bottom:0; padding:0; margin-top: 0.1rem;background-size: 7.5rem 4.9rem !important;} .first-module .show .right .box h2{ font-size:0.3rem; color:#fff; line-height:80px; width:100%; position:absolute; bottom:0; z-index:100; padding:0px 25px; margin-bottom:0; } .first-module .show .right .box h2 i{ width:34px; height:80px; background:url("../images/icon/show-arrowR.png") no-repeat center center; background-size:34px 13px; display:block; float:right; } .first-module .show .right .box p{ display:none; } .first-module .category .top .icon{ width:0.7rem; height:0.7rem; margin-top:0.3rem; display:inline-block; background:url("../images/mobile/category-icon.png") no-repeat; background-size:3.04rem 1.55rem; vertical-align:middle; margin-right:0.25rem; } .first-module .category .top .icon-1{ background-position:0rem -0.9rem; } .first-module .category .top .icon-2{ background-position:-0.77rem -0.9rem; } .first-module .category .top .icon-3{ background-position:-1.53rem -0.9rem; } .first-module .category .top .icon-4{ background-position:-2.42rem -0.9rem; } .service{ background:#fff; padding-top:0; padding-bottom:0; margin-bottom:0.2rem; } .service .container{ width:100%; } .home-module-title{ text-align:left; line-height:1.1rem; height:0.5rem; width:6.9rem; margin:0 auto; } .home-module-title h2{ float:left; font-size:0.4rem; line-height:1.1rem; margin-bottom:0; } .home-module-title h2 b{ display:none; } .home-module-title a{ float:right; font-size:0.3rem; color:#1f61c3; line-height:1.1rem; } .home-module-title a img{ width:0.39rem; height:0.39rem; } .service .service-tab{ margin-top:0; } .service .service-con{ display:none; } .service .service-tab li{ width:100%; float:none; height:auto; border:0; border-bottom:0.02rem solid #e2e2e2;} .service .service-tab li:first-child{ border-top:0.02rem solid #e2e2e2; } .service .service-tab li:last-child{ border-right:0; } .service .service-tab li.on{ background:none; border-bottom:0.02rem solid #e2e2e2; } .service .service-tab li .top{ width:6.9rem; margin:0 auto; height:1.1rem;} .service .service-tab li p{ font-size:0.3rem; color:#666; line-height:1.1rem; } .service .service-tab li i{ display:block; background-image:url("../images/mobile/home-service-icon.png"); background-repeat:no-repeat; background-size:1.98rem 5.51rem; } .service .service-tab li i.icon{ width:0.65rem; height:0.65rem; float:left; margin-top:0.25rem; margin-right:0.25rem; } .service .service-tab li i.icon-1{ background-position:0rem 0rem; } .service .service-tab li i.icon-2{ background-position:0rem -1.58rem; } .service .service-tab li i.icon-3{ background-position:0rem -3.32rem; } .service .service-tab li i.icon-4{ background-position:0rem -4.92rem; } .service .service-tab li i.arrowB{ width:0.45rem; height:1.1rem; background:url("../images/mobile/add.png") no-repeat center center; background-size:0.45rem 0.45rem; margin-top:0; } .service .service-tab li.on i.icon-1{ background-position:0rem 0rem; } .service .service-tab li.on i.icon-2{ background-position:0rem -1.58rem; } .service .service-tab li.on i.icon-3{ background-position:0rem -3.32rem; } .service .service-tab li.on i.icon-4{ background-position:0rem -4.92rem; } .service .service-tab li.on p{ font-size:0.3rem; color:#666; line-height:1.1rem; } .service .service-tab li.on i.arrowB{ width:0.45rem; height:1.1rem; background:url("../images/mobile/reduce.png") no-repeat center center; background-size:0.45rem 0.04rem; margin-top:0; } .service .service-tab li .txt{ display:none; width:6.5rem; margin:0 auto; padding-bottom:0.3rem; } .service .service-tab li .txt p{ font-size:0.22rem; color:#666; line-height:1.636; float:none; } .service .service-tab li .txt a{ width:2.4rem; height:0.65rem; border:1px solid #1f61c3; background:#1f61c3; border-radius:0.5rem; display:block; text-align:center; line-height:0.65rem; color:#fff; font-size:0.18rem; margin-top:0.35rem; } .dynamic{ padding-top:0; } .dynamic-slider{ margin-top:0; display:none; } .hmNewsUl{ display:block; } .joins{ padding:0.2rem 0rem 0rem 0rem; } .joins .view-all{ display:none; } .joins-slide{ margin-top:0rem; } .joins-slide .pic{ display:none; } .joins-tab{ width:100%; height:auto; background:none; float:none; padding-bottom:0.6rem; } .joins-tab li{ width:2.08rem; height:2.28rem; float:left; background:none; border:0; padding:0; margin-right:0.3rem; } .joins-tab li:last-child{ margin-right:0; } .joins-tab li a{ width:100%; height:2.28rem; border:1px solid #e9e9e9; background:#fff;flex-direction: column;display: flex;align-items: center;justify-content: center;} .joins-tab li .txt{ margin-top:0; text-align:center; } .joins-tab li .txt h2{ font-size:0.28rem; color:#333; line-height:1.5; } .joins-tab li .txt span{ font-size:0.16rem; color:#aeaeae; text-transform:uppercase; line-height:1.75; } .joins-tab li .txt p{ display:none; } .joins-tab li i{ position:static; display:block; width:0.95rem; height:0.95rem; margin:0; background:url("../images/mobile/home-joins-icon.png") no-repeat; background-size:5.74rem 0.95rem; margin-right: 0rem;} .joins-tab li i.icon-1, .joins-tab li.on i.iocn_1{ background-position:0rem 0rem; } .joins-tab li i.icon-2, .joins-tab li.on i.iocn_2{ background-position:-2.4rem 0rem; } .joins-tab li i.icon-3, .joins-tab li.on i.iocn_3{ background-position:-4.8rem 0rem; } .quality{ display:none; } .footer{ display:none; } .footer-mobile{ display:block; } .footer-mobile .code .item{display: none;} .service-banner{ height:5.5rem !important; display:block} .service-main .show{ height:auto; } .service-main .show .pic{ width:100%; } .service-main .show .txt{ width:100%; float:none; padding:0.2rem 0.3rem; margin:0; } .service-banner .line{ display:none; } .service-banner .txt{ padding-left:0.3rem; } .query-con{ width:100%; margin:10px auto 0.6rem; } .query-con img{ width:100%; } .query-list li .txt{ width:80%; } .feedback-form .top{ margin-bottom:0.3rem; } .news-tab{ margin-top:0.35rem; margin-bottom:0; } .news-list{ margin-bottom:0.6rem; } .news-list li{ padding:0.4rem 0rem; } .news-list li .pic{ width:100%; height:auto; } .news-list li .txt{ width:100%; margin-top:0.3rem; height:auto; } .news-list li .txt .title, .news-list li .txt .title a{ font-size:0.36rem; } .news-list li .txt .date{ font-size:0.24rem; margin-top: 20px; } .news-list li .txt p{ font-size:0.26rem; } .news-list li .txt .tag{ position:static; margin-top:20px; } .page a.num, .page span, .page_text, .page_btn{ display:none; } .det-banner{ padding:0.6rem 0rem; } .det-banner .txt{ height:auto; } .news-main .page{ margin-bottom:0.6rem; } .news-share{ width:calc(6.9rem - 45px); } .det-main .det-con .det-info{ width: 100%; } .det-banner .txt:before, .det-banner .txt:after{ display:none; } .det-banner .title{ padding-left:0; } .det-banner .txt .date{ float:left; line-height:1.8; font-size:0.26rem; } .det-banner .txt h1{ font-size:0.34rem; width:100%; margin-bottom:0.3rem;} .det-banner .txt .tag{display: flex;align-items: center;} .det-banner .txt .tag i{ margin-left:0; margin-top: 0;} .news-share{ margin-top:0.3rem; } .det-main .bdshare-button-style0-16 a{ margin-bottom:0.1rem; } .det-main .det-con .det-info p{ font-size:0.3rem; } .about-main{ padding-bottom:0; } .about-main .about-con{ padding-bottom:0.6rem; } .about-main .module .pic{ height:5.5rem; } .about-main .module .pic .line{ display:none; } .about-main .module .pic .title{ padding-left:0.3rem; } .about-main .module .txt .box{ width:6.9rem; } .brand-con .item{ width:100%; float:none; } .brand-banner .line{ display:none; } .gallery-top{ padding:0rem 0rem 0.6rem 0rem; } .gallery-thumbs{ margin-bottom:0.6rem; } .gallery-top .swiper-slide .item .pic{ width:100%; float:none; text-align:center; display:block;padding: 15px; height: 300px !important;} .gallery-top .swiper-slide .item .pic img{ width:100%; } .gallery-top .swiper-slide .item .txt{ width:calc(100% - 1rem); float:none; margin:0 auto; } .family-tab{ margin-bottom:0.3rem; overflow:hidden; border-bottom: 1px solid #ebeced;} .notice-list li{ width:100%; } .joins-show .joins-show-list li{ width:50%; } .dealer-con{ padding-bottom:0.6rem; } .dealer-con .dealer-show{ padding-top:0; padding-bottom:0.6rem; } .dealer-con .dealer-show .pic{ width:100%; height:auto; margin-bottom:0.3rem; } .dealer-con .dealer-show .pic img{ display:none; } .dealer-con .dealer-show .pic .tit{ position:static; } .dealer-con .dealer-show .pic .tit span{ float:none; display:block; font-size:0.32rem; } .dealer-con .dealer-show .pic .tit h2{ font-size:0.4rem; float:none; } .dealer-con .dealer-show .txt{ width:100%; height:auto; float:none; } .dealer-con .dealer-show .txt p{ font-size:0.3rem; margin-bottom:0.25rem; } .dealer-con .dealer-show .txt p b{ font-size:0.7rem; margin-right:0.15rem; } .dealer-con .dealer-show .pic .tit .line{ float:none; } .dealer-process{ padding-top:0.35rem; padding-bottom:0.6rem; } .dealer-process .title h2{ font-size:0.4rem; line-height:20px; } .dealer-process .title p{ font-size:0.3rem; } .dealer-process ul{ padding-top:0; } .dealer-process ul li{ width:100%; border:1px solid #dcdcdc; text-align:left; padding:0.2rem; margin-top:0.3rem; background:url("../images/icon/process-line.png") no-repeat 95% center; background-size:89px 16px; } .dealer-process ul li .pic{ display:inline-block; margin-bottom:0; } .dealer-process ul li .pic img{ width:0.7rem; margin-right:0.25rem; } .dealer-process ul li p{ height:auto; vertical-align:middle; font-size:0.3rem; width:50%; line-height:1.6; } .dealer-process ul li.process-line{ display:none; } .policy-top{ margin-bottom:0; } .policy-info h2{ font-size:0.36rem; margin-bottom:0.1rem; } .policy-info p{ font-size:0.3rem; } .dealer-online{ height:4.3rem; background-size:cover; } .dealer-online h2{ font-size:0.4rem; line-height:20px; } .dealer-online p{ font-size:0.3rem; } .dealer-online a{ margin-top:0.3rem; } .joins-con .joins-table dl{ text-align:left; } .joins-con .joins-table span{ text-align:left; padding-left:0; float:none; width: calc(100% - 0.9rem); margin:0 auto; } .joins-con .joins-table span.uwl-2, .joins-con .joins-table span.uwl-3, .joins-con .joins-table span.uwl-4{ display:none; } .joins-con .joins-table dd .info{ padding-left:0; width:calc(100% - 0.9rem); margin:0 auto; } .joins-con .joins-table dd .info .info-foot .download{ width:100%; margin-bottom:0.3rem; } .joins-con .joins-table dd .info .info-foot .upload-jobs{ width:100%; } .joins-con .joins-table dd .info .info-foot .upload-jobs .upload-btn{ width:100%; cursor:pointer; } .joins-con .joins-table dd .info .info-foot .upload-jobs .fileName{ margin-left:0; } .university-industry .con .item .pic{ width:100%; height:auto; } .university-industry .con .item .txt{ width:100%; height:auto; border-left:0; } .research-findings .con .list li{ width:50%; } .product-banner{ height:5.5rem; } /*搜索*/ .search{padding-top:10px;padding-bottom:20px;margin:0;} .search .title{font-size:16px;line-height:35px;} .search .text{height:44px;line-height:44px;font-size:13px;} .search .btn{height:46px;line-height:46px;font-size:13px;} .search_result{padding-top:17px;padding-bottom:27px;line-height:22px;font-size:16px;margin:0;} .search_result span{font-size:16px;} .search_left li{padding-top:17px;padding-bottom:17px;} .search_left li a{font-size:18px;} .search_left li i{width:18px;height:18px;margin-right:20px;} .search_left li.on i{background-position:-20px 0;} .search_right .main{padding-top:8px;padding-bottom:42px;} .search_right_title{line-height:47px;font-size:16px;} .search_right li a{padding:15px 0 42px 0;} .search_right li .title{line-height:26px;font-size:16px;} .search_right li .con{line-height:22px;font-size:13px;} .search_right li .time{font-size:11px;bottom:10px;} .breadNav{width: 6.9rem} } @media screen and (max-width: 750px) { .product-banner{height: 1.96rem;} .m_brand{display:block;} .pc_brand{display:none;} #indexBaoming{width: 94%;height: 10.4rem;left: 3%;top: 50%;margin-left: 0;margin-top: -5.2rem;padding-top: 0.5rem;} .closebm {right: 0;top: 0;} #indexBaoming .tit {font-size: 0.5rem;line-height: 0.5rem;text-align: center;} #indexBaoming .tit span { font-size: 0.55rem;} #indexBaoming .tit1 {font-size: 0.3rem;margin: 0.3rem 0 0.5rem 0;} #indexBaoming form {width: 100%; padding-left: 0;} #indexBaoming form .row {margin-bottom: 0;} #indexBaoming form .row span {float: left;width: 1.8rem;text-align: right;padding-right: 0.2rem;line-height: 0.7rem;font-size: 0.26rem;margin-bottom: 0.2rem;} #indexBaoming form .row .row1-input {float: left; width: 4.5rem;height: 0.7rem; margin-bottom: 0.2rem;} #indexBaoming form .row select {width: 2.15rem;margin-right: 0.2rem;height: 0.7rem;} .indexbm-sub {margin: 0.5rem auto;width: 4rem;height: 0.8rem;border-radius: 0.8rem;font-size: 0.34rem;} #indexBaoming .tit2 {font-size: 0.28rem;margin-top: 0.2rem;} #indexBaoming form .row select.bmarea{width: 4.5rem;margin-top: 0.2rem;} #indexBaoming form .row1{margin-top: 0.2rem;} .row-label{width: 4.5rem;margin-top: 0.1rem;} .row-label label{padding: 4px 0.25rem;} .pageBtn.prev{ left:0px; } .pageBtn.next{ right:0px; } #sjld1, #sjld{margin:0 .2rem;width: 100%;} #sjld1 .m_zlxg, .feedback-form .bottom .row .address-item .m_zlxg{width: calc(33.3333% - 1px);} #sjld1 .m_zlxg p, .feedback-form .bottom .row .address-item .m_zlxg p{width: calc(100% - 20px);padding-left: 10px;font-size: 14px;} .m_zlxg2{width: 100%;} } /* 文档宽度小于 650 像素 */ @media screen and (max-width: 650px) { .ability_info .title{font-size:16px;margin-top:10px;} .ability_info .txt{margin-top:0;line-height:20px;font-size:12px;} .m_join{display:block;} .pc_join{display:none;} .news-list li .txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .product-quality li h2{font-size: 16px;} .product-show{display: none;} .product-main .product-show-phone{display: block;} .goodness_phone{display: block;} .goodness_ul{display: none;} .header-breadNav{ height:1rem; display: none;} .box{height: auto;} .family-tab li:last-child{} .product-main .goodness_phone .txt h2{color: #8ed71c; min-height: auto;} .product-main .goodness_phone .txt p{color: #666;} .header-breadNav a, .header-breadNav span{ line-height:1rem; } .first-module .show .left .box, .first-module .show .right .box{ background-size:7.5rem 4.7rem; } .joins-tab li{ width:100%; height:auto; margin-bottom:0.2rem; } .joins-tab li i{margin-right: 0.3rem;} .joins-tab li a{ height:auto; display: flex;justify-content: center;align-items: center; padding: 0.25rem;flex-direction: row;} .joins-tab li .txt {margin-top: 0;text-align: left;width: 170px;} .service-main .service-tab li{ width:100%; } .service-main .service-tab{ margin:0.47rem -18px 0.4rem -18px; } .main-vv .container{display: flex;flex-direction: column-reverse;} .service-main .show{ margin-bottom:0rem; margin-top: 0.6rem;} .service-banner .line{ display:none; } .service-banner .txt{ padding-left:0.3rem; } .service-banner .txt h2{ font-size:0.4rem; } .service-banner .txt p{ font-size:0.32rem; } .service-main .show .txt h2{ font-size:0.36rem; } .service-main .show .txt p{ font-size:0.24rem; } .service-main .show .txt a{ width:2rem; height:0.65rem; line-height:0.65rem; font-size:0.24rem; margin-top:0.25rem; } .question-con .question-select{ height:1.1rem; } .question-con .question-select select{ padding-left:0.3rem; font-size:0.3rem; background-size:0.4rem 0.4rem; } .question-con .question-input .text{ font-size:0.26rem; text-indent:0.3rem; width:70%; } .question-con .question-input{ height:1.1rem; } .question-con .question-input .btn{ width:1.1rem; height:1.1rem; background:url("../images/mobile/search.png") no-repeat center center; background-size:0.5rem 0.5rem; } .question-form{ margin-bottom:0.3rem; } .query-list li{ padding:0.2rem 0.3rem; } .query-list li .txt{ width:100%; padding-left:0; border-left:0; } .query-con .tit{ line-height:66px; } .feedback-form .top{ border:0; } .feedback-form .top .item{ width:100%; border: 1px solid #e8e8e8; margin-bottom:0.3rem; } .feedback-form .top .item:last-child{ border-right:1px solid #e8e8e8; } .feedback-form .bottom .row{ margin-bottom:0; } .feedback-form .bottom .base-row .item{ width:100%; margin-bottom:0.3rem; } .feedback-form .bottom .base-row .item:last-child{ margin-bottom:0.3rem; } .feedback-form .bottom .row .desc-item{ margin-top:0.3rem; } .feedback-form .bottom .row .upload-item{ margin-top:0.3rem; } .feedback-form .bottom .row .upload-item .upload-btn{ width:1.6rem; cursor:pointer; } .feedback-form .bottom .row .upload-item .file{ width:1.6rem; } .feedback-form .bottom .row .upload-item .fileName{ font-size:0.24rem; } .news-tab{ border-bottom:0; } .news-tab li{ width:47%; margin:5px 1.5%; float:left; color:#999; display:block; font-size:0.26rem; line-height:39px; border-radius:2px; border:1px solid #dadada; text-align:center; } .news-tab li.on{ border-color:#1f61c3; } .news-tab li a{ line-height:39px; display:block; font-size:0.3rem; } .news-tab li a i, .news-list li .txt .tag i{ float:none; display:inline-block; vertical-align:sub; margin-top:0; } .question-list li{ width:100%; } .about-main .module .pic{ height:4.5rem; } .about-main .module .pic{ background-attachment:scroll; } .about-main .module .pic .line{ display:none; } .about-main .module .pic .title{ padding-left:0.3rem; } .about-main .module .pic .title h2{ font-size:0.4rem; } .about-main .module .pic .title p{ font-size:0.32rem; } .about-main .module .txt{ padding:0.4rem 0px 0.6rem; } .about-main .module .txt .box p{ font-size:0.3rem; } .about-main .module .txt .box a{ margin-top:0rem; padding:5px 20px; background:#1f61c3; color:#fff; text-decoration:none; font-size:0.24rem; margin-top:0.2rem;width: 2.8rem;height:auto;} .about-main .about-con{ margin-top:0rem; } .about-main .about-con h2{ font-size:0.45rem; } .about-main .about-con p{ font-size:0.32rem; } .about-main .about-con .info .pic{ margin-top:0; height:auto; background:none; margin-bottom:0; } .about-main .about-con .info .pic .img{ width:100%; float:none; margin:0; height:170px; margin-bottom:0.3rem; } .about-main .about-con .info .pic .show{ margin:0.35rem 0rem;} .about-main .about-con .info .pic .show h2{ font-size:1.4rem; } .about-main .about-con .info .txt p{ font-size:0.3rem; margin-bottom:0.3rem; } .family-con{ padding-bottom:0.6rem; } .family-con .family-list li{ width:100%; margin-bottom:0.4rem;} .family-con .family-list li .pic{ height:auto; } .family-con .family-list li .txt{ height:auto; min-height:auto; } .family-con .family-list li .txt p{ font-size:0.3rem; } .family-tab{ margin-top:0rem; float: none !important; margin-bottom:0.3rem; height: 60px;overflow: hidden !important;overflow-x: auto !important; white-space: nowrap !important;display: block;} .engin-js{padding: 0.5rem 0 0 0 !important;} .irm-con .family-tab::-webkit-scrollbar { display: none; } .family-tab::-webkit-scrollbar { display: none; } .family-tab li{ width: auto;text-align:center;margin-left: 0; display: inline-block; float: initial;} .family-tab li a{ font-size:0.3rem; line-height: initial; height: 58px; display: flex; align-items: center; justify-content: center; padding: 0 .3rem;} .family-tab li.on a{ } .pc_dom{display: none;} .phone_dom{display: block;} .brand-banner{ height:5.5rem; } .brand-banner .txt{ width:6.9rem; margin:0 auto; float:none; } .brand-banner .txt h2{ font-size:0.4rem; margin-bottom:0.2rem; } .brand-banner .txt h3{ font-size:0.36rem; line-height:1.45; margin-bottom:0.15rem; } .brand-banner .txt p{ font-size:0.28rem; } .brand-con{ padding-top:0; padding-bottom:0.6rem; } .brand-con .item .box{ padding:0.3rem; } .brand-con .item .line{ margin-bottom:0.3rem; background:#1f61c3; } .brand-con .item h2{ font-size:0.4rem; } .brand-con .item h3{ font-size:0.32rem; } .brand-con .item p{ font-size:0.28rem; margin-top:0.2rem; } .gallery-top .swiper-slide .item .txt h2{ font-size:0.7rem; line-height:1rem; } .gallery-top .swiper-slide .item .txt h3{ font-size:0.4rem; } .gallery-top .swiper-slide .item .txt .line{ margin:0.3rem 0rem 0.2rem; } .gallery-top .swiper-slide .item .txt p{ font-size:0.3rem; } .history-con .swiper-button-prev, .history-con .swiper-button-next{ left:0.3rem; width:0.56rem; height:0.56rem; margin-top:-0.28rem; background-size:1.99rem 1.62rem; background-position:0px -1.07rem; } .history-con .swiper-button-next{ background-position:-1.44rem -1.07rem; right:0.3rem; left:auto; } .history-con .swiper-button-prev:hover{ background-position:0px -1.07rem; } .history-con .swiper-button-next:hover{ background-position:-1.44rem -1.07rem; } .notice-list{ padding-top:0; } .download-more{ margin-top:0.45rem; } .govern{ padding-top:0; } .govern h2{ font-size:0.4rem; line-height:1.6; } .govern p{ font-size:0.3rem; } .equity-table{ padding-top:0; overflow-x:scroll; } .equity-table table{ width:1200px; } .equity-table .title{ font-size:0.4rem; line-height:2; margin-bottom:0.3rem; } .joins-dynamic{ padding-top:0; padding-bottom:0.6rem; } .joins-show{ padding-bottom:0.6rem; } .joins-dynamic .title, .joins-show .title{ line-height:1rem; font-size:0.4rem; float:none; } .joins-show .tab{ padding-top:0; border-bottom:0; margin-bottom:0.3rem; } .joins-show ul.joins-show-list{ margin-top:0; float:none; } .joins-show ul.joins-show-list li{ } .joins-show ul.joins-show-list li a{ font-size:0.3rem; line-height:39px; } .joins-show ul.joins-show-list li.on a{ border:0; } .joins-show .joins-show-list li{ width:100%; border:none; } .joins-show .development-list img{width: 100%;} .joins-show .train-list li{width: 100%;margin-bottom:15px;} .payment-list ul li{width: 100%;} .joins-con .joins-table .more{ margin-bottom:0.55rem; } .irm-info{ padding-top:0rem; } .irm-info .title .left .base-det{ width:100%; } .irm-info .irm-info-img{ width:100%; margin-top:0.4rem; } .irm-info-quility ul li{ width:100%; margin-bottom:0.3rem; background:none; border:1px solid #e4e4e4; padding:0.3rem 0rem; } .irm-info-quility ul li:nth-child(2n){background:none;} .irm-info-quility ul li .pic{ width:1.3rem; height:1.3rem; border-width:0.02rem; line-height:1.3rem; margin: 0;margin-right: 0.3rem;} .irm-info-quility ul li .txt{text-align: left;} .irm-info-quility .item{ float: left; padding-left: 15px; display: flex;align-items: center;justify-content: center;} .irm-info-quility ul li .pic img{ width:50%; } .irm-info-quility ul li .txt p, .irm-info-quility ul li .txt p a{ font-size:0.36rem; } .irm-info-quility ul li .txt p.in, .irm-info-quility ul li .txt p.in a{ font-size:0.3rem; } .irm-info-quility h2{ margin-top:0.6rem; margin-bottom:0.4rem; } .institute-main h2.title{ font-size:0.4rem; line-height:0.85rem; margin-bottom:0.15rem; } .institute-main .institute-profile{ padding-top:0.3rem; } .institute-main .institute-profile p{ margin-bottom:0.15rem; } .institute-main .institute-leaguer{ padding:0.6rem 0rem 0.3rem; } .institute-main .institute-leaguer .tab{ margin-bottom:0.6rem; } .institute-main .institute-leaguer .tab li{ width:3rem; } .institute-main .institute-leaguer .tab li a{ font-size:0.3rem; } .university-industry{ padding:0.3rem 0rem 0.6rem; } .university-industry .tab{ height:auto; } .university-industry .tab .top{ height:1rem; line-height:1rem; } .university-industry .tab .top a{ font-size:0.3rem; } .university-industry .tab .top i{ height:1rem; } .university-industry .tab ul li{ height:1rem; line-height:1rem; } .university-industry .tab ul li a{ font-size:0.3rem; } .university-industry .tab ul li a span{ display:inline-block; width:85%; font-size:0.3rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; } .university-industry .tab ul li a i{ height:1rem; } .university-industry .con .item .txt{ padding:0.2rem 0.3rem; } .university-industry .con .item .txt *{ font-size:15px; } .university-industry .con .item .txt p{ margin-bottom:0.2rem; } .research-area{ padding-top:0.3rem; padding-bottom:0.6rem; } .research-area ul li .title{ width:100%; float:none; padding:0px 0.25rem; margin-bottom:0.35rem; } .research-area ul li .txt{ width:100%; float:none; background:none; padding:0px 0.25rem; } .research-area ul li .txt p{ font-size:0.3rem; } .research-findings{ padding:0.3rem 0rem 0.6rem; } .research-findings .tab-wrap .top{ display:block; width:100%; height:1rem; background:#1f61c3;} .research-findings .tab-wrap .top .icon{ width:0.7rem; height:0.7rem; margin-top:0.25rem; display:inline-block; background: url(../images/mobile/findings-icon.png) no-repeat; background-size:9.96rem 0.55rem; vertical-align:middle; margin-right:0.25rem; } .research-findings .tab-wrap .top .icon-1{ background-position:0.14rem 0rem; } .research-findings .tab-wrap .top .icon-2{ background-position:-2.16rem -0rem; } .research-findings .tab-wrap .top .icon-3{ background-position:-4.55rem -0rem; } .research-findings .tab-wrap .top .icon-4{ background-position:-9.28rem -0rem; } .research-findings .tab-wrap .top span{ font-size:0.3rem; color:#fff; line-height:1rem; } .research-findings .tab-wrap .top .arrowR{ display:block; float:right; width:14px; height:1rem; background:url("../images/icon/select-arrowB-white.png") no-repeat scroll center center; padding-right:0.8rem; } .research-findings .tab{ border:1px solid #eee; display:none; } .research-findings .tab li{ width:100%; float:none; border-bottom:1px solid #eee; } .research-findings .tab li:last-child{ border-bottom:0; } .research-findings .tab li p{ line-height:1rem; text-align:left; font-size:0.3rem; } .research-findings .tab li .pic{ float:left; border:0; width:0.7rem; height:0.7rem; margin-right:0.25rem; } .research-findings .tab li .pic i{ width:0.7rem; height:0.7rem; margin-top:0.1rem; display:block; width:100%; height:100%; background:url("../images/icon/findings-icon.png") no-repeat; background-size:9.96rem 1.75rem; } .research-findings .tab li .pic i.icon-1{ background-position:0.11rem -1.09rem; } .research-findings .tab li .pic i.icon-2{ background-position:-2.25rem -1.09rem; } .research-findings .tab li .pic i.icon-3{ background-position:-4.60rem -1.09rem; } .research-findings .tab li .pic i.icon-4{ background-position:-9.33rem -1.09rem; } .research-findings .tab li.on{ border-bottom:1px solid #eee; } .research-findings .tab li.on .pic i.icon-1{ background-position:0.11rem 0.11rem; } .research-findings .tab li.on .pic i.icon-2{ background-position:-2.25rem 0.11rem; } .research-findings .tab li.on .pic i.icon-3{ background-position:-4.60rem 0.11rem; } .research-findings .tab li.on .pic i.icon-4{ background-position:-9.33rem 0.11rem; } .research-findings .tab li.on .arrowB{ display:none; } .research-findings .tab li:hover .pic i.icon-1{ background-position:0.11rem 0.11rem; } .research-findings .tab li:hover .pic i.icon-2{ background-position:-2.25rem 0.11rem; } .research-findings .tab li:hover .pic i.icon-3{ background-position:-4.60rem 0.11rem; } .research-findings .tab li:hover .pic i.icon-4{ background-position:-9.33rem 0.11rem; } .research-findings .con .choose{ margin-top:0.35rem; } .research-findings .con .list li{ margin-top:0.4rem; } .research-findings .con .list li p{ font-size:0.3rem; } .swiper-container-lecturer .swiper-slide{ width:100%; } .school-main .course .swiper-slide{ width:100%; } .school-banner{ height:4.5rem; margin-top:0rem; } .school-profile{ padding:0.5rem 0rem 0.75rem; } .school-profile .item{ height:1.5rem; } .school-profile .item .pic{ line-height:1.5rem; } .school-profile .item .pic img{ width:55%; } .school-profile .item .txt{ padding: 0.32rem 0.3rem; } .school-profile .item .txt p{ font-size:0.3rem; } .school-profile .item .txt span{ font-size:0.3rem; } .school-profile .text h2{ font-size:0.5rem; margin-bottom:0.15rem; } .school-profile .text p{ font-size:0.3rem; } .school-main .institute-lecturer{ padding-bottom:0.8rem; } .school-main .institute-lecturer .title{ font-size:0.5rem; line-height:1.85rem; } .school-main .online{ padding-top:0.85rem; padding-bottom:1rem; } .school-main .online .enroll h2{ font-size:0.5rem; } .school-main .online .enroll .item .text{ width:65%; } .product-main .product-profile{ margin-top:35px; } .product-main .product-profile .txt *{ font-size:0.3rem; } .product-main .product-profile .txt h2{ font-size:0.4rem; margin:0.4rem 0rem 0.25rem 0rem; background: none;color: #000;} .product-main .goodness{ padding-bottom:0.5rem; } .product-main .goodness .title{ line-height:1.45rem; font-size:0.5rem; margin-top:0; } .product-main .goodness ul li{ width:100% !important; display: none;} .product-main .goodness ul li .pic{ height:auto; } .product-main .goodness ul li .pic img{ height:auto; display:block; } .product-main .goodness ul li .txt{ height:auto; padding:0.5rem; } .product-main .goodness ul li .txt h2{ font-size:0.36rem; } .product-main .goodness ul li .txt p{ font-size:0.3rem; } .product-main .product-show{ margin-bottom:0.5rem; } .product-main .product-show li{ width:100%; } .product-show-title{ font-size:0.5rem; } .product-main .joins-form{ margin-bottom:0.5rem; } .product-main .joins-form .pic .layer h2{ font-size:0.4rem; } .product-main .joins-form .pic .layer p{ font-size:0.27rem; display: none;} .product-main .joins-form .form-box{ padding:0.5rem; } .product-quality{ height:auto; margin-bottom:0.6rem; } .product-quality li{ width:33.3%; background:none; border-bottom:none; padding-bottom:0.4rem; } .product-quality li:last-child{ border-bottom:0; } .product-quality li img{ margin-top:0.4rem; } .product-quality li a{ vertical-align: top; border: none; list-style: none; background: #1f61c3; color: #fff; width: auto !important; padding: 0.2rem; height: auto; line-height: initial; margin: 0 !important; font-size: 0.24rem; } .product-quality li p { display: none; } /* .product-quality.container.clearfix li a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;} */ .join_list li .en{ text-align: left; margin-top: 10px;} } /* 文档宽度小于 480 像素 */ @media screen and (max-width: 480px) { .feedback-form .bottom .row .address-item .text { width:60%; } .first-module .show .left .box, .first-module .show .right .box{ background-size:7.5rem 4.7rem; } .joins-tab li{ width:100%; height:auto; margin-bottom:0.2rem; } .joins-tab li a{ height:auto; padding-bottom:0.25rem; } .service-main .service-tab li{ width:100%; } .about-banner{ height:220px; } .institute-slide .swiper-slide{ width:100%; } .research-findings .con .list{ display: flex;flex-flow: wrap;} .research-findings .con .list li{ width:50%; } .product-pop{width: calc(100% - 70px);} .product-pop .product-left-nav{width: 40%;} .product-pop .produst-left-list{width: 58%;} .product-pop .navMenu{width: 100%;padding: 0 .1rem;} .product-pop .navMenu > li{width: 100%;} .product-pop .navMenu > li > a{font-size: .24rem;line-height: .8rem;height: .8rem;} .product-pop .navMenu > li > a h2{font-size: .24rem;line-height: .8rem;} .product-pop .navMenu > li .sub-menu > li > a .arrow, .product-pop .navMenu > li > a .arrow{height: .8rem;} .product-pop .navMenu > li .sub-menu > li{line-height: .8rem;} .product-pop .navMenu > li .sub-menu > li > a{height: .8rem;line-height: .8rem;} .product-pop .navMenu > li .sub-menu > li > a h3{font-size: .22rem;line-height: .8rem;text-indent: .1rem;} .product-pop .navMenu > li .sub-menu > li .third-menu li > a h4{line-height: .8rem;font-size: .22rem;text-indent: .1rem;} .product-pop .produst-left-list .slimScrollDiv{padding: 0 .1rem;} .product-pop .produst-left-list .top .tab{width: 100%;} .product-pop .produst-left-list .top .tab.tabRight{padding-left: 0;} .product-pop .produst-left-list .result ul li{width: 100%;} .product-pop .produst-left-list .top .tab ul li{padding:0 .1rem;} .product-info-pop{width:100%;height:8rem;margin:-4rem 0 0 0;top: 50%;left:0;} .product-info-pop .pic{width:92%;height:7.36rem;margin:.32rem auto;} .product-info-pop .close{top: -35px;right:0;} .cater-detail-pop .container{width: 92%;margin: 1.1rem auto 0;} .cater-detail-pop .det{width: 100%;} .cater-detail-pop .det .con table{width: 100% !important;} .cater-detail-pop .close{width: 42px;height: 42px;right: 4%;top: 1.2rem;} .cater-detail-pop .close .in{width: 20px;height: 20px;margin: -10px;} .cater-detail-pop .det .top h1{font-size: 18px;} .school-main .enroll h2{font-size: 20px;} .school-main .enroll .item .text{width: 60%;} } /*易装*/ .cross_banner{width: 100%;} .cross_banner img{display: block;width:100%;} .cross_top{padding: 120px 0 104px;} .cross_top .txt{position: relative;line-height: 30px;width: 90.66%;padding: 0 75px;} .cross_top .txt p{font-size: 18px;color: #454545;} .cross_top .txt i{display: block;width: 38px;height: 38px;background: url('../images/cross_arrow.png') no-repeat;position: absolute;left: 0;top: -38px;} .cross_top .txt .arrowBot{left: auto;right: 0;top: auto;bottom: -14px;background-position: -38px 0;} .cross_decorate{width: 100%;padding: 50px 0 122px;background: url('../img/decorate_bg.jpg') no-repeat center center;background-size: cover;} .cross_tit{font-size: 38px;line-height: 65px;color: #343434;text-align: center;} .cross_en{font-size: 16px;color: #a9a9a9;line-height: 4px;font-weight: 200;text-align: center;} .decorate_list{margin-top: 70px;} .decorate_list li{float: left;width: 25%;} .decorate_list li i{display: block;width: 118px;height: 118px;margin: 0 auto 15px;background: url('../images/decorate_icon.png') no-repeat;} .decorate_list li .icon2{background-position: -138px 0;} .decorate_list li .icon3{background-position: -276px 0;} .decorate_list li .icon4{background-position: -414px 0;} .decorate_list li .title{font-size: 18px;color: #74ae3b;text-align: center;line-height: 28px;} .decorate_list li .txt{font-size: 14px;color: #343434;line-height: 24px;width: 60%;text-align: center;margin: 10px auto 0;} .cross_floor{width: 100%;height: 29px;background: url('../img/floor_bg.jpg') no-repeat center top;} .cross_free{width: 100%;background-color: #f5f5f5;padding: 75px 0 85px;} .free_list{margin-top: 35px;} .free_list li{float: left;width: calc(20% - 8px);margin-right: 8px;position: relative;overflow: hidden;} .free_list li:last-child{margin-right: 0;} .free_list li:nth-child(2n){margin-top: 48px;} .free_list li .pic img{display: block;width: 100%;} .free_list li .main{position: absolute;width: 100%;left: 0;bottom: 0;transition: all 0.3s;height: 90px;text-align: center;} .free_list li .main i{display: block;width: 40px;height: 40px;margin: 0 auto 14px;} .free_list li .main .icon1{background: url('../images/free_icon1.png') no-repeat;background-size: contain;} .free_list li .main .icon2{background: url('../images/free_icon2.png') no-repeat;background-size: contain;} .free_list li .main .icon3{background: url('../images/free_icon3.png') no-repeat;background-size: contain;} .free_list li .main .icon4{background: url('../images/free_icon4.png') no-repeat;background-size: contain;} .free_list li .main .icon5{background: url('../images/free_icon5.png') no-repeat;background-size: contain;} .free_list li .main p{font-size: 18px;color: #fffefe;line-height: 28px;text-align: center;padding: 15px 10px 15px;} .free_list li .main .tit{font-size: 14px;color: #fff;line-height: 23px;text-align: center;} .free_list li:hover .main{background-color: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;} .cross_structure{padding: 70px 0 110px;background: url('../img/structure_bg.jpg') repeat-x left bottom;} .structure_cont{position: relative;background: url('../images/structure_bg.png') no-repeat;width: 617px;height: 617px;margin: 88px 0 0 11.5%;z-index: 0;} .structure_nav,.structure_tabs{position: absolute;left: 0;width: 617px;height: 617px; z-index: 10;} .structure_tabs{z-index: 5;} .structure_nav li{position: absolute;left: 47px;bottom: 12px;width: 133px;height: 133px;background: url('../images/structure_nav.png') no-repeat;overflow: hidden;cursor:pointer;} .structure_nav li.break2{left: -36px;bottom: 320px;} .structure_nav li.break3{left: 240px;bottom: auto;top:-62px;} .structure_nav li.break4{left: auto;bottom: 320px;right: -36px;} .structure_nav li.on{background-position: -137px 0;} .structure_nav li i{display: block;width: 70px;height: 70px;margin: 31px auto 0;background: url('../images/structure_icon.png') no-repeat;} .structure_nav li .icon2{background-position: -70px 0;} .structure_nav li .icon3{background-position: -140px 0;} .structure_nav li .icon4{background-position: -210px 0;} .structure_nav li.on .icon1{background-position: 0 -70px;} .structure_nav li.on .icon2{background-position: -70px -70px;} .structure_nav li.on .icon3{background-position: -140px -70px;} .structure_nav li.on .icon4{background-position: -210px -70px;} .structure_tabs .main{position: absolute;left:564px;top: 352px;width: 498px;display: none;} .structure_tabs .main h4{font-size: 48px;color: #454545;line-height: 68px;font-weight: normal;} .structure_tabs .main .en{font-size: 32px;color: #a0d62a;line-height: 46px;} .structure_tabs .main .txt{font-size: 16px;color: #454545;line-height: 26px;margin-top: 10px;} .structure_tabs .main .pic{width: 360px;height: 360px;border-radius: 100%;overflow: hidden;position: absolute;left: -430px;top: -227px;} .structure_tabs .main .pic img{display: block;width: 100%;height: 360px;} .cross_style{width: 100%;padding: 90px 0 85px;} .style_list {margin-top: 35px;} .style_list li{float: left;width: 31.66%;height:256px;margin: 0 2.51% 25px 0;position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;} .style_list li:nth-child(3n){margin-right: 0;} .style_list li .main{padding: 23px 25px;} .style_list li .main .en{font-size: 14px;color: #e6e6e6;line-height: 24px;} .style_list li .main p{font-size: 22px;color: #fff;line-height: 34px;} .cross_process{width: 100%;padding: 72px 0 82px;background-color: #f5f5f5;} .process_nav{text-align: center;height: 39px;margin-top: 35px;} .process_nav ul{display: inline-block;*display: inline;*zoom:1;} .process_nav ul li{float: left;display: block;padding: 0 36px;height: 39px;border:1px solid #1f61c3;border-radius: 39px;background-color: #fff;font-size: 16px;color: #9a9a9a;line-height: 39px;margin: 0 56px;cursor:pointer;} .process_nav ul li.on, .process_nav ul li:hover{background-color: #1f61c3;color: #fff;} .process_tabs{margin-top: 80px;} .process_tabs li{display: none;} .process_tabs li .pic{width: 100%;} .process_tabs li .pic img{display: block;width: 100%;} .cross_policy{padding: 55px 0 128px;} .policy_main{background-color: #352e35;height: 560px;margin-top: 25px;padding: 35px 3% 0;} .policy_pic{width: 41%;float: left;} .policy_pic img{display: block;width: 100%;} .policy_nav{float: left;width: 21%;margin-left: 4%;border-right: 1px solid #5f585f;} .policy_nav li{font-size: 18px;color: #fff;line-height: 60px;position: relative;cursor:pointer;} .policy_nav li i{display: block;width: 36px;height: 40px;background: url('../images/policy_icon.png') no-repeat;float: left;margin: 10px 16px 0 0;} .policy_nav li .icon2{background-position: 0 -40px;} .policy_nav li .icon3{background-position: 0 -80px;} .policy_nav li .icon4{background-position: 0 -120px;} .policy_nav li .icon5{background-position: 0 -160px;} .policy_nav li .icon6{background-position: 0 -200px;} .policy_nav li .icon7{background-position: 0 -240px;} .policy_nav li .icon8{background-position: 0 -280px;} .policy_nav li .icon9{background-position: 0 -320px;} .policy_nav li .icon10{background-position: 0 -360px;} .policy_nav li .icon11{background-position: 0 -400px;} .policy_nav li .icon12{background-position: 0 -440px;} .policy_nav li .icon13{background-position: 0 -480px;} .policy_nav li .icon_7{background: url('../images/policy_7.png') no-repeat center;background-size: 100%;} .policy_nav li .icon_8{background: url('../images/policy_8.png') no-repeat center;background-size: 100%;} .policy_nav li:hover, .policy_nav li.on{color: #1f61c3;} .policy_nav li .arrow{position: absolute;right: -9px;width: 10px;height: 18px;top: 21px;display: none;background: url('../images/policy_arrow.png') no-repeat;} .policy_nav li.on .arrow{display: block;} .policy_tabs{float: right;width: 29.4%;} .policy_tabs .txt{display: none;color: #fff;line-height: 36px;} .policy_tabs .txt p{margin-bottom: 8px;font-size: 18px;} .sheet_support .policy_nav li{margin-bottom: 22px;} .sheet_support .policy_main{height: 500px;} .floor_support .policy_main{height: 580px;} .floor_support .policy_nav li{margin-bottom: 18px;} .system-swiper{padding-bottom: 40px;margin: 30px auto;width: 92%;max-width: 1200px;position: relative;} .system-swiper .swiper-slide img{display: block;width: 100%;} .system-swiper .swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #1f61c3;border:2px solid #fff;opacity: 1;} .system-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #fff;border-color: #1f61c3;} /*健康儿童家居*/ .children_banner{width:100%;} .children_banner img{display:block;width:100%;} .children_main{width:100%;background: url('../img/children_bg.jpg') no-repeat center top #fffef2;} .children_title{font-size: 22px;color: #454545;font-weight: bold;line-height: 42px;text-align: center;} .children_title span{font-weight: normal;font-size: 22px;} .children_title .line{width: 2px;height: 18px;background-color: #343434;display: inline-block;*display: inline;*zoom:1;position: relative;top: 2px;} .children_toplist{margin: 85px 0 55px;} .children_toplist li{float: left;width: 33.33%;} .children_toplist li i{display: block;width: 56px;height: 56px;background: url('../images/toplist_icon.png') no-repeat;margin: 0 auto;} .children_toplist li .icon2{background-position: 0 -56px;} .children_toplist li .icon3{background-position: 0 -132px;} .children_toplist li .txt{width: 60%;margin: 15px auto 0;font-size: 14px;color: #454545;line-height: 24px;} .children_center .container{background-color: #fff;padding: 60px 4% 80px;box-shadow:0 -10px 20px rgba(0, 0, 0, 0.1);} .center_banner{width: 100%;margin-top: 40px;} .center_banner img{display: block;width: 100%;} .center_nav{position: relative;z-index: 10;margin: -71px auto 0;width: 88%;height: 153px;background-color: #fff;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);} .center_nav li{float: left;width: 33.33%;padding: 19px 0 16px;height: 153px;cursor:pointer;} .center_nav li.on{background-image: -moz-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%); background-image: -ms-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%);} .center_nav li i{display: block;width: 58px;height: 58px;background: url('../images/center_nav.png') no-repeat;margin: 13px auto 10px;} .center_nav li .icon2{background-position: 0 -58px;} .center_nav li .icon3{background-position: 0 -116px;} .center_nav li.on .icon1{background-position: -58px 0;} .center_nav li.on .icon2{background-position: -58px -58px;} .center_nav li.on .icon3{background-position: -58px -116px;} .center_nav li p{font-size: 14px;color: #454545;line-height: 24px;text-align: center;padding: 0 10px;text-align: center;} .center_nav li.on p{color: #fff;} .center_nav li:nth-child(2) .main{border-right: 1px solid #d9d9d9;} .center_tabs{margin-top: 40px;} .center_list{display: none;} .center_list .title{text-align: center;padding: 0 38px;height: 50px;line-height: 50px;border-bottom: 1px solid #b7eef4;font-size: 15px;color: #3a3a3a;position: relative;left: 50%;transform:translateX(-50%);display: inline-block;margin-bottom: 15px;} .center_list .txt{font-size: 15px;line-height: 25px;color: #3a3a3a;width: 88%;margin: 0 auto;} .center_list ul{margin-top: 60px;} .center_list ul li{width: 47.8%;float: left;margin: 0 4.4% 42px 0;} .center_list ul li:nth-child(2n){margin-right: 0;} .center_list ul li img{display: block;width: 100%;} .children_join{margin-top: 60px;} .children_join .container{background-color: #fff;padding: 60px 3.3% 0;box-shadow:0 -10px 20px rgba(0, 0, 0, 0.1);} .join_top{border:1px solid #e5e5e5;margin: 30px auto 0;width: 78%;text-align: center;padding: 15px 0;} .join_top p{font-size: 16px;color: #4f4f4f;} .join_top p span{display:inline-block;font-size: 24px;color: #4fbae1;transform:rotate(9deg);-ms-transform:rotate(9deg);-moz-transform:rotate(9deg);-webkit-transform:rotate(9deg);-o-transform:rotate(9deg);margin: 5px 0 0 10px;} .join_list{margin-top: 52px;} .join_list li{height: 405px;padding-bottom: 57px;background: url('../images/join_list_bg.png') no-repeat 65% 95px;} .join_list li .pic{width: 60.9%;float: left;height: 348px;background-repeat: no-repeat;background-position: center center;background-size: cover;} .join_list li .main{width: 24%;float: right;margin-right: 10%;height: 348px;display: table;} .join_list li:nth-child(2n) .pic{float: right;} .join_list li .tell{display: table-cell;vertical-align: middle;width: 100%;height: 348px;} .join_list li .en{font-size:18px;color:#e2e2e2;text-align: right;} .join_list li .title{font-size: 30px;color: #4f4f4f;} .join_list li .line{width: 70px;height: 1px;background-color: #bababa;margin: 15px 0 20px;} .join_list li .txt{font-size: 16px;color: #4f4f4f;line-height: 26px;} .join_list li:nth-child(2n){background-position: 30% 95px;} .join_list li:nth-child(2n) .main{float: left;margin: 0 0 0 10%;} .join_list li:nth-child(2n) .en{text-align: left;} .join_list li:nth-child(2n) .title{text-align: right;} .join_list li:nth-child(2n) .line{float: right;} .children_support{padding-top: 200px;} .support_list{margin: 78px 0 40px;} .support_item{text-align: center;} .support_top_item{width: 77.88%;margin: 0 auto 85px;} .support_icon{float: left;width: 166px;height: 166px;border-radius: 100%;overflow: hidden;position: relative;z-index: 0;margin-right: calc(20% - 166px);cursor: pointer;} .support_top_item .support_icon{margin-right: calc(25% - 166px);} .support_item .support_icon:last-child{margin-right: 0;} .support_icon img{display: block;width: 100%;height: 166px;} .support_icon .yin{position: absolute;width: 100%;height: 100%;border-radius: 100%; background-image: -moz-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%);background-image: -ms-linear-gradient( 90deg, rgb(108,192,223) 0%, rgb(183,238,244) 100%);left: 0;top: 0;z-index: 1;display: none;} .support_icon .main{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .support_icon .main p{font-size: 20px;line-height: 32px;text-align: center;color: #fff;margin-top: 72px;} .support_icon .main .en{font-size: 12px;color: #fff;line-height: 24px;display: none;} .support_icon:hover .yin, .support_icon:hover .en{display: block;} .support_icon:hover .main p{margin-top: 60px;} .about-ability{background: url('../img/ability_bg.jpg') no-repeat center top;} .ability_main{padding-top: 145px;} .ability_info{width: 470px;float: left;margin-left: 30px;} .ability_right{float: right;margin:180px 70px 0 0;} .ability_info i{display: block;width: 112px;height: 92px;margin: 0 auto;background: url('../images/ability_icon.png') no-repeat;} .ability_info .icon2{background-position: 0 -92px;} .ability_info .title{text-align: center;font-size: 32px;color: #1f61c3;line-height: 42px;margin-top: 25px;} .ability_info .txt{font-size: 16px;color: #666;line-height: 33px;margin-top: 20px;} .about-protect{margin-top: 238px;} .about-protect .protect_info{float: left;width: 600px;margin-left: 30px;} .about-protect .title{font-size: 30px;color: #333;line-height: 40px;} .about-protect .txt{font-size: 16px;color: #666;line-height: 33px;margin-top: 15px;} .year_list {padding: 110px 0 50px;} .year_list .year{font-size: 38px;color: #1f61c3;font-weight: bold;} .year_list .year span{font-size: 167px;} .year_list .txt{font-size: 17px;color: #666;line-height: 26px;margin-top: 25px;} .year_list .swiper-button-prev, .year_list .swiper-button-next{display: block;width: 17px;height: 32px;z-index: 10;position: absolute;top: auto;bottom: 0;margin-top: 0;background: url('../images/year_arrow.png') no-repeat;} .year_list .swiper-button-next{right: auto;left: 40px;background-position: 0 -32px;} .year_list .swiper-button-prev:hover{background-position: -17px 0;} .year_list .swiper-button-next:hover{background-position: -17px -32px;} .protect_pic{float: right;width: 492px;} .abput-skill{margin-top: 207px;} .abput-skill .title{height: 111px;line-height: 111px;font-size: 40px;color: #333;width: 334px;margin: 0 auto;} .abput-skill .title i{display: block;width: 111px;height: 111px;background: url('../images/skill_icon.png') no-repeat;margin-right: 20px;float: left;} .skill_list{margin-top: 62px;} .skill_list li{float: left;margin-bottom: 63px;} .skill_list li .num{font-size: 50px;color: #8ec614;line-height: 54px;height: 54px;text-align: center;font-weight: bold;} .skill_list li .txt{font-size: 15px;color: #666;line-height: 19px;text-align: center;margin-top: 14px;} .skill_list li.line{width: 50px;height: 51px;border-bottom: 1px dashed #8ec614;margin: 0 20px 0;} .skill_list li.line_no{border-bottom: none;} .honor-info{padding: 142px 0 0;} .honor-info .title{height: 102px;font-size: 24px;color: #333;padding: 33px 0 13px;} .honor-info .title span{font-size: 56px;color: #8ec614;font-weight: bold;} .honor-info .title i{display: block;width: 115px;height: 102px;background: url('../images/honor_icon.png') no-repeat;float: left;margin:-33px 27px 0 0;} .honor-info .txt{font-size: 16px;color: #666;line-height: 33px;max-width: 490px;margin:7px 0 0 145px;} .about-honor{margin:20px auto 43px;width: 1092px;position: relative;} .about-honor .swiper-container{width: 944px;height: 354px;position: relative;margin: 0 auto;} .about-honor .swiper-container .swiper-slide .pic{border:1px solid #e0e0e0;} .about-honor .swiper-container .swiper-slide img{display: block;width: 100%;} .about-honor .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{background-color: #d1d1d1;opacity: 1;border-radius: 8px;} .about-honor .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #8fc515;width: 34px;} .about-honor .swiper-button-prev, .about-honor .swiper-button-next{position: absolute;z-index: 10;width: 18px;height: 34px;background:url('../images/honor_arrow.png') no-repeat;top: 0;margin-top: 82px;} .about-honor .swiper-button-next{background-position: 0 -46px;} .about-honor .swiper-button-prev:hover{background-position: -22px 0;} .about-honor .swiper-button-next:hover{background-position: -22px -46px;} .advantage-con img{display: block;width: 100%;} @media screen and (max-width: 1024px) { .about-honor .swiper-container{width: 100%;height: auto;padding-bottom: 60px;} .about-honor .swiper-button-prev, .about-honor .swiper-button-next{top: 50%;margin-top: -27px;} } @media screen and (max-width: 480px) { .about-honor .swiper-container .swiper-slide .pic{border:none;} } /*联系我们*/ .map #dituContent{width: 100%;height: 350px;} .contact_main{padding: 80px 0;background-color: #fff;} .contact_left,.contact_right{width: 50%;float: left;} .contact_left{border-right: 1px solid #d9d9d9;padding-right: 70px;} .contact_main h4{font-size: 30px;color: #333;line-height: 30px;} .contact_main .line{width: 25px;height: 2px;background-color: #666;margin: 15px 0 20px;} .contact_con{margin-top: 50px;} .contact_left p{font-size: 14px;color: #666;line-height: 25px;} .contact_right{padding-left: 70px;} .contact_right .sina{ background:url('../images/icon_02.png') no-repeat;background-size: 120px 120px; width:120px; height:30px; line-height:30px; margin-left:15px; display:block; float:left; padding-top:120px; text-align:center; font-size:14px; color:#999; margin-top:12px;} .contact_right .wx{ background:url('../images/code.png') no-repeat; background-size: 120px 120px; width:120px; height:30px; line-height:30px; display:block; float:left; padding-top:120px; text-align:center; font-size:14px; color:#999; margin-top:12px;} .contact_right .sp{ background:url('../images/shipinhao.png') no-repeat; background-size: 125px 125px; width:120px; height:30px; line-height:30px; display:block; float:left; padding-top:120px; text-align:center; font-size:14px; color:#999; margin-top:12px;margin-left: 15px;} .contact_right .dy{ background:url('../images/douyinhao.png') no-repeat; background-size: 125px 125px; width:120px; height:30px; line-height:30px; display:block; float:left; padding-top:120px; text-align:center; font-size:14px; color:#999; margin-top:12px;margin-left: 15px;} .base_info{width: 100%;height: 640px;background: url('../img/base_line.jpg') no-repeat left 60px;animation:born-move 20s infinite alternate linear, bounce;-moz-animation:born-move 20s infinite alternate linear, bounce;-webkit-animation:born-move 20s infinite alternate linear, bounce;-ms-animation:born-move 20s infinite alternate linear, bounce;-o-animation:born-move 20s infinite alternate linear, bounce;} @keyframes born-move { 0%{background-position:0 60px;} 100%{background-position:-815px 60px;} } @-moz-keyframes born-move { 0%{background-position:0 60px;} 100%{background-position:-815px 60px;} } @-webkit-keyframes born-move { 0%{background-position:0 60px;} 100%{background-position:-815px 60px;} } @-ms-keyframes born-move { 0%{background-position:0 60px;} 100%{background-position:-815px 60px;} } @-o-keyframes born-move { 0%{background-position:0 60px;} 100%{background-position:-815px 60px;} } .base_nav ul li{float: left;margin-right: calc(25% - 178px);cursor:pointer;} .base_nav ul li:last-child{margin-right: 0;} .base_nav ul li .pic{width: 116px;height: 116px;border:7px solid #dedede;border-radius: 50%;overflow: hidden;} .base_nav ul li:nth-child(2n){margin-top: 38px;} .base_nav ul li:nth-child(3){margin-top: 48px;} .base_nav ul li .pic img{display: block;width: 100%;} .base_nav ul li.on .pic{border-color: #a4ce49;} .base_nav ul li p{font-size: 18px;color: #333;text-align: center;line-height: 28px;margin-top: 10px;} .base_nav ul li.on p{font-weight: bold;color: #a2cc47;} .base_tabs{margin-top: 55px;} .base_item{border:1px solid #dfdfdf;background-color: #fff;padding: 20px;width: 992px;position: relative;display: none;} .base_item .arrow{position: absolute;left: 72px;top: -24px;width: 46px;height: 24px;background: url('../images/base_arrow.png') no-repeat;} .base_item .pic{width: 32.56%;float: left;} .base_item .txt{font-size: 14px;color: #666;line-height: 25px;width: 62.8%;float: right;} .base_item .txt p{margin-bottom: 10px;} .base_item1{margin-left: calc(100% - 992px);} .base_item1 .arrow{left: auto;right: 72px;} @media screen and (max-width: 650px){ .dealer-con .dealer-con-img{width: 100%;} } @media screen and (max-width: 650px){ .ability_info { width: 100%; margin-left: 0px; } .ability_right{margin: 50px 0px 0 0;} .about-protect{margin-top: 50px;} .about-protect .protect_info{ width: 100%; margin-left: 0px; } .year_list .year span{ font-size: 40px; } .protect_pic{ width: 100%; } .abput-skill{margin-top: 50px;} .skill_list li{float: left;margin-bottom: 10px;width: 33.3%;} .skill_list li.line{display: none;} .honor-info .title span{font-size: 24px;} .honor-info{padding: 50px 0 0;} .honor-info .txt{margin: 15px 0;} .about-honor{width: 100%;} .abput-skill .title{font-size: 24px;} .skill_list li .num{font-size: 36px;} .feedback-form .top .item span{height: 56px;line-height: 56px;margin-top: 0;} .feedback-form .bottom .row .item span{line-height: 56px;} .feedback-form .top .item .layui-form-select .layui-input{height: 54px;} .page a.goprev{display: none;} .page{height: auto;} .page a, .page_text, .page_btn{margin-bottom: 10px;display: inline-block;float: none;} .joins-show dl{width: 100%;} .joins-show dl dd{width: 20%;font-size: 14px;margin-left: 0;} .dealer-con .dealer-con-img{width: 100%;} .cross_tit{font-size: 26px;} .cross_policy{padding: 30px 0 30px;} .cross_tit{font-size: 21px;} .policy_main{height: auto !important;} .policy_pic{width: 100%;} .policy_nav{width: 32%;margin-left: 0;} .policy_nav li{ display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 14px; line-height: 18px; text-align: center; margin: 15px 0; padding: 0 5px; } .policy_nav li{ margin: 10px 0; } .policy_nav li i{margin: 10px 0 5px 0;} .policy_tabs{width: 100%;} .policy_nav{width:100%;border:0;} .policy_nav li.on .arrow{display:none;} .policy_nav li{width:25%;float:left;font-size: 0.24rem; padding: 0;} .policy_tabs .txt{padding-top: 15px;} .policy_tabs .txt p{font-size: 14px;} .city-picker-selector .selector-item{width: 48%;} .product-main .joins-form .form-box .type-row{width: 100%;} .footer-mobile .code{padding-top: 0;margin-top: 0;border-top:none;} .contact_main{padding: 30px 0;} .contact_left{padding-right: 0;width: 100%;border-right:none;} .contact_left .main{float: none;} .contact_con{margin-top: 20px;} .contact_right{display: none;} .news-list li .txt .foot{position: initial;} .cross_top{padding: 80px 0 30px;} .cross_top .txt{width: 100%;padding: 0;} .decorate_list li{width: 50%;} .decorate_list li .txt{width: 84%;} .free_list li{margin-bottom: 8px;width:calc(50% - 4px);margin-right: 4px;} .free_list li:nth-child(2n){width:calc(50% - 4px);margin: 0 0 8px 4px;} .cross_free{padding: 40px 0 40px;} .style_list li{width: calc(50% - 5px); margin: 0 5px 25px 0 ;} .style_list li:nth-child(3n){margin-right: 5px;} .style_list li:nth-child(2n) {margin-right: 0;width: calc(50% - 5px) ;margin-left: 5px ;} .cross_style{padding: 30px 0; } .cross_process{padding: 30px 0 ;} .process_nav ul li{margin: 0 5px ;} .children_toplist li .txt{width: 86%;} .center_list .title{height: auto;} .children_center .container{padding: 30px 4% 30px;} .join_list li .pic{width: 100%;} .join_list li .main{width: 100%;margin-right: 0;height: auto;} .join_list li,.join_list li .tell{height: auto;} .join_list li:nth-child(2n) .main{margin:0;} .join_list li:nth-child(2n) .title{text-align: left;} .join_list li:nth-child(2n) .line{float: left;} .children_support{padding-top: 50px;} .support_list{ margin: 30px 0 40px;} .support_top_item{width: 100%;margin: 0 auto 0;} .support_top_item .support_icon{margin: 10px calc(25% - 83px);} .support_item .support_icon{margin: 10px calc(25% - 83px);} .structure_cont{position: initial;background: none; height: auto;width: 100%;margin: 30px 0;} .structure_nav, .structure_tabs{position: initial;height: auto;width: 100%;} .structure_nav ul{ display: flex; justify-content: center; flex-wrap: wrap;} .structure_tabs .main{position: initial;} .structure_tabs .main h4{font-size: 30px; line-height: 28px;} .structure_tabs .main .en{font-size: 24px;} .structure_nav li{position: initial;float: left;} .cross_structure{padding: 30px 0 30px;} .side_service,.cd-top-box,.product-open{display: none !important;} .m-product-fix{display: block;overflow: hidden;width: 1.2rem;height: 1.2rem;bottom: 4.68rem;right: 3px;} .m-product-fix img{display: block;margin: 10px auto 5px;} .m-product-fix p{font-size: 12px;color: #fff;text-align: center;line-height: 12px;} .category-list li i{ background-size: 450px 70px; width: 35px; height: 30px; } .category-list li i.icon-2 { background-position: -32px 0; } .category-list li i.icon-3 { background-position: -69px 0; } .category-list li i.icon-4 { background-position: -101px 0; } .category-list li i.icon-5 { background-position: -138px 0; } .category-list li i.icon-6 { background-position: -173px 0; } .category-list li i.icon-7 { background-position: -209px 0; } .category-wrap-phone .category-list li:hover i.icon-1{ background-position:0 0px; } .category-wrap-phone .category-list li:hover i.icon-2{ background-position:-32px 0; } .category-wrap-phone .category-list li:hover i.icon-3{ background-position:-69px 0;} .category-wrap-phone .category-list li:hover i.icon-4{ background-position: -101px 0; } .category-wrap-phone .category-list li:hover i.icon-5{ background-position:-138px 0; } .category-wrap-phone .category-list li:hover i.icon-6{ background-position:-173px 0;} .category-wrap-phone .category-list li:hover i.icon-7{ background-position:-209px 0; } .category-wrap-phone .category-list li i.icon-8{ background-size: cover; } .category-wrap-phone .category-list li{ height: 70px; } .category-list li a{ font-size: 13px; } .category-wrap-phone .category-list.category-list-house li i.icon-5{ background-size: cover; } .category-list-house li i.icon-1 { background-position: -243px 0; } .category-list-house li i.icon-2 { background-position: -279px 0; } .category-list-house li i.icon-3 { background-position: -313px 0; } .category-list-house li i.icon-4 { background-position: -349px 0; } .category-wrap-phone .category-list-house li:hover i.icon-1{ background-position:-243px 0;} .category-wrap-phone .category-list-house li:hover i.icon-2{ background-position: -279px 0;} .category-wrap-phone .category-list-house li:hover i.icon-3{ background-position: -313px 0;} .category-wrap-phone .category-list-house li:hover i.icon-4{ background-position:-349px 0; } .first-module .show .left .box h2 i,.first-module .show .right .box h2 i{display: none;} .first-module .show .left .box h2,.first-module .show .right .box h2{font-size: 0.35rem;line-height: 36px;} .banner .swiper-container-banner .swiper-pagination{bottom: 0.3rem;} .banner .swiper-container-banner .swiper-pagination-bullet {width: 0.2rem;height: 0.2rem;margin: 0 0.2rem;} .banner .swiper-button-next, .banner .swiper-button-prev{display: none;} .skill_list li .txt{font-size: 13px;} .skill_list{display: flex;flex-wrap: wrap;} .joins-dynamic,.joins-show{display: none;} .m-product{padding: .48rem 0 .8rem;} .m-search{width: 100%;height: 1rem;background: #fff;box-shadow: 0px 1px .3rem 0px rgba(0, 0, 0, 0.1);border-radius: .08rem;overflow: hidden;} .m-search .search-btn{display: block;width: .26rem;height: .26rem;border:none;background: url('../images/m_product_search.png') no-repeat;background-size: 100%;margin: .4rem .2rem 0 0;} .m-search .search-text{display: block;width: 6rem;height: 1rem;border:none;background: none;font-size: .36rem;color: #a9a9a9;margin-left: .12rem;} .m-search .search-text::-webkit-input-placeholder{color:#a9a9a9;} .m-search .search-text:-moz-placeholder {color:#a9a9a9;opacity:1;} .m-search .search-text::-moz-placeholder {color:#a9a9a9;opacity:1;} .m-search .search-text:-ms-input-placeholder {color:#a9a9a9;} .m-search .search-text::-ms-input-placeholder {color:#a9a9a9;} .product-nav{margin: .53rem 0 .18rem;height: .57rem;line-height: .57rem;background: url('../images/product_nav_line.png') no-repeat center center;background-size: .18rem .37rem;text-align: center;} .product-nav ul{display: inline-block;*display: inline;*zoom:1;} .product-nav ul li{display: block;float: left;font-size: .4rem;color: #737373;padding: 0 .39rem;} .product-nav ul li.on{font-weight: bold;color: #1f61c3;} .product-tabs{min-height: 7.1rem;} .product-list li{float: left;width: 33.3333%;box-sizing: border-box;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;height: 2.3rem;overflow: hidden;} .product-list li:nth-child(3n){border-right: none;} .product-list li.noborder{border-bottom: none;} .product-list li img{display: block;height: .72rem;margin: .36rem auto .14rem;} .product-list li p{font-size: .24rem;color: #666;text-align: center;line-height: .42rem;} .m-prolist{padding: .38rem 0 .8rem;box-sizing: border-box;} .m-prolist .title{font-size: .3rem;color: #000;font-weight: bold;line-height: .48rem;margin-bottom: .04rem;} .m-prolist .title span{font-weight: normal;} .m-prolist .title a{display: block;float: right;color: #1f61c3;font-weight: normal;text-decoration: underline;} .m-pronav li .link{display: block;height: 1rem;line-height: 1rem;border-bottom: 1px solid #d6d6d6;font-size: .3rem;color: #050505;} .m-pronav li .link .arrow{display: block;width: .28rem;height: 2px;background: #393939;margin-top: .49rem;float: right;} .m-pronav li .erify{display: none;margin: 0 .3rem;} .m-pronav li .sub-pronav-list{display: none;} .m-pronav li .sub-link{display: block;border-bottom: 1px solid #d6d6d6;height: .76rem;line-height: .76rem;font-size: .28rem;color: #050505;} .m-pronav li .sub-link .icon{display: block;width: .28rem;height: .15rem;background: url('../images/sub_link_icon.png') no-repeat;background-size: 100%;float: right;margin-top: .35rem;} .m-pronav li.open .link{color: #97c246;} .m-pronav li.open .link .arrow{background: #8c8787;} .sub-pronav-list{padding-top: .14rem;} .sub-pronav-list>a{display: block;box-sizing: border-box;width: 50%;float: left;margin: .44rem 0 .22rem;border-right: 1px dotted #e1e1e1;} .sub-pronav-list>a:nth-child(2n){border-right: none;} .sub-pronav-list>a .pic{display: table;width: 100%;height: 3.15rem;padding: .2rem;box-sizing: border-box;} .sub-pronav-list>a .pic .img{display: table-cell;vertical-align: middle;height: 2.75rem;} .sub-pronav-list>a .pic img{display: block;max-width: 100%;max-height: 2.75rem;margin: 0 auto;} .sub-pronav-list>a p{font-size: .24rem;color: #000;text-align: center;line-height: .28rem;height:.56rem;margin: .2rem .3rem 0;} .m-pronav li .pronav-show .sub-link .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);} .product-m-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1001;display: none;} .product-m-main{width: 6.5rem;height: 9.2rem;background: #fff;left: .5rem;top: 50%;margin-top: -4.2rem;border-radius: .12rem;position: absolute;} .product-m-main .close{display: block;position: absolute;right: .2rem;top: .2rem;font-size: .24rem;color: #333;line-height: .24rem;} .product-m-main .close i{display: block;float: left;width: .24rem;height: .24rem;background: url('../images/pro_close.png') no-repeat;background-size: 100%;margin-right: .12rem;} .product-m-main .pic{padding: .3rem 0;width: 6rem;height: 6rem;display: table;box-sizing: border-box;} .product-m-main .pic .img{display: table-cell;vertical-align: middle;height: 6rem;} .product-m-main .pic img{display: block;margin: 0 auto;max-width: 6rem;max-height: 6rem;} .product-m-main .content{font-size: .24rem;color: #333;line-height: .36rem;max-height:8.4rem;overflow: hidden;overflow-y: scroll;width: 6rem;margin: .4rem auto 0;} } @media screen and (max-width: 650px) { .ability_main{padding-top:0;} .ability_info .title{font-size:16px;margin-top:0px;} .ability_info .txt{margin-top:0;line-height:20px;font-size:12px;} .ability_info i{width:56px;height:46px;background-size:56px 92px;} .ability_info .icon2{background-position: 0 -47px;} .ability_right{margin: 20px 0px 0 0;} .about-protect .title{font-size:16px;} .about-protect{margin-top:20px;} .about-protect .txt{line-height:20px;font-size:12px;} .year_list{padding:20px 0 50px;} .year_list .year span{font-size:22px;} .year_list .year{font-size:14px;} .year_list .swiper-button-prev, .year_list .swiper-button-next{bottom:14px} .abput-skill{margin-top:0;} .abput-skill .title i{width:30px;height:30px;background-size:30px;-webkit-background-size:30px;-moz-background-size:30px;-ms-background-size:30px;margin-right: 10px;} .abput-skill .title{height:30px;line-height:30px;font-size:16px;} .skill_list{margin-top:20px;} .honor-info .title i{width:57px;height:51px;background-size:57px 51px;-webkit-background-size:57px 51px;-moz-background-size:57px 51px;-ms-background-size:57px 51px;margin: -22px 10px 0 0;} .honor-info .title{height:50px;} .honor-info{padding:10px 0 0;} .honor-info .txt{font-size:12px;line-height:20px;margin:20px 0;} .dealer-con{padding: 0px;} .cross_tit{line-height:42px;} .research-findings .tab li .pic i.icon-5{background-position:-9.33rem -1.09rem} .research-findings .tab li .pic i.icon-4{background-position: -6.99rem -1.09rem;} .family-tab.family_vv li.on a{color:#1f61c3;border-bottom: 2px solid #1f61c3;background-color:#fff;} .equity-table .title{margin:0.3rem 0;} } .advantage-con img.m_brand{display:none;} .advantage-con img.pc_brand{display:block;} @media screen and (max-width: 750px) { .product-banner{min-width: 0;height: 3rem;} .advantage-con img.m_brand{display:block;} .advantage-con img.pc_brand{display:none;} } /*登录界面*/ .msg_pop_main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;} .msg_pop_main p{padding:10px;line-height:24px;font-size:14px;color:#fff;font-family: "Microsoft YaHei";} .login-main{width: 100%;height: 790px;background: url('../img/login_bg.jpg') no-repeat center top;overflow: hidden;} .login-cont{width: 92%;margin: 90px auto 0;max-width: 1180px;box-shadow: 0px 1px 30px 0px rgba(242, 230, 214, 0.5);border-radius: 4px;overflow: hidden;} .login-cont .pic{float: left;width: 57.62%;height: 600px;background: url('../img/login_pic.jpg') no-repeat center center;} .login-cont .main{background: #fff;width: 42.38%;float: right;height: 600px;overflow: hidden;box-sizing: border-box;padding: 74px 10px 0;} .login-cont .main h3{font-size: 42px;font-weight: bold;line-height: 55px;text-align: center;} .login-cont .main .txt{font-size: 14px;color: #888;line-height: 28px;text-align: center;margin-bottom: 42px;} .login-item{width: 280px;margin: 0 auto 20px;} .login-item .login-text{border:1px solid #ececec;height: 44px;width: 100%;padding: 0 14px;background: #f9f9f9;font-size: 14px;color: #d8d8d8;border-radius: 2px;} .login-item .login-text::-webkit-input-placeholder { color:#d8d8d8; } .login-item .login-text:-moz-placeholder { color:#d8d8d8; opacity:1; } .login-item .login-text::-moz-placeholder { color:#d8d8d8; opacity:1; } .login-item .login-text:-ms-input-placeholder { color:#d8d8d8; } .login-item .login-text::-ms-input-placeholder { color:#d8d8d8; } .login-item .login-vcode{width: 168px;float: left;} .login-item .login-send{display: block;border:none;width: 100px;height: 44px;background: #c2c2c2;text-align: center;line-height: 44px;font-size: 14px;color: #fffefe;border-radius: 2px;float: right;} .login-bot{margin-top: 40px;} .login-bot .login-btn{width: 150px;height: 44px;border:none;background: #1f61c3;font-size: 14px;color: #fffefe;border-radius: 2px;margin: 0 auto;display: block;} .login-bot .login-btn:hover{background: #98d319;} .login-other .title{width: 225px;margin: 53px auto 25px;height: 11px;border-bottom: 1px solid #dedede;} .login-other .title p{font-size: 14px;color: #888;height: 22px;line-height: 22px;text-align: center;background: #fff;margin: 0 auto;width: 104px;} .other-list{text-align: center;} .other-list a{display: inline-block;width: 40px;height: 40px;background: url('../images/login_icon.png') no-repeat #1f61c3;margin: 0 10px;border-radius: 50%;} .other-list .qq{background-position: 0 -40px;} .other-list a:hover{background-color: #98d319;} @media screen and (max-width: 750px) { .login-main{height: 11.3rem;background-image: url('../img/login_m_bg.jpg');background-size: 100%;} .login-cont{width: 100%;margin-top: 1.14rem;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);} .login-cont .pic{display: none;} .login-cont .main{width:6.4rem; float: none;margin: 0 auto;height: 9rem;padding: .85rem .1rem 0;border-radius: 4px;overflow: hidden;} .login-cont .main h3{font-size: .6rem;line-height: .76rem;} .login-cont .main .txt{font-size: .24rem;line-height: .44rem;margin: .1rem 0 .5rem;} .login-item{width: 5.6rem;margin-bottom: .2rem;} .login-item .login-text{height: .8rem;font-size: .24rem;padding: 0 .2rem;} .login-item .login-vcode{width: 3.6rem;} .login-item .login-send{width: 1.8rem;font-size: .24rem;} .login-bot{margin-top: .5rem;} .login-bot .login-btn{width: 2.4rem;height: .75rem;font-size: .24rem;} .login-other .title{margin: .8rem auto .5rem;width: 2.95rem;height: .2rem;} .login-other .title p{width: 1.74rem;font-size: .24rem;height: .44rem;line-height: .44rem;} .other-list .wechat{display: none;} .other-list .qq{width: .8rem;height: .8rem;background: url('../images/login_m_icon.png') no-repeat center center #1f61c3;background-size: .4rem .4rem;} } /*活动页*/ .active-main .container{width: 92%;margin: 0 auto;max-width: 1202px;} .active-banner{width: 100%;height: 600px;position: relative;z-index: 10;background: url('../img/active_banner.jpg') no-repeat center top;} .active-banner .container{padding-top: 140px;position: relative;} .active-banner .left{opacity: 0;-webkit-transform: translate3d(-40px,0,0);transform: translate3d(-40px,0,0);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;position: relative;z-index: 20;} .active-banner .pic{width: 444px;height: 166px;background: url('../images/active_txt_pic.png') no-repeat;} .active-banner .design-btn{margin-top: 32px;} .design-btn{display: block;width: 160px;height: 50px;background: #1f61c3;font-size: 16px;color: #fff;text-align: center;line-height: 50px;border-radius: 2px;} .design-btn:hover{background: #98d319;} .active-banner .right{width: 64.23%;position: absolute;right: 0;top: 80px;opacity: 0;-webkit-transform: translate3d(40px,0,0);transform: translate3d(40px,0,0);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;z-index: 15;} .active-banner .right img{display: block;width: 100%;} .active-banner .fadeMove{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .active-design{padding: 110px 0 60px;background: url('../images/design_txt.png') no-repeat left 78px #fff;background-size: 60.16% auto;} .active-design .info{font-size: 20px;color: #666;line-height: 40px;margin-bottom: 2px;} .active-design h3{font-size: 45px;color: #333;line-height: 64px;font-weight: bold;} .active-design ul{margin-top: 50px;} .active-design li{float: left;width: 23.29%;margin: 0 2.28% 20px 0;box-sizing: border-box;border:1px solid #e4e4e4;background: #fff;height: 250px;border-radius: 3px;box-shadow: 0px 1px 20px 0px rgba(238, 238, 238, 1);overflow: hidden;animation-fill-mode:both;-webkit-animation-fill-mode:both;opacity: 0;transform:translateY(-40px);webkit-transform:translateY(-40px);} .active-design li.motion1{animation-delay:0.4s;-webkit-animation-delay:0.4s;} .active-design li.motion2{animation-delay:0.8s;-webkit-animation-delay:0.8s;} .active-design li.motion3{animation-delay:1.2s;-webkit-animation-delay:1.2s;} .active-design li.motion4{animation-delay:1.6s;-webkit-animation-delay:1.6s;} .fadeIn{ animation:fadeIn 1s; -webkit-animation:fadeIn 1s; } @keyframes fadeIn{ 0%{opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);} 100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} } @-webkit-keyframes fadeIn{ 0%{opacity:0;transform:translateY(-40px);-webkit-transform:translateY(-40px);} 100%{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} } .active-design li .main{margin: 53px 10px 0;text-align: center;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);} .active-design li .main i{display: block;width: 60px;height: 50px;margin: 0 auto 20px;background: url('../images/design_icon.png') no-repeat;background-size: 240px 50px;} .active-design li .main .icon2{background-position: -60px 0;} .active-design li .main .icon3{background-position: -120px 0;} .active-design li .main .icon4{background-position: -180px 0;} .active-design li:hover .main{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} .active-design li .main .title{font-size: 18px;color: #333;line-height: 26px;margin-bottom: 10px;} .active-design li .main .line{width: 30px;height: 3px;background: #74b513;margin: 0 auto 10px;} .active-design li .main p{font-size: 14px;color: #666;line-height: 20px;} .active-design li:last-child{margin-right: 0;} .active-genertation{padding: 55px 0 122px;background: url('../images/genertation_txt.png') no-repeat right 55px;background-size: 81%;} .active-genertation .container{position: relative;} .active-genertation .main{position: absolute;left: 28.12%;top: 68px;opacity: 0;-webkit-transform: translate3d(40px,0,0);transform: translate3d(40px,0,0);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;} .active-genertation .main p{font-size: 20px;color: #666;line-height: 30px;margin-bottom: } .active-genertation .main h3{font-size: 45px;font-weight: bold;line-height: 64px;text-align: center;color: #333;} .active-genertation .main h3 br{display: none;} .active-genertation .pic{opacity: 0;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;} .active-genertation .pic img{width: 100%;display: block;} .active-genertation .fadeMove{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .active-now{width: 100%;height: 315px;background: url('../img/active_now_pic.jpg') no-repeat center top;overflow: hidden;} .active-now .container{padding-top: 86px;} .active-now h3{font-size: 45px;color: #fff;font-weight: bold;text-align: center;line-height: 64px;text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);} .active-now .design-btn{margin: 20px auto 0;} @media screen and (max-width: 750px) { .active-banner{height: 9.72rem;background-size: 100%;background-image: url('../img/active_m_banner.jpg')} .active-banner .container{padding-top: .6rem;width: 100%;} .active-banner .left{width: 92%;margin: 0 auto .45rem;-webkit-transform: translate3d(0,-40px,0);transform: translate3d(0,-40px,0);} .active-banner .pic{width: 6.23rem;height: 2.43rem;background-image: url('../images/active_txt_m_pic.png');background-size: 100%;} .design-btn{width: 2.4rem;height: .75rem;line-height: .75rem;font-size: .28rem;} .active-banner .design-btn{margin-top: .3rem;} .active-banner .right{width: 100%;position: static;-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);} .active-design{padding: 1.1rem 0 .8rem;background-image: url('../images/design_txt_m.png');background-size: 5.8rem 3.26rem;background-position: .25rem 1.2rem;overflow: hidden;} .active-design .container{padding: 1.55rem .25rem 0;width: 100%;} .active-design .info{font-size: .32rem;line-height: .52rem;} .active-design h3{font-size: .58rem;line-height: .78rem;} .active-design ul{margin-top: .8rem;} .active-design ul li{width: 3.4rem;height: 3.02rem;margin: 0 .2rem .2rem 0;} .active-design ul li:nth-child(2n){margin-right: 0;} .active-design li .main{margin-top: .54rem;} .active-design li:last-child .main{margin-top: .36rem;} .active-design li .main i{display: block;width: .79rem;height: .66rem;background-size: 3.16rem .66rem;margin: 0 auto .2rem;} .active-design li .main .icon2{background-position: -.79rem 0;} .active-design li .main .icon3{background-position: -1.58rem 0;} .active-design li .main .icon4{background-position: -2.37rem 0;} .active-design li .main .title{font-size: .28rem;line-height: .46rem;margin-bottom: .12rem;} .active-design li .main .line{width: .6rem;height: .06rem;margin-bottom: .14rem;} .active-design li .main p{font-size: .24rem;line-height: .34rem;} .active-genertation{padding: .52rem 0 1.06rem;background-position: right .52rem;background-image: url('../images/genertation_txt_m.png');background-size: 7.23rem 3.26rem;overflow: hidden;} .active-genertation .container{width: 100%;} .active-genertation .main{position: static;padding: .3rem 0.25rem 0;text-align: right;-webkit-transform: translate3d(0,-40px,0);transform: translate3d(0,-40px,0);} .active-genertation .main p{font-size: .32rem;line-height: .52rem;} .active-genertation .main h3{font-size: .58rem;line-height: .7rem;margin-top: .04rem;text-align: right;} .active-genertation .main h3 br{display: block;} .active-banner .fadeMove, .active-genertation .fadeMove{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .active-now{height: 4.14rem;background-image: url('../img/active_now_m_pic.jpg');background-size: 100%;} .active-now .container{padding-top: 1.1rem;} .active-now h3{font-size: .6rem;line-height: .8rem;} .active-now .design-btn{margin: .3rem auto 0;} .new-aside{top: auto;bottom: 1rem;} .new-aside .link_md{display: none;} .new-aside .link_hd{display: none;} .new-aside .link_sj{display: none;} .new-aside .back{display: none !important;} .new-aside .link{width: 1.2rem;background-color: rgba(145,195,63, 0.8);height: 1.2rem;margin-bottom: 0.02rem;padding: 0.15rem 0;} .new-aside .link i{background: url(../images/new_aside.png) no-repeat;} .new-aside .link p { font-size: 0.24rem; line-height: 0.24rem;color: #fff; } .new-aside .kf{border-radius: 5px 5px 0 0;display: none;} .new-aside .link_hz{border-radius: 0 0 5px 5px;} } /*20200610yyw修改product/cross*/ .crs_box{} .content{width: 1186px;margin: 0 auto;} .tc{text-align: center;} .crs_box .pic{} .crs_box .pic img{width: 100%;} .crs_box .one{padding: 102px 0;} .crs_box .com_en{color: #242424;font-size: 20px;line-height: 20px;margin-bottom: 20px;} .crs_box .com_tit{color: #242424;font-size: 32px;line-height: 32px;margin-bottom: 25px;} .crs_box .com_line{background: #C2A47D;width: 84px;height: 2px;margin: 0 auto 28px;} .crs_box .com_p{color: #242424;font-size: 18px;line-height: 33px;margin-bottom: 40px;} .crs_box .one img{max-width: 100%;} .crs_box .two{padding: 95px 0 77px;} .crs_box .two .row{padding: 0 65px;margin-bottom: 24px;} .crs_box .two .row .item{width: 46.7%;height: 207px;} .crs_box .two .row .item img{} .crs_box .two .row .item .txt{width: calc(100% - 100px);padding-left: 24px;} .crs_box .two .row .item .tit{height: 42px;display: flex;align-items: flex-end;margin-bottom: 15px;} .crs_box .two .row .item b{font-size: 28px;color: #004E2F;line-height: 28px;} .crs_box .two .row .item i{font-family: cursive;font-size: 28px;color: #004E2F;position: relative; font-style: normal;top: 5px;margin: 0 4px;} .crs_box .two .row .item span{font-size: 17px;color: #004E2F;} .crs_box .two .row .item p{font-size: 18px;color: #333;line-height: 32px;} .crs_box .two .box{padding: 28px 130px 0;width: 1060px;height: 143px;background: #004E2F;margin: 0 auto;} .crs_box .two .box .img{width: 50%;} .crs_box .two .box img{max-width: 100%;} .crs_box .two .box .txt{width: 50%;padding-left: 32px;} .crs_box .two .box .tit{height: 42px;display: flex;align-items: flex-end;margin-bottom: 15px;} .crs_box .two .box b{font-size: 28px;color: #fff;line-height: 28px;} .crs_box .two .box i{font-family: cursive;font-size: 28px;color: #fff;position: relative; font-style: normal;top: 5px;margin: 0 4px;} .crs_box .two .box span{font-size: 17px;color: #fff;} .crs_box .two .box p{font-size: 18px;color: #fff;line-height: 32px;} .crs_box .three{padding: 90px 0 200px;} .crs_box .three .item{width: 22%;margin-right: 4%;} .crs_box .three .item:last-child{margin-right: 0;} .crs_box .three .item img{max-width: 100%;} .crs_box .three .item .tit{font-weight: bold;color: #333;font-size: 20px;margin: 24px 0 7px;line-height: 20px;} .crs_box .three .item .desc{font-size: 14px;line-height: 22px;color: #333;height: 110px;} .crs_box .three .item .box{font-size: 14px;color: #333;margin-bottom: 7px;} .crs_box .three .item .box b{font-size: 32px;color: #004E2F;} .crs_box .three .item .box span{font-size: 13px;color: #004E2F;} .crs_box .three .item p{font-size: 14px;line-height: 22px;color: #333;height: 90px;} .crs_box .four{height: 562px;width: 100%; background: -webkit-gradient(linear, 0 0, 0 100%, from(#DEDEDE), to(#F6F7F7)); background: -webkit-linear-gradient(#DEDEDE, #F6F7F7); background: -moz-linear-gradient(#DEDEDE, #F6F7F7); background: -o-linear-gradient(#DEDEDE, #F6F7F7); background: linear-gradient(#DEDEDE, #F6F7F7);} .crs_box .four .top{font-size: 34px;line-height: 48px;color: #fff;width: 662px;height: 146px;background: #BD9973;margin: 0 auto; display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;top: -80px;} .crs_box .four .top b{display: block;} .crs_box .four img{max-width: 100%;margin-top: -80px;} .crs_box .five{margin: 80px auto 0;padding-bottom: 190px;} .crs_box .five .swiper-container{padding-bottom: 40px;} .crs_box .five .swiper-slide img{max-width: 100%;} .crs_box .five .swiper-pagination{bottom: 0;} .crs_box .five .swiper-pagination-bullet{border: 1px solid #004E2F;width: 12px;height: 12px;opacity: 1;background: transparent;margin: 0 7px !important;} .crs_box .five .swiper-pagination-bullet-active{background: #004E2F;} .crs_box .six{width: 100%;position: relative;} .crs_box .six .box{height: 562px;width: 100%;position: absolute;top: 0; background: -webkit-gradient(linear, 0 0, 0 100%, from(#DEDEDE), to(#F6F7F7)); background: -webkit-linear-gradient(#DEDEDE, #F6F7F7); background: -moz-linear-gradient(#DEDEDE, #F6F7F7); background: -o-linear-gradient(#DEDEDE, #F6F7F7); background: linear-gradient(#DEDEDE, #F6F7F7); } .crs_box .six .content{position: relative;top: -80px;} .crs_box .six .top{font-size: 34px;line-height: 48px;color: #fff;width: 662px;height: 146px;background: #004E2F;margin: 0 auto; display: flex;align-items: center;justify-content: center;flex-direction: column;} .crs_box .six .top b{display: block;font-size: 40px;} .crs_box .six img{max-width: 100%;} .crs_box .six .com_en{margin-top: 35px;} .crs_box .seven{padding: 85px 0 45px;} .crs_box .seven .row{display: flex;justify-content: space-between;flex-wrap: wrap;} .crs_box .seven .row .item{width: 25%;height: 260px;} .crs_box .seven .row .item .img{height: 80px;} .crs_box .seven .row .item .img img{max-height: 100%;} .crs_box .seven .row .item .tit{margin: 20px 0 10px;font-size: 22px;line-height: 22px;font-weight: bold;color: #004E2F;} .crs_box .seven .row .item p{line-height: 22px;font-size: 14px;color: #333;} .crs_box .eight{padding: 100px 0 200px;} .crs_box .eight .line{background: #004E2F;width: 84px;height: 5px;margin: 0 auto 50px;} .crs_box .eight .tit{font-size: 36px;line-height: 36px;font-weight: bold;color: #333;margin-bottom: 55px;} .crs_box .eight .item{height: 294px;} .crs_box .eight .item .pic{width: 50%;height: 100%;} .crs_box .eight .item .pic img{display: none;max-width: 100%;} .crs_box .eight .item .box{padding: 50px 100px 0 65px;border: 1px solid #dedede;border-left: none;width: 50%;height: 100%;} .crs_box .eight .item .box .text{width: calc(50% - 8px);margin-right: 16px;height: 38px;border: 1px solid #dedede;font-size: 13px; color: #666;padding-left: 10px;} .crs_box .eight .item .box .text:last-child{margin-right: 0;} .crs_box .eight .row {margin-bottom: 15px;} .crs_box .eight .once_select{position: relative;z-index: 2;width: calc(50% - 8px);height: 38px;background: #fff;float: left;margin-right: 16px;border: 1px solid #dedede;} .crs_box .eight .once_select:nth-child(2){margin-right: 0;} .crs_box .eight .once_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;white-space: nowrap; background: url('../img/coating_arrow.png') no-repeat right 10px center;cursor: pointer;background-size: 12px;} .crs_box .eight .once_select ul{position: absolute;left: 0;bottom: 38px;background: #fff;z-index: 2;display: none;width: 100%;overflow-y: scroll; max-height: 215px;white-space: nowrap;border: 1px solid #dedede;} .crs_box .eight .once_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;cursor: pointer;} .crs_box .eight .case_btn{ width: 157px; height:40px; border-radius:20px; background:#004E2F; border:1px solid #004E2F; font-size:14px; color:#fff; margin-top:8px; cursor:pointer; } .crs_box .eight .case_btn:hover{ background:none; color:#004E2F; } .crs_box .eight .item .type_row .text{width: 100%;background: #fff;} .coating_bespoke{left: 0;bottom: 0;width: 100%;height: 94px;z-index: 3;background: #004E2F;position: fixed;} .coating_bespoke .main{width: 100%;padding-top: 28px;} .coating_bespoke .layform{margin-left: 40px;} .coating_bespoke .mspan{font-size: 26px;color: #fff;} .coating_bespoke .main .name{font-size: 16px;line-height: 36px;margin-bottom: 12px;color: #fff;display: none;} .coating_bespoke .main .con {position: relative;z-index: 0;} .coating_bespoke .main .con .bespoke_text{display: block;float: left;width: 190px;height: 38px;background: #fff;border:none; margin-right: 6px;padding: 0 20px;font-size: 14px;color: #232323;position: relative;z-index: 2;} .coating_bespoke .main .con .bespoke_phone{width: 190px;} .bespoke_select{position: relative;z-index: 2;width: 150px;height: 38px;background: #fff;float: left;margin-right: 6px;} .bespoke_select p{padding: 0 20px 0 12px;font-size: 14px;color: #232323;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; background: url('../img/coating_arrow.png') no-repeat right 10px center;cursor: pointer;} .bespoke_select ul{position: absolute;left: 0;bottom: 38px;background: #fff;z-index: 2;display: none;width: 100%;overflow-y: scroll; max-height: 215px;white-space: nowrap;} .bespoke_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 38px;cursor: pointer;} /*2018.10.31*/ .coating_bespoke .main .con .bespoke_btn{width: 140px;border-radius: 40px;margin-left: 32px; height: 40px;background: #fff;font-size: 18px;color: #004E2F;border:none;transition: all 0.3s;font-weight: bold;} .coating_bespoke .main .con .bespoke_btn:hover{font-size: 16px;} .hg94{height: 94px;} .msg_pop_main { background: rgba(0,0,0,0.7); max-width: 250px; position: fixed; left: 50%; top: 50%; z-index: 1000; display: none; border-radius: 3px; font-size: 12px; padding: 10px; color: #fff; } @media screen and (max-width: 1280px){ .crs_box .two .box{width: 94%;} } @media screen and (max-width: 750px){ .content{width: 94%;} .crs_box .pic img {height: 4.4rem;object-fit: cover;} .crs_box .one {padding: 1rem 0;} .crs_box .com_en {font-size: 0.26rem;line-height: 0.26rem;margin-bottom: 0.4rem;} .crs_box .com_tit {font-size: 0.4rem;line-height: 0.4rem;margin-bottom: 0.4rem;} .crs_box .com_line{margin: 0 auto 0.3rem;} .crs_box .com_p {font-size: 0.26rem;line-height: 0.46rem;margin-bottom: 0.5rem;} .crs_box .com_p br{display: none;} .crs_box .two{padding: 1rem 0;} .crs_box .two .row{padding: 0;margin-bottom: 0.4rem;} .crs_box .two .row .item {width: 100%;height: auto;margin-bottom: 0.4rem;} .crs_box .two .row .item img {width: 1rem;} .crs_box .two .row .item .txt {width: calc(100% - 1rem);padding-left: 0.3rem;} .crs_box .two .row .item .tit{height: 0.36rem;margin-bottom: 0.2rem;} .crs_box .two .row .item b{font-size: 0.36rem;line-height: 0.36rem;} .crs_box .two .row .item i{font-size: 0.5rem;} .crs_box .two .row .item span{font-size: 0.24rem;} .crs_box .two .row .item p {font-size: 0.26rem;line-height: 0.46rem;} .crs_box .two .box {padding: 0.3rem 0.5rem;height: auto;} .crs_box .two .box .img {width: 100%;height: 1rem;} .crs_box .two .box .txt { width: 100%;padding-left: 0;margin-top: 0.4rem;} .crs_box .two .box .tit{height: 0.36rem;margin-bottom: 0.2rem;} .crs_box .two .box .tit b{font-size: 0.36rem;line-height: 0.36rem;} .crs_box .two .box .tit i{font-size: 0.5rem;} .crs_box .two .box .tit span{font-size: 0.24rem;} .crs_box .two .box p {font-size: 0.26rem;line-height: 0.46rem;} .crs_box .three{padding: 1rem 0;} .crs_box .three .item {width: 100%;margin-right: 0;margin-bottom: 0.8rem;} .crs_box .three .item img {max-height: 4rem;display: block;margin: 0 auto;} .crs_box .three .item .tit{font-size: 0.36rem;margin: 0.3rem 0 0.1rem;line-height: 0.36rem;} .crs_box .three .item .desc {font-size: 0.26rem;line-height: 0.46rem;height: auto;margin-bottom: 0.3rem;} .crs_box .three .item .box {font-size: 0.26rem;margin-bottom: 0.1rem;} .crs_box .three .item .box b{font-size: 0.4rem;} .crs_box .three .item p{font-size: 0.26rem;line-height: 0.46rem;height: auto;margin-bottom: 0.2rem;} .crs_box .four{height: 3rem;} .crs_box .four .top{width: 80%;font-size: 0.4rem;line-height: 0.54rem;top: -0.8rem;height: 1.6rem;} .crs_box .four img{margin-top: -0.8rem;} .crs_box .five .swiper-pagination-bullet{width: 8px;height: 8px;} .crs_box .five .swiper-container {padding-bottom: 30px;margin-bottom: 0.3rem;} .crs_box .five {margin: 1.6rem auto 0;padding-bottom: 2rem;} .crs_box .six .box{height: 4rem;} .crs_box .six .content{top: -0.8rem;} .crs_box .six .top{width: 80%;font-size: 0.4rem;line-height: 0.54rem;top: -0.8rem;height: 1.6rem;} .crs_box .six .top b{font-size: 0.4rem;} .crs_box .seven .com_tit b{display: block;margin-bottom: 0.1rem;} .crs_box .seven{padding: 1rem 0 0;} .crs_box .seven .row .item{width: 50%;height: 3.6rem;} .crs_box .seven .row .item .img {height: 0.8rem;} .crs_box .seven .row .item .tit {margin: 0.3rem 0 0.1rem;font-size: 0.32rem;line-height: 0.32rem;} .crs_box .seven .row .item p {line-height: 0.4rem;font-size: 0.24rem;} .crs_box .eight{padding: 1rem 0;} .crs_box .eight .line{margin: 0 auto 0.4rem;width: 60px;height: 3px;} .crs_box .eight .tit{font-size: 0.4rem;line-height: 0.4rem;margin-bottom: 0.7rem;} .crs_box .eight .item {height: auto;} .crs_box .eight .item .pic {width: 100%;height: auto;background: transparent;} .crs_box .eight .item .pic img{display: inline;} .crs_box .eight .item .box {padding: 0.5rem 0.3rem 0.2rem;border-left: 1px solid #dedede;width: 100%;height: auto;} .coating_bespoke{height: auto;padding-bottom: 0.5rem;bottom: -3.1rem;} .coating_bespoke .coating-con{width: 100%;padding: 0 3%;} .coating_bespoke .mspan{width: 100%;font-size: 0.36rem;} .coating_bespoke .layform{margin-left: 0;margin-top: 0.3rem;} .coating_bespoke .main .con .bespoke_text{width: 49%;margin-right: 0;margin-bottom: 0.2rem;height: 0.66rem;border-radius: 0;padding: 0 0.2rem;} .coating_bespoke .main .con .bespoke_phone{width: 49%;margin-left: 2%;margin-bottom: 0.2rem;height: 0.66rem;} .bespoke_select{width: 49%;margin-right: 0;margin-bottom: 0.4rem;height: 0.66rem;padding: 0 12px;} .bespoke_select ul{bottom: 0.66rem;} .bespoke_select.bespoke_cheng{margin-left: 2%;} .coating_bespoke .main .con .bespoke_btn{width: 2rem;height: 0.6rem;margin-left: 0;font-size: 0.3rem;} .coating_bespoke .main .con .bespoke_btn:hover{font-size: 0.3rem;} .coating_bespoke .main{padding-top: 0.2rem;} .bespoke_select p{padding: 0;line-height: 0.66rem;background-size: 0.2rem;} .hg94{height: .89rem;} } /*品牌实力新*/ .adva-main .container{width: 1340px;} .adva-main .xs-hidden{display: block !important;} .adva-main .xs-show{display: none !important;} .adva-main .animated{animation-duration:1s;} .adva-banner img{display: block;width: 100%;} .adva-brand{background: url('../img/adva_brand_bg1.jpg') no-repeat right center;} .adva-brand .container{padding-top: 47px;} .adva-title{text-align: center;margin: 0 auto;position: relative;width: 240px;} .adva-title::before, .adva-title::after{content: '';width: 93px;height: 1px;background: #d2d2d2;top: 42px;left: -93px;position: absolute;} .adva-title::after{left: auto;right: -93px;} .adva-title h5{font-size: 30px;line-height: 44px;color: #292929;font-weight: normal;} .adva-title .en{font-size: 12px;line-height: 24px;color: #292929;text-transform: uppercase;font-weight: 300;} .adva-brand .info{font-size: 18px;line-height: 45px;color: #161616;text-align: left;margin-top: 2px;} .adva-brand .info p{font-size: 18px;line-height: 45px;color: #161616;text-align: left;margin-top: 2px;} .adva-brand .info p span{font-size: 18px;line-height: 45px;color: #161616;text-align: left;margin-top: 2px;} .adva-core{height: 800px;background: url('../img/adva_core_bg.jpg') no-repeat center center;} .adva-core .container{padding-top: 105px;} .adva-core .adva-title h5{color: #fff;} .adva-core .adva-title .en{color: #cecece;} .adva-core .adva-title::before, .adva-core .adva-title::after{background: #e5e5e5;} .adva-core .info{font-size: 18px;line-height: 42px;margin-top: 42px;text-align: center;color: #fff;} .adva-core .pics{display: flex;justify-content: space-between;width: 1190px;margin: 56px auto 0;} .adva-core .pics img{display: block;width: 100%;} .adva-core .pics .img1{width: 660px;} .adva-core .pics .img2{width: 510px;} .adva-sale{height: 729px;background: url('../img/adva_sale_bg.jpg') no-repeat center center;} .adva-sale .container{padding-top: 92px;} .sale-box{display: flex;margin-top: 50px;flex-direction: row-reverse;} .sale-box .pic{width: 945px;margin-left: 22px;} .sale-box .pic img{display: block;width: 100%;} .sale-box .info{margin-top: 62px;position: relative;z-index: 10;} .sale-box .info p{font-size: 18px;color: #161616;line-height: 36px;} .sale-box .info .num{position: relative;height: 81px; line-height: 65px;font-size: 24px;font-weight: bold;color: #275e3e;margin-bottom: 22px;padding-bottom: 16px;} .sale-box .info .num::after{display: none; content: '';width: 405px;bottom: 0;right: -40px;height: 2px;background: #245c3b;position: absolute;} .sale-box .info .num::before{display: none; content: '';width: 10px;height: 10px;border:2px solid #245c3b;bottom: -4px;right: 365px;border-radius: 50%;position: absolute;} .sale-box .info .num span{font-size: 50px;} .adva-resource{height: 657px;background:url('../img/adva_resource_bg.jpg') no-repeat center center;} .adva-resource .container{padding-top: 94px;} .adva-resource .container{padding-top: 105px;} .adva-resource .adva-title h5{color: #fff;} .adva-resource .adva-title .en{color: #cecece;} .adva-resource .adva-title::before, .adva-resource .adva-title::after{background: #e5e5e5;} .adva-resource .pic{width: 151px;margin: 55px auto 0;} .adva-resource .pic img{display: block;width: 100%;} .adva-resource h4{font-size: 25px;font-weight: bold;text-align: center;color: #fff;line-height: 34px;margin-top: 18px;} .adva-resource .info{text-align: center;font-size: 18px;line-height: 42px;color: #fff;margin-top: 30px;} .adva-manufacture{height: 747px;background: url('../img/adva_manu_bg.jpg') no-repeat center center;} .adva-manufacture .container{padding-top: 93px;} .manu-box{display: flex;margin-top: 40px;} .manu-box .info{margin: 53px 0 0 88px;position: relative;z-index: 10;} .manu-box h5{font-size: 25px;line-height: 35px;color: #161616;font-weight: normal;} .manu-box .txt{font-size: 18px;line-height: 42px;color: #161616;margin-top: 30px;position: relative;} .manu-box .txt::before{content: '';width: 609px;height: 2px;background: #245c3b;position: absolute;left: -15px;bottom: -48px;} .manu-box .txt::after{content: '';width: 10px;height: 10px;border:2px solid #245c3b;position: absolute;left: 594px;bottom: -52px;border-radius: 50%;} .manu-box .pic{width: 734px;margin-left: 22px;} .manu-box .pic img{display: block;width: 100%;} .adva-science{padding: 93px 0 102px;} .science-box{display: flex;flex-direction: row-reverse;margin-top: 44px;justify-content: space-between;} .science-box .pic{width: 633px;} .science-box .pic img{display: block;width: 100%;} .science-box .info{width: 663px;margin-top: 60px;position: relative;z-index: 10;} .science-box .txt{font-size: 18px;line-height: 36px;color: #161616;position: relative;} .science-box .txt::after{content: '';width: 726px;height: 2px;background: #245c3b;position: absolute;right: 0;bottom: -22px;} .science-box .txt::before{content: '';width: 10px;height: 10px;border:2px solid #245c3b;position: absolute;right: 726px;bottom: -26px;border-radius: 50%;} .science-box .list{display: flex;justify-content: space-between;margin-top: 52px;} .science-box .list .item{font-size: 22px;line-height: 31px;color: #797979;padding-left: 47px;margin-bottom: 21px;background: url('../images/scinece_icon.png') no-repeat;} .adva-result{height: 747px;background: url('../img/adva_result_bg.jpg') no-repeat center center;} .adva-result .container{padding-top: 94px;} .adva-result .adva-title h5{color: #fff;} .adva-result .adva-title .en{color: #cecece;} .adva-result .adva-title::before, .adva-result .adva-title::after{background: #e5e5e5;} .adva-result .pic{width: 1320px;margin: 58px auto 0;} .adva-result .pic img{display: block;width: 100%;} .adva-history{background: #f3f3f3;padding: 94px 0 116px;} .adva-history .info{font-size: 18px;line-height: 36px;margin-top: 18px;text-align: center;color: #232323;} .adva-history .info br{display: none;} .adva-history .list{display: flex;justify-content: center;margin-top: 32px;} .adva-history .list .item{display: flex;align-items: center;font-size: 27px;color: #232323;font-weight: bold;margin: 0 46px;} .adva-history .list .item img{display: block;height: 51px;margin-left: 18px;} .adva-history .pic{width: 100%;margin-top: 48px;} .adva-history .pic img{display: block;width: 100%;} .adva-honor{padding: 94px 0 116px;} .adva-honor .info{text-align: center;font-size: 18px;color: #232323;line-height: 42px;margin-top: 25px;} .adva-honor .pic{width: 1044px;margin: 34px auto 0;} .adva-honor .pic img{display: block;width: 100%;} @media screen and (max-width: 1366px){ .adva-main .container{width: 1200px;} .sale-box .pic{margin-left: 0;} .manu-box .info{margin-left: 0;} .manu-box .pic{width: 710px;} .science-box .info{width: 580px;margin-top: 40px;} .science-box .pic{width: 580px;} .adva-result .pic{width: 100%;} } @media screen and (max-width: 750px){ .adva-main .container{width: 92%;} .adva-main .xs-hidden{display: none !important;} .adva-main .xs-show{display: block !important;} .adva-title{width: 2.4rem;} .adva-title::before, .adva-title::after{width: .93rem;top: .42rem;left: -.93rem;} .adva-title::after{left: auto;right: -.93rem;} .adva-title h5{font-size: .36rem;line-height: .5rem;} .adva-title .en{font-size: .12rem;line-height: .24rem;} .adva-brand{background-image: url('../img/adva_brand_m_bg.jpg');background-size: cover;} .adva-brand .container{padding-top: .78rem;} .adva-brand .info{margin-top: .32rem;font-size: .23rem;line-height: .47rem;text-align: justify;text-indent: 2em;} .adva-brand .info br{display: none;} .adva-core{background-image: url('../img/adva_core_m_bg.jpg');background-size: cover;height: 13rem;} .adva-core .container{padding-top: 1.04rem;} .adva-core .info-m{font-size: .23rem;line-height: .47rem;color: #fff;text-align: center;margin-top: .4rem;} .adva-core .pics{width: 6.6rem;margin-top: .5rem;display: block;} .adva-core .pics .img1{width: 100%;} .adva-core .pics .img2{width: 5.1rem;margin: .34rem auto 0;} .adva-sale{background-image: url('../img/adva_sale_m_bg.jpg');background-size: cover;height: 8.58rem;} .adva-sale .container{padding-top: .92rem;} .sale-box{display: block;margin-top: .34rem;} .sale-box .info{margin-top: 0;text-align: center;} .sale-box .info p{font-size: .23rem;line-height: .47rem;} .sale-box .info .num{height: .78rem;line-height: .78rem;font-size: .3rem;padding-bottom: 0;margin-bottom: .03rem;} .sale-box .info .num::after, .sale-box .info .num::before{display: none;} .sale-box .info .num span{font-size: .6rem;} .sale-box .pic{width: 7.3rem;margin-left: -.2rem;margin-top: .56rem;} .adva-resource{background-image: url('../img/adva_resource_m_bg.jpg');background-size: cover;height: 8.91rem;} .adva-resource .container{padding-top: .94rem;} .adva-resource .pic{width: 1.66rem;margin-top: .56rem;} .adva-resource h4{font-size: .28rem;line-height: .38rem;margin-top: .2rem;} .adva-resource .info{font-size: .23rem;line-height: .47rem;margin-top: .5rem;} .adva-manufacture{background-image: url('../img/adva_manu_m_bg.jpg');background-size: cover;height: 8.96rem;} .adva-manufacture .container{padding-top: .92rem;} .manu-box{display: block;margin-top: .38rem;} .manu-box .info{margin: 0;text-align: center;} .manu-box h5{font-size: .28rem;line-height: .38rem;color: #365c41;} .manu-box .txt{margin-top: .12rem;font-size: .23rem;line-height: .47rem;} .manu-box .txt::before, .manu-box .txt::after{display: none;} .manu-box .pic{width: 4.77rem;margin: .3rem auto 0;} .adva-science{padding: .86rem 0 1.04rem;} .science-box{display: block;margin-top: .3rem;} .science-box .info{margin-top: 0;width: 100%;} .science-box .txt{text-align: center;font-size: .23rem;line-height: .47rem;} .science-box .txt::after{width: .02rem;height: 3.46rem;left: .93rem;right: auto;bottom: -3.76rem;} .science-box .txt::before{width: .1rem;height: .1rem;border-width: .02rem;left: .89rem;bottom: -3.86rem;} .science-box .list{display: block;padding: .4rem 0 0 1.42rem;margin-top: 0;} .science-box .list .item{font-size: .23rem;line-height: .31rem;background-size: .35rem .31rem;padding-left: .48rem;margin-bottom: .21rem;} .science-box .pic{width: 6.33rem;margin: .37rem auto 0;} .adva-result{background-image: url('../img/adva_result_m_bg.jpg');background-size: cover;height: 11.54rem;} .adva-result .container{padding-top: .92rem;} .adva-result .pic{width: 6.85rem;margin: .56rem auto 0;} .adva-history{padding: .92rem 0 .96rem;} .adva-history .info{font-size: .23rem;line-height: .47rem;margin-top: .34rem;} .adva-history .info br{display: block;} .adva-history .list{justify-content: space-between;margin-top: .32rem;padding: 0 .27rem;} .adva-history .list .item{margin: 0;height: .51rem;font-size: .27rem;} .adva-history .list .item img{height: .51rem;margin-left: .16rem;} .adva-history .pic{margin: .56rem 0 0 .85rem;width: 5.59rem;} .adva-honor{padding: .92rem 0 .96rem;} .adva-honor .info{font-size: .23rem;line-height: .47rem;margin-top: .22rem;width: 7.5rem;margin-left: -.3rem;} .adva-honor .pic{width: 100%;margin-top: .34rem;} } /*加盟优势*/ .advantage-banner{height: 624px;background-repeat: no-repeat;background-position: center center;} .advatage-main .container{width: 1188px;} .advatage-main .nav{display: flex;padding: 18px 0 40px;} .advatage-main .nav a{flex-grow: 1;display: block;font-size: 20px;line-height: 34px;color: #939393;text-align: center;position: relative;} .advatage-main .nav a:hover{color: #005e3c;} .advatage-main .nav a.active{color: #005e3c;} .advatage-main .nav a.active::after{content: '';width: 54px;height: 2px;background: #005e3c;position: absolute;left: 50%;bottom: -2px;margin-left: -27px;} .advatage-box .pic{height: 405px;background-repeat: no-repeat;background-position: center center;display: none;} .adv-tit{text-align: center;} .adv-tit .en{font-size: 16px;line-height: 24px;font-weight: 300;color: #aaa;font-family: Arial, Helvetica, sans-serif;} .adv-tit .lines{display: flex;justify-content: center;margin-top: 10px;} .adv-tit .line1{width: 60px;height: 3px;border-radius: 3px;background: #05744b;} .adv-tit .line2{width: 15px;height: 3px;margin-left: 3px;background: #bfbfbf;border-radius: 3px;} .adv-tit .title{font-size: 30px;line-height: 52px;color: #535353;} .adv-tit .info{font-size: 18px;line-height: 26px;color: #535353;margin-top: 25px;} .adv-tit .info span{font-weight: bold;font-size: 18px;} .advatage-main .company-box{padding: 40px 0 70px;} .advatage-main .company-box .data{display: flex;margin-top: 58px;height: 103px;background: #f3f1ef;align-items: center;overflow: hidden;} .advatage-main .company-box .data .item{text-align: center;position: relative;flex-grow: 1;} .advatage-main .company-box .data .item::after{content: '';width: 1px;height: 50px;background: #cacaca;position: absolute;right: 0;top: 50%;margin-top: -25px;} .advatage-main .company-box .data .item:last-child::after{display: none;} .advatage-main .company-box .data .year{font-size: 18px;line-height: 1;color: #6a6a6a;} .advatage-main .company-box .data .year span{font-size: 18px;color: #ababab;position: relative;top: -0;margin-left: 4px;} .advatage-main .company-box .data .item:nth-child(3) .year span, .advatage-main .company-box .data .item:last-child .year span{top: -5px;} .advatage-main .company-box .data p{font-size: 18px;color: #282828;line-height: 1;margin-top: 5px;} .advatage-main .company-box .video{margin-top: 10px;position: relative;} .advatage-main .company-box .video img{display: block;width: 100%;} .advatage-main .company-box .video::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);z-index: 5;} .advatage-main .company-box .player{display: block;width: 121px;height: 121px;background: url('../img/adv/player.png') no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;} .advatage-main .company-box video{display: none;width: 100%;position: relative;z-index: 10;background: #fff;} .advatage-main .company-box .video-show::after{display: none;} .advatage-main .pattern-box{position: relative;padding: 60px 0 60px;} .advatage-main .pattern-box::before{content: '';width: 100%;height: 462px;background: #ddd8d2;position: absolute;left: 0;top: 0;} .advatage-main .pattern-box .container{position: relative;z-index: 10;} .advatage-main .pattern-main{background: #fff;margin: 60px 7.9167vw 0;background: #fff;position: relative;z-index: 10;padding-top: 50px;} .advatage-main .pattern-main .list{display: flex;justify-content: space-between;} .advatage-main .pattern-main .list .item{width: 288px;} .advatage-main .pattern-main .list .item img{display: block;width: 100%;} .advatage-main .pattern-main .list .item p{font-size: 18px;height: 36px;color: #000;margin-top: 8px;display: flex;align-items: center;} .advatage-main .pattern-main .list .item p img{width: 32px;margin: 0 13px 0 10px;} .advatage-main .pattern-main .content{display: flex;margin-top: 37px;border:1px solid #7c7c7c;border-right:none;} .advatage-main .pattern-main .content .item{display: flex;height:100px;align-items: center;justify-content: center;flex-grow: 1;border-right: 1px solid #7c7c7c;} .advatage-main .pattern-main .content img{display: block;height: 65px;margin-right: 10px;} .advatage-main .pattern-main .content .txt{font-size: 16px;line-height: 24px;color: #666;max-width:220px} .advatage-main .pattern-main .content .txt span{font-size: 16px;font-weight: bold;} .advatage-main .subs-box{padding: 50px 0 88px;} .advatage-main .subs-box .list{display: flex;justify-content: space-between;margin-top: 56px;} .advatage-main .subs-box .list .item{width:288px;} .advatage-main .subs-box .list img{display: block;width: 100%;} .advatage-main .subs-box .list .xs-show{display: none;} .advatage-main .subs-box .list .main{border:1px solid #7c7c7c;height:244px;padding-top:15px;text-align: center;} .advatage-main .subs-box .list .name{font-size: 20px;line-height: 32px;color:#000;margin:0 auto;width:202px;border-bottom: 1px solid #7c7c7c;} .advatage-main .subs-box .list .num{font-size: 14px;line-height: 35px;color: #006d46;margin-top: 10px;} .advatage-main .subs-box .list span{font-size: 32px;font-weight: bold;} .advatage-main .subs-box .list .txt{font-size: 15px;color:#474747;line-height: 22px;margin-top: 12px;} .advatage-main .color-box{position: relative;padding-top: 80px;} .advatage-main .color-box::before{content:'';left:0;top:0;width:100%;height: 462px;background:#ddd8d2;z-index: 5;position: absolute;} .advatage-main .color-box .container{position: relative;z-index: 10;} .advatage-main .color-box .pic{margin-top: 40px;} .advatage-main .color-box .pic img{display: block;width: 100%;} .advatage-main .product-box{position: relative;z-index: 10;} .advatage-main .product-box .adv-tit{margin-top: -54px;} .advatage-main .product-box .main{display: flex;margin: 50px auto 0;max-width: 1920px;} .advatage-main .product-box .nav{width: 19.2708vw;height: 42.7083vw;display: flex;flex-direction: column;padding: 0 !important;} .advatage-main .product-box .nav .item{flex-grow: 1;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #939393;font-size: 20px;color: #8c8c8c;width: 100%;cursor: pointer;} .advatage-main .product-box .nav .item:last-child{border-bottom: none;} .advatage-main .product-box .nav .item:hover{color: #005e3c;} .advatage-main .product-box .nav .active{background: #005e3c;border-color: #005e3c;color: #fff !important;} .advatage-main .product-box .tabs{width: 80.7292vw;height: 42.7083vw;} .advatage-main .product-box .tabs .item{position: relative;} .advatage-main .product-box .tabs .bg{height: 42.7083vw;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;} .advatage-main .product-box .tabs .yin{position: absolute;right: 0;top: 0;width: 19.0625vw;height: 100%;display: flex;align-items: center;padding-left: 3.3854vw;background: rgba(0, 0, 0, 0.6);} .advatage-main .product-box .tabs img{display: block;} .advatage-main .product-box .swiper-mp{display: none;} /*加盟支持*/ .support-banner{height: 390px;background-repeat: no-repeat;background-position: center center;} .help-box{padding: 32px 0 32px;} .pxfn-box{padding: 26px 0 55px;background: #f7f7f7;} .jdzc-box{padding: 42px 0 25px;} .hdfn-box{padding: 40px 0 62px;background: #f7f7f7;} .xsyl-box{padding: 43px 0 52px;} .zczc-box{padding: 52px 0 40px;} .img-tit{text-align: center;} .img-tit .title{font-size: 30px;line-height: 56px;color: #535353;} .img-tit .en{font-size: 14px;color: #aaa;line-height: 28px;text-transform: uppercase;} .img-tit .arrow{width: 21px;height: 16px;background: url('../img/adv/img_arrow.png') no-repeat;margin: 17px auto 0;} .support-main .s-tit{text-align: center;color: #535353;} .support-main .s-tit .title{font-size: 26px;line-height: 44px;} .support-main .s-tit p{font-size: 16px;line-height: 30px;} .support-main .s-tit .lines{display: flex;justify-content: center;margin-top: 6px;} .support-main .s-tit .line1{width: 60px;height: 3px;border-radius: 3px;background: #05744b;} .support-main .s-tit .line2{width: 15px;height: 3px;margin-left: 3px;background: #bfbfbf;border-radius: 3px;} .swiper-scom {position: relative;} .swiper-scom .swiper-button-next, .swiper-scom .swiper-button-prev{position: absolute;left: -35px;top: 0;width: 35px;height: 100%;display: flex;align-items: center;justify-content: center;background: #eee6dd;margin: 0;} .swiper-scom .swiper-button-next{left: auto;right: -35px;} .swiper-scom .swiper-button-next i, .swiper-scom .swiper-button-prev i{display: block;width: 13px;height: 35px;background: url('../img/adv/scom_arrow.png') no-repeat;} .swiper-scom .swiper-button-next i{transform: rotate(180deg);} .swiper-help{margin-top: 40px;} .swiper-help .img{height: 270px;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover;} .swiper-help .name{font-size: 16px;line-height: 26px; width:100%; color: #fff;position: absolute;left: 0;bottom: 6px;text-align: center;} .help-info{font-size: 15px;line-height: 24px;margin: 10px 0 50px;color: #6e6e6e;} .v-list{padding: 44px 0 30px;display: flex;justify-content: space-between;flex-wrap: wrap;} .v-list .item{width: 588px;margin-bottom: 28px;} .v-list .item .name{font-size: 20px;line-height: 30px;color: #373737;padding-left: 10px;position: relative;} .v-list .item .name::before{content: '';width: 6px;height: 6px;background: #206647;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -3px;} .v-list .item p{font-size: 15px;line-height: 24px;color: #757575;} .v-list .item .img{background-repeat: no-repeat;background-size: cover;background-position: center center;height: 265px;position: relative;margin-top: 10px;} .v-list .item .img::after{content:'';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.35);position: absolute;left: 0;top: 0;z-index: 5;} .v-list .item .player{display: block;width: 51px;height: 49px;background: url('../img/adv/s_player.png') no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;} .v-list .item .txt{font-size: 15px;line-height: 24px;color: #757575;margin-top: 10px;} .swiper-active{position: relative;margin-top: 30px;} .swiper-active .img{height: 296px;background-repeat: no-repeat;background-size: cover;background-position: center center;} .a-info{font-size: 15px;line-height: 24px;margin: 10px 0 45px;color: #6e6e6e;} .swiper-online{position: relative;margin-top: 30px;} .swiper-online .img{height: 283px;background-repeat: no-repeat;background-size: cover;background-position: center center;} .o-info{font-size: 15px;line-height: 24px;margin: 10px 0 50px;color: #6e6e6e;} .nine-list{padding: 54px 0 58px;display: flex;flex-wrap: wrap;justify-content: space-between;} .nine-list .item{width: 389px;height: 221px;background: #eee6dd;box-sizing: border-box;padding: 26px 0 0 40px;position: relative;margin-bottom: 40px;} .nine-list .item::after{content: '';width: 29px;height: 26px;background: url('../img/adv/nine_n_arrow.png') no-repeat;position: absolute;top: 0;left: 0;z-index: 5;} .nine-list .item .name{display: flex;align-items: center;font-size: 20px;color: #5e5e5e;} .nine-list .item img{display: block;height: 31px;margin-right: 8px;} .nine-list .item .txt{font-size: 15px;color: #6a6a6a;line-height: 25px;margin-top: 10px;} .swiper-nine{display: none;} .request-banner{position: relative;height: 430px;background-repeat: no-repeat;background-position: center center;} .request-box{padding: 70px 0 64px;background-color: #f7f7f7;position: relative;} .request-box .list{display: flex;justify-content: space-between;margin: 55px auto 0;position: relative;width: 1102px;} .request-box .list::before{content: '';width: 100%;height:1px;top: 62px;border-top: 1px dashed #9f9f9f;position: absolute;left: 0;} .request-box .list .img{display: flex;align-items: center;justify-content: center;width: 124px;height: 124px;background: #dfdfdf;border-radius: 50%;position: relative;z-index: 10;} .request-box .list .img img{display: block;transform: scale(.9, .9);} .request-box .list p{font-size: 18px;text-align: center;color: #5e5e5e;margin-top: 10px;line-height: 30px;} .busi-box{padding: 42px 0 88px;} .busi-box .main{display: flex;justify-content: space-between;margin-top: 30px;} .busi-box .pic{width: 555px;} .busi-box .pic img{display: block;width: 100%;} .busi-box .box{width: 592px;} .busi-box .box .item{margin-bottom: 28px;} .busi-box .box .item:last-child{margin-bottom: 0;} .busi-box .box .s-title{font-size: 20px;line-height: 26px;color: #282828;padding-left: 40px;position: relative;} .busi-box .box .s-title::before{content: '';width: 23px;height: 26px;background-color: #005e3c;position: absolute;left: 0;top: 0;} .busi-box .box .txt{margin-left: 40px;border-bottom: 1px solid #ccc;margin-top: 15px;padding-bottom: 13px;} .busi-box .box .txt p{font-size: 15px;line-height: 26px;color: #808080;margin-bottom: 6px;} .busi-box .box .txt p span{font-weight: bold;font-size: 15px;} .busi-box .box .item:last-child .txt{padding-bottom: 0;border-bottom: none;} .net-banner{height: 403px;position: relative;background-repeat: no-repeat;background-position: center center;} .net-box{padding: 50px 0 33px;position: relative;background: #f7f7f7;} .net-box .map{position: relative;display: flex;margin-left: 60px;} .net-box .map img{display: block;width: 511px;margin-right: 135px;} .net-box .map .main{width: 238px;display: flex;justify-content: space-between;} .net-box .map .main .name{font-size: 18px;line-height: 38px;color: #5f5f5f;} .net-box .map .title{font-size: 20px;line-height: 42px;color: #88846e;} .net-box .map .form{width: 179px;} .net-box .map .item{margin-bottom: 25px;position: relative;z-index: 0;display: flex;align-items: center;height: 38px;} .net-box .map .item .name{font-size: 14px;color: #ccc;line-height: 2;} .net-box .map .item .select{width: 179px;} .net-box .map .item .select p{width: 179px;height: 38px;cursor: pointer;font-size: 16px;line-height: 36px;color: #7d7d7d;border:1px solid #7c7c7c;text-align: right;padding-right: 25px;position: relative;} .net-box .map .item .select p::after{content: '';width: 15px;height: 11px;background: url('../img/adv/add_arrowb.png') no-repeat;position: absolute;right: 8px;top: 50%;margin-top: -5px;} .net-box .map .item .select ul{width: 100%;position: absolute;left: 0;top: 37px;border:1px solid #7c7c7c;background: #fff;overflow-y: auto;max-height: 182px;display: none;} .net-box .map .item .select li{padding: 0 10px;font-size: 12px;line-height: 36px;color: #7d7d7d;} .net-box .map .item-bot{padding-top: 6px;} .net-box .map .item-bot .btn{display: block;margin: 0 auto; height: 40px;border:none;background: #206647;font-size: 18px;color: #fff;width: 158px;border-radius: 20px;} .net-box .map .tips{font-size: 14px;line-height: 24px;color: #5d5d5d;text-align: center;margin-top: 26px;} .reg-box{padding: 88px 0 110px;position: relative;} .reg-box .main{margin-top: 34px;display: flex;justify-content: space-between;} .reg-box form{display: block;width: 626px;} .reg-box .item{display: flex;justify-content: space-between;margin-bottom: 16px;position: relative;z-index: 2;} .reg-box .item .step{border:1px solid #7c7c7c;display: flex;align-items: center;height: 38px;padding: 0 15px;width: 294px;} .reg-box .item .name{font-size: 15px;color: #7d7d7d;line-height: 2;} .reg-box .item .name span{color: #7d7d7d;font-size: 15px;} .reg-box .item .text{display: block;width: 168px;height: 32px;background: none;border:none;font-size: 15px;color: #7d7d7d;} .reg-box .item .business-select{position: relative;width: 183px;height: 36px;margin-right: -15px;} .reg-box .item .business-select p{width: 100%;height: 36px;line-height: 36px;font-size: 15px;color: #7d7d7d;position: relative;cursor: pointer;padding: 0 10px;} .reg-box .item .business-select p::after{content: '';width: 15px;height: 11px;background: url('../img/adv/add_arrowb.png') no-repeat;position: absolute;right: 8px;top: 50%;margin-top: -5px;} .reg-box .item .business-select ul{border:1px solid #7c7c7c;background: #fff;width: 188px;max-height: 152px;overflow-y: auto;display: none;z-index: 20;} .reg-box .item .business-select ul li{font-size: 15px;line-height: 30px;color: #7d7d7d;padding: 0 10px;} .reg-box .has-store{display: flex;align-items: center;} .reg-box .has-store .s-item{font-size: 15px;color: #7d7d7d;line-height: 2;margin-right: 40px;padding-left: 20px;position: relative;cursor: pointer;} .reg-box .has-store .s-item::before{content: '';width: 15px;height: 15px;background: url('../img/adv/select_icon.png') no-repeat;position: absolute;left: 0;top: 50%;margin-top: -7.5px;} .reg-box .item .cell{border:1px solid #7c7c7c;display: flex;align-items: center;height: 38px;padding-left:15px;width: 143px;position: relative;z-index: 10;} .reg-box .item .cell:first-child{width: 294px;margin-right: 30px;} .reg-box .cell .select{width: 72px;} .reg-box .item .cell:first-child .select{width: 222px;} .reg-box .cell .select p{font-size: 16px;color: #7d7d7d;line-height: 36px;cursor: pointer;width: 72px;height: 36px;position: relative;cursor: pointer;} .reg-box .item .cell:first-child .select p{width: 222px;} .reg-box .cell .select p::after{content: '';width: 15px;height: 11px;background: url('../img/adv/add_arrowb.png') no-repeat;position: absolute;right: 8px;top: 50%;margin-top: -5px;} .reg-box .cell .select ul{position: absolute;left: -1px;top: 36px;border:1px solid #7c7c7c;background: #fff;width: 143px;max-height: 182px;overflow-y: auto;display: none;} .reg-box .item .cell:first-child .select ul{width: 294px;} .reg-box .cell .select li{font-size: 16px;line-height: 2; padding: 0 15px;color: #7d7d7d;cursor: pointer;} .reg-box .has-store .active::before{background-image: url('../img/adv/select_h_icon.png');} .reg-box .item-bot{padding-top: 22px;} .reg-box .item-bot .btn{width: 244px;height: 42px;background: #206647;display: block;margin: 0 auto;font-size: 18px;color: #fff;border:none;} .reg-box .pic{width: 467px;} .reg-box .pic img{display: block;width: 100%;} .business-box{background: #c2bfb0;} .business-box .container{display: flex;align-items: center;justify-content: center;height: 134px;} .business-box img{display: block;width: 419px;margin-right: 240px;} .business-box a{display: flex;align-items: center;justify-content: center;width: 213px;height: 46px;background: #88846e;border-radius: 4px;font-size: 25px;color:#fff;} .business-box a i{display: block;width: 15px;height: 28px;background: url('../img/adv/busines_arrow.png') no-repeat;margin-left: 18px;} .anchor{position: absolute;left: 0;top: -105px;width: 1px;height: 1px;} .support-fixend{background: #206647;} .fixend_name{font-size: 26px;color: #fff;float: left;line-height: 44px;margin-top: 28px;} .support-join-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1001;display: none;} .support-join-pop-main{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 10px;width: 300px;height: 180px;} .support-join-pop-main .title{font-size: 24px;line-height: 34x;padding-top: 20px;text-align: center;color: #333;} .support-join-pop-main .info{font-size: 18px;line-height: 2;color: #666;margin-top: 20px;text-align: center;} .support-join-pop-main .gotojoin{display: block;margin: 10px auto 0;background: #88846e;font-size: 20px;line-height: 40px;width: 120px;text-align: center;color: #fff;border-radius: 6px;} .support-join-pop .close{display: block;width: 20px;height: 20px;background: url('../img/adv/close.png');position: absolute;right: 20px;top: 20px;background-size: cover;} /*维权投诉*/ .market-top{height: 296px;background: url('../img/adv/market_bg.jpg') no-repeat center center;padding-top: 64px;} .market-top .title{text-align: center;text-shadow: 0px 1px 1px rgba(129, 190, 247, 0.004);font-size: 28px;font-family: "Adobe Heiti Std";line-height: 40px;color: #fff;} .market-top .en{font-size: 12px;font-family: "Adobe Heiti Std";text-align: center;line-height: 22px;text-shadow: 0px 1px 1px rgba(129, 190, 247, 0.004);color: #fff;} .market-top .nav{display: flex;justify-content: center;margin-top: 35px;} .market-top .nav a{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;font-family: "Adobe Heiti Std";width: 170px;height: 50px;background: #1f61c3;border:1px solid #1f61c3;margin: 0 6px;} .market-top .nav a.active{background: #fff;color: #1f61c3;} .market-main{padding: 40px 0 70px;width: 1004px;margin: 0 auto;} .market-main .title{font-size: 25px;line-height: 45px;color: #1f61c3;font-weight: bold;font-family: "NotoSansHans";padding-bottom: 27px;border-bottom: 1px solid #e2e2e2;} .market-main h5{font-size: 20px;line-height: 30px;font-weight: bold;font-family: "NotoSansHans";color: #343434;margin-bottom: 10px;} .m-explain{margin-top: 38px;} .m-explain .info{font-size: 16px;line-height: 1.75;font-family: "NotoSansHans";color: #343434;} .m-contact{margin-top: 32px;} .m-contact p{font-size: 16px;line-height: 1.75;font-family: "NotoSansHans";color: #343434;} .m-contact p span{font-family: "NotoSansHans";font-size: 16px;color: #1f61c3;font-weight: bold;} .m-online{margin-top: 32px;} .m-online form{margin-top: 28px;} .m-online .item{display: flex;margin-bottom: 23px;position: relative;z-index: 0;height:49px;align-items: center;border: 1px solid #e2e2e2;border-left: none;} .m-online .item .step{display: flex;align-items: center;} .m-online .item .name{border-left: 1px solid #e2e2e2;padding-left: 10px;width: 116px;font-size: 16px;font-family: "NotoSansHans";color: #3c3c3c;height: 47px;line-height: 47px;} .m-online .item .name span{font-size: 16px;font-family: "NotoSansHans";color: #ec0000;margin-right: 4px;} .m-online .item .text{border:none;border-left:1px dashed #e2e2e2;width: 170px;height: 36px;padding-left: 20px;font-size: 16px;color: #c1c1c1;} .m-online .item .text::-webkit-input-placeholder{color: #c1c1c1;} .m-online .item .text::-moz-placeholder{color: #c1c1c1;} .m-online .item img{display: block;height: 36px;margin-left: 10px;} .m-online .item .sjld{display: flex;} .m-online .item .m_zlxg{position: relative;width: 144px;position: relative;height: 47px;} .m-online .item .sjld p{border-left:1px dashed #e2e2e2;width: 144px;height: 36px;line-height: 36px; padding-left: 20px;font-size: 16px;color: #3c3c3c;margin-top: 5.5px;cursor: pointer;} .m-online .item .sjld p::after{content: '';width: 0px;height: 0px;position: absolute;right: 10px;top: 50%;margin-top: -3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #3c3c3c;} .m-online .item .m_zlxg2{top: 47px;width: 144px;} .m-online .item .address-text{width: 440px;} .m-online .item-muit{border: 1px solid #e2e2e2;margin-bottom: 23px;padding-top: 10px;} .m-online .item-muit .name{font-size: 16px;font-family: "NotoSansHans";color: #3c3c3c;height: 28px;line-height: 28px;padding-left: 10px;} .m-online .item-muit .name span{font-size: 16px;font-family: "NotoSansHans";color: #ec0000;margin-right: 4px;} .m-online .item-muit textarea{display: block;width: 100%;border:none;font-size: 16px;color: #c1c1c1;height: 82px;line-height: 2;padding: 0 22px;} .m-online .item-muit textarea::-webkit-input-placeholder{color: #c1c1c1;} .m-online .item-muit textarea::-moz-placeholder{color: #c1c1c1;} .m-online .item-upload{border:1px solid #e2e2e2;margin-bottom: 36px;padding: 10px 0;} .m-online .item-upload .upload-box{display: flex;} .m-online .item-upload .name{font-size: 16px;font-family: "NotoSansHans";color: #3c3c3c;height: 36px;line-height: 36px;padding-left: 10px;} .m-online .item-upload .name span{font-size: 16px;font-family: "NotoSansHans";color: #ec0000;margin-right: 4px;} .m-online .item-upload .upload-btn{position: relative;} .m-online .item-upload .upload-btn .file-btn{width: 107px;height: 36px;background: #e6e6e6;margin-left: 20px;border:none;transition: all .5s ease-in-out;} .m-online .item-upload .upload-btn .file-pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;z-index: 10;} .m-online .item-upload .upload-btn:hover .file-btn{background: #1f61c3;color: #fff;} .m-online .item-upload .file-name{font-size: 16px;color: #3c3c3c;font-family: "NotoSansHans";line-height: 36px;margin-left: 20px;} .m-online .item-upload .tips{font-size: 13px;line-height: 25px;margin-top: 27px;color: #3c3c3c;font-family: "NotoSansHans";padding-left: 22px;} .m-online .item-bot .btn{width: 167px;height: 45px;background: #1f61c3;display: block;margin: 0 auto;border-radius: 23px;font-size: 16px;color: #fff;font-family: "NotoSansHans";border: none;border:1px solid #1f61c3;transition: all .5s ease-in-out;} .m-online .item-bot .btn:hover{background: #fff;color: #1f61c3;} @media screen and (max-width: 750px) { .market-top{margin-top: .5rem;height: auto;padding: .6rem 0;background-size: cover;} .market-top .title{font-size: .36rem;line-height: .48rem;} .market-top .en{font-size: .24rem;line-height: .42rem;} .market-top .nav{margin-top: .5rem;} .market-top .nav a{font-size: .26rem;height: .6rem;width: 2.4rem;margin: 0 .1rem;} .market-main{width: 100%;padding: .8rem 0 1rem;} .market-main .title{font-size: .4rem;line-height: .6rem;padding-bottom: .2rem;} .m-explain{margin-top: .6rem;} .market-main h5{font-size: .3rem;line-height: .5rem;margin-bottom: .1rem;} .m-explain .info{font-size: .26rem;} .m-contact, .m-online{margin-top: .5rem;} .m-contact p, .m-contact p span{font-size: .26rem;} .m-online form{margin-top: .5rem;} .m-online .item{display: block;border:none;margin-bottom: .3rem;height: auto;} .m-online .item .step{border:1px solid #e2e2e2;margin-bottom: .3rem;height: .8rem;} .m-online .item .name{border-left: none;font-size: .26rem;padding-left: .2rem;height: .6rem;line-height: .6rem;width: 1.8rem;} .m-online .item .text{width: 4.8rem;height:.6rem;padding-left: .1rem;font-size: .26rem;} .m-online .item-vcode{border:1px solid #e2e2e2;height: .8rem;display: flex;} .m-online .item-vcode .text{width: 2.6rem;} .m-online .item-vcode img{height: .78rem;margin-left: .1rem;} .m-online .item-ssq{border:1px solid #e2e2e2;} .m-online .item .m_zlxg{width: 2.2rem;height: .8rem;} .m-online .item .sjld p{width: 2.2rem;height: .5rem;line-height: .5rem;margin-top: .1rem;font-size: .24rem;padding-left: .1rem;} .m-online .item .sjld p::after{border-left-width: .1rem;border-right-width: .1rem;border-top-width: .1rem;margin-top: -.05rem;right: .1rem;} .m-online .item .m_zlxg2{width: 100%;top: .8rem;} .m-online .item .address-text{border-left: none;margin: .2rem;width: 6rem;} .m-online .item-muit{margin-bottom: .3rem;padding-top: .2rem;} .m-online .item-muit .name{font-size: .26rem;line-height: .6rem;height: .6rem;padding-left: .2rem;} .m-online .item-muit .name span{font-size: .26rem;margin-right: .1rem;} .m-online .item-muit textarea{font-size: .26rem;padding: 0 .2rem 0 .44rem;height: 2rem;} .m-online .item-upload{padding: .2rem 0;margin-bottom: .5rem;} .m-online .item-upload .upload-box{display: block;} .m-online .item-upload .name{font-size: .26rem;height: .6rem;line-height: .6rem;} .m-online .item-upload .name span{font-size: .26rem;margin-right: .1rem;} .m-online .item-upload .upload-btn .file-btn{width: 2.8rem;height: .8rem;font-size: .26rem;margin-left: .4rem;} .m-online .item-upload .file-name{font-size: .26rem;line-height: .5rem;margin-top: .2rem;margin-left: .4rem;} .m-online .item-upload .tips{font-size: .22rem;line-height: .32rem;margin-top: .4rem;} .m-online .item-bot .btn{width: 3.2rem;height: 1rem;font-size: .28rem;border-radius: .5rem;} .advantage-banner{background-size: cover;height: 3.7rem;} .advatage-main .container{width: 7.1rem;} .advatage-main .nav-box{background: #f3f1ef;} .advatage-main .nav-box .container{width: 6.4rem;} .advatage-main .nav{padding: .12rem 0 .22rem;justify-content: space-between;} .advatage-main .nav a{flex-grow: 0;font-size: .22rem;line-height: .42rem;font-weight: bold;} .advatage-main .nav a.active::after{width: .36rem;height: .03rem;bottom: -.03rem;margin-left: -.18rem;} .advatage-main .company-box{padding: .58rem 0 .3rem;} .adv-tit .title{font-size: .4rem;line-height: .6rem;} .adv-tit .en{font-size: .2rem;line-height: .28rem;} .adv-tit .lines{margin-top: .15rem;} .adv-tit .line1{width: .6rem;height: .04rem;border-radius: .02rem;} .adv-tit .line2{width: .16rem;height: .04rem;border-radius: .02rem;margin-left: .04rem;} .adv-tit .info{font-size: .22rem;line-height: .32rem;margin-top: .13rem;} .adv-tit .info span{font-size: .22rem;} .advatage-main .company-box .data{margin-top: .2rem;height: .9rem;} .advatage-main .company-box .data .year{font-size: .22rem;} .advatage-main .company-box .data p{font-size: .2rem;margin-top: .08rem;} .advatage-main .company-box .data .year span{font-size: .22rem;} .advatage-main .company-box .data .item:nth-child(3) .year span, .advatage-main .company-box .data .item:last-child .year span{font-size: .2rem;top: -.1rem;} .advatage-main .company-box .video{margin-top: .06rem;} .advatage-main .company-box .player{width: .64rem;height: .64rem;background-size: cover;} .advatage-main .pattern-box{padding: .3rem 0;background: #f7f7f7;} .advatage-main .pattern-box::before{display: none;} .advatage-main .pattern-main{padding: 0;margin: .3rem 0 0;} .advatage-main .pattern-main .container{padding: .2rem;background: #e7e7e7;border-radius: .1rem;} .advatage-main .pattern-main .list .item{width: 1.55rem;} .advatage-main .pattern-main .list .item p{height: .36rem;font-size: .18rem;margin-top: .08rem;} .advatage-main .pattern-main .list .item p img{width: .32rem;margin: 0 .06rem 0 .05rem;} .advatage-main .pattern-main .content{margin-top: .22rem;} .advatage-main .pattern-main .content .item{height: 1.85rem;display: block;padding-top: .2rem;} .advatage-main .pattern-main .content img{height: .65rem;margin: 0 auto;} .advatage-main .pattern-main .content .txt{font-size: .18rem;text-align: center;line-height: .26rem;margin-top: .08rem;} .advatage-main .pattern-main .content .txt span{font-size: .18rem;} .advatage-main .subs-box{padding: .3rem 0 0;} .advatage-main .subs-box .list{display: block;margin-top: .5rem;} .advatage-main .subs-box .list .item{width: 100%;display: flex;position: relative;margin-bottom: .14rem;} .advatage-main .subs-box .list .pic{width: 2.29rem;} .advatage-main .subs-box .list .xs-hidden{display: none;} .advatage-main .subs-box .list .xs-show{display: block;} .advatage-main .subs-box .list .main{border:1px solid #cbcbcb;width: calc(100% - 2.29rem);height: 2.38rem;text-align: left;padding: .34rem 0 0 .6rem;} .advatage-main .subs-box .item:first-child .list .main{padding-top: .24rem;} .advatage-main .subs-box .list .name{position: absolute;left: 0;bottom: 0;width: 2.29rem;height: .35rem;text-align: center;line-height: .35rem;background: rgba(0, 0, 0, 0.2);font-size: .2rem;color: #fff;font-weight: bold;border-bottom: none;} .advatage-main .subs-box .list .num{font-size: .22rem;line-height: .52rem;width: 2.85rem;border-bottom: 1px solid #7c7c7c;margin-top: 0;} .advatage-main .subs-box .list span{font-size: .56rem;} .advatage-main .subs-box .list .txt{font-size: .18rem;line-height: .26rem;margin-top: .15rem;} .advatage-main .color-box{padding-top: .5rem;} .advatage-main .color-box::before{height: 2.8rem;} .advatage-main .color-box .pic{margin: .12rem auto 0;width: 6.34rem;} .advatage-main .product-box .adv-tit{margin-top: -.96rem;} .advatage-main .product-box .main{display: none;} .advatage-main .product-box .swiper-mp{display: block;margin-top: .36rem;} .advatage-main .product-box .swiper-mp img{display: block;width: 100%;} .advatage-main .product-box .swiper-mp .swiper-button-prev, .advatage-main .product-box .swiper-mp .swiper-button-next{width: .24rem;height: .18rem;background: url('../img/adv/sp_arrow.png') no-repeat;background-size: cover;left: .4rem;top: 50%;margin-top: -.09rem;} .advatage-main .product-box .swiper-mp .swiper-button-next{left: auto;right: .4rem;transform: rotate(180deg);} .help-box{padding: .88rem 0 .2rem;} .img-tit .title{font-size: .4rem;line-height: .6rem;} .img-tit .en{font-size: .2rem;line-height: .3rem;} .img-tit .arrow{width: .21rem;height: .16rem;background-size: cover;margin-top: .08rem;} .pxfn-box{padding: .13rem 0 .3rem;} .support-main .s-tit .title{font-size: .24rem;line-height: .44rem;color:#272727;} .support-main .s-tit p{font-size: .2rem;line-height: .36rem;color: #282828;} .support-main .s-tit .lines{margin-top: .12rem;} .support-main .s-tit .line1{width: .24rem;height: .04rem;border-radius: .02rem;} .support-main .s-tit .line2{width: .06rem;height: .04rem;border-radius: .02rem;margin-left: .04rem;} .swiper-help{margin: .24rem auto 0;width: 6.35rem;} .swiper-help .img{height: 1.5rem;} .swiper-help .name{bottom: 0;font-size: .18rem;line-height: .34rem;} .help-info{font-size: .2rem;line-height: .3rem;margin: .17rem 0 0 .35rem;} .jdzc-box{padding: .18rem 0;} .v-list{padding: .18rem 0 0;margin: 0 auto;width: 6.35rem;} .v-list .item{width: 3.03rem;margin-bottom: .25rem;} .swiper-scom .swiper-button-next, .swiper-scom .swiper-button-prev{display: none;} .v-list .item .name{font-size: .24rem;line-height: .36rem;padding-left: .16rem;} .v-list .item .name::before{width: .08rem;height: .08rem;margin-top: -.04rem;} .v-list .item p{font-size: .18rem;line-height: .32rem;} .v-list .item .img{height: 1.54rem;margin-top: .06rem;} .v-list .item .player{width: .26rem;height: .25rem;background-size: cover;} .v-list .item .txt{font-size: .18rem;line-height: .32rem;margin-top: .1rem;} .hdfn-box{padding: .18rem 0 .35rem;} .swiper-active{margin: .16rem auto 0;width: 6.35rem;} .swiper-active .img{height: 1.55rem;} .a-info{font-size: .2rem;line-height: .3rem;margin: .17rem auto 0;width: 6.35rem;} .xsyl-box{background: #f7f7f7;padding: .28rem 0 .2rem;position: relative;} .xsyl-box::before{content: '';width: .29rem;height: .14rem;background: url('../img/adv/xsyl_arrow.png') no-repeat;background-size: cover;position: absolute;left: 50%;top: 0;margin-left: -.15rem;} .swiper-online{margin: .12rem auto 0;width: 6.35rem;} .swiper-online .img{height: 1.42rem;} .o-info{font-size: .2rem;line-height: .3rem;margin: .17rem 0 0 .35rem;} .support-main .xsyl-box .s-tit .lines{display: none;} .zczc-box{padding: .24rem 0 .32rem;} .nine-list{display: none;} .swiper-nine{margin: .25rem auto 0;position: relative;width: 5.54rem;display: block;} .swiper-nine .item{border:1px solid #a0a0a0;border-radius: .1rem;padding: .25rem .1rem .2rem;box-sizing: border-box;height: 2.7rem;} .swiper-nine .item .name{text-align: center;font-size: .24rem;line-height: .36rem;color: #136e45;} .swiper-nine .item img{display: block;height: .4rem;margin: 0 auto .1rem;} .swiper-nine .item .txt{font-size: .18rem;text-align: center;line-height: .26rem;margin-top: .12rem;} .swiper-nine .swiper-button-prev, .swiper-nine .swiper-button-next{width: .33rem;height: .34rem;background: url('../img/adv/nine_arrow.png') no-repeat;background-size: cover;left: -.42rem;top: 50%;margin-top: -.17rem;} .swiper-nine .swiper-button-next{left: auto;right: -.42rem;transform: rotate(180deg);} .request-box{padding: .18rem 0 .58rem;} .request-box .list{margin-top: .18rem;width: 6.35rem;} .request-box .list::before{top: .36rem;} .request-box .list .img{width: .72rem;height: .72rem;} .request-box .list .img img{height: .36rem;transform: scale(1,1);} .request-box .list p{font-size: .18rem;line-height: .3rem;margin-top: 0;} .busi-box{background: url('../img/adv/busi_m_bg.jpg') no-repeat center top;background-size: 7.5rem 1.58rem;padding: .33rem 0 .3rem;} .busi-box .img-tit .title{font-size: .3rem;line-height: .5rem;color: #fff;} .busi-box .img-tit .en{color: #fff;} .busi-box .main{display: block;margin: .84rem auto 0;width: 6.38rem;} .busi-box .pic{display: none;} .busi-box .box{width: 100%;} .busi-box .box .item{margin-bottom: .2rem;} .busi-box .box .s-title{font-size: .22rem;line-height: .42rem;padding-left: 0;} .busi-box .box .s-title::before{display: none;} .busi-box .box .txt{padding-bottom: 0;margin: 0;} .busi-box .box .txt p{font-size: .218rem;line-height: .24rem;margin-bottom: .2rem;position: relative;padding-left: .2rem;} .busi-box .box .txt p::before{content: '';width: .08rem;height: .08rem;left: 0;top: .08rem;border-radius: 50%;background: #206647;position: absolute;} .busi-box .box .txt p span{font-size: .18rem;} .net-box{padding: .3rem 0 0;} .net-box .map{flex-direction: column-reverse;margin-left: 0;} .net-box .map .main{margin: .2rem 0 0 1.7rem;width: 2.9rem;} .net-box .map .main .name{font-size: .24rem;line-height: .48rem;} .net-box .map .form{width: 2.12rem;} .net-box .map .item{margin-bottom: .2rem;height: .48rem;} .net-box .map .item .select{width: 2.12rem;} .net-box .map .item .select p{width: 2.12rem;height: .48rem;font-size: .22rem;line-height: .45rem;padding-right: .35rem;} .net-box .map .item .select ul{top:.48rem;margin-top: -1px;} .net-box .map .item .select li{padding: 0 .1rem;font-size: .22rem;} .net-box .map .item .select p::after{width: .2rem;height: .15rem;background-size: cover;right: .1rem;margin-top: -.075rem;} .net-box .map .item-bot{padding-top: .16rem;} .net-box .map .item-bot .btn{width: 2rem;height: .5rem;font-size: .24rem;border-radius: .25rem;} .net-box .map .tips{font-size: .18rem;margin-top: .1rem;line-height: .3rem;} .net-box .map img{width: 5.11rem;margin: -.4rem 0 0 .8rem;} .reg-box{padding: .38rem 0 .5rem;} .reg-box .main{margin: .38rem auto 0;width: 6.8rem;} .reg-box form{width: 100%;} .reg-box .item{margin-bottom: .2rem;} .reg-box .item .step{width: 3.3rem;height: .75rem;padding: 0 .1rem;} .reg-box .item .name{font-size: .24rem;} .reg-box .item .name span{font-size: .24rem;} .reg-box .item .cell .name{font-size: .18rem;} .reg-box .item .text{width: 1.9rem;height: .72rem;font-size: .24rem;} .reg-box .pic{display: none;} .reg-box .item .business-select{width: 1.6rem;margin-right: -.1rem;height: .73rem;} .reg-box .item .business-select p{font-size: .22rem;height: .73rem;line-height: .73rem;padding: 0 .1rem;} .reg-box .item .business-select ul{width: 2rem;top: .75rem;margin-top: -1px;max-height: 3rem;right: 0;position: absolute;} .reg-box .item .business-select ul li{padding: 0 .2rem;font-size: .22rem;line-height: .6rem;} .reg-box .has-store .s-item{font-size: .24rem;margin-right: .2rem;padding-left: .2rem;} .reg-box .has-store .s-item:last-child{margin-right: 0;} .reg-box .has-store .s-item::before{width: .15rem;height: .15rem;margin-top: -.075rem;background-size: cover;} .reg-box .item .cell{width: 2.2rem !important;height: .75rem;margin: 0 !important;padding-left: .2rem;} .reg-box .cell .select{width: 1.3rem !important;} .reg-box .cell .select p{font-size: .18rem;width: 1.3rem !important;height: .73rem;line-height: .73rem;} .reg-box .item .business-select p::after{width: .2rem;height: .15rem;background-size: cover;right: .1rem;margin-top: -.075rem;} .reg-box .cell .select p::after{width: .2rem;height: .15rem;background-size: cover;right: .1rem;margin-top: -.075rem;} .reg-box .item .cell .select ul{width: 2.2rem !important;top: .75rem;margin-top: -2px;max-height: 1.82rem;} .reg-box .cell .select li{font-size: .18rem;padding: 0 .2rem;} .reg-box .item-bot{padding-top: .12rem;} .reg-box .item-bot .btn{width: 2rem;height: .5rem;border-radius: .25rem;font-size: .24rem;} .support-fixend{bottom: 0 !important;z-index: 1000;} .support-fixend .fixend_content{padding: .3rem 0.1rem;} .fixend_name{font-size: .3rem;line-height: .5rem;margin-top: 0;} .support-fixend form{margin-top: .3rem;} .support-fixend .fixend_btn{background: #fff;border-radius: .35rem;color: #206647;} .support-fixend .fixend_text{font-size: .24rem;} .support-fixend .profix_select p{font-size: .24rem;} }