锘緻charset "utf-8"; /*~~~~妗嗘灦甯冨眬~~~*/ /*==瑙嗛鈫掿=*/ .layui-layer{width:650px;min-width:650px;max-width:660px;height:500px;} .wor img{max-width:100%;} /*==椤堕儴鈫掿=*/ .head-top{position: relative; text-align:right;padding:10px 0; color:#999;font-size:12px;background:#fff;} .head-top .block1{ position:relative;color:#b1b1b1;font-size:12px;margin-right: 10px;padding-left: 10px;} .head-top .block1:hover{color:#000;} .head-top .lang{float:right;margin-left: 20px;color:#b1b1b1;font-size:12px;} .head-top .lang a{color:#b1b1b1;font-size:12px;margin: 0 5px;padding-left:20px;} .head-top .lang a.cn{ background:url(../images/ico_cn.png) no-repeat left;} .head-top .lang a.en{ background:url(../images/ico_en.png) no-repeat left;} .head-top .lang a:hover{color:#000;} /*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff} .fixed-top .logo{}*/ .header{padding:20px 0;height: 74px;} .header .logo{ position: relative;z-index:9; /*! background: #0561a6; */} .header .nav{margin: 5px 0px 0 0;} .header .nav li{float: left;position: relative;} .header .nav li a.navAone{ position: relative; display: block; color:#333333; font-weight:bold;font-size:16px; padding:10px 10px;} .header .nav li a.navAone:before{content: "";position: absolute;left:0;bottom:-19px;width:0%;height:3px;background: #0561A6;transition:all .6s ease-in-out;display: none;} .header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#c31019; } .header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{ width:100%; } /*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/ .header .nav li:hover .sub{display: table;} .header .nav li .sub{display: none;width:120px;position: absolute;top: 100%;left: 0;z-index: 99;background: rgba(255,255,255,0.8);box-shadow: 0 0 10px #aaa;} .header .nav li:nth-last-child(1) .sub,.header .nav li:nth-last-child(2) .sub,.header .nav li:nth-last-child(3) .sub,.header .nav li:nth-last-child(4) .sub{right:0; left:auto} .header .nav li .sub .left{width:25%;background: #fff;padding-bottom: 25px;height: 100%;min-height: 100%;max-height: 100%;display: table-cell;float: none;vertical-align: top;} .header .nav li .sub .left a{ display: block;width:100%; line-height: 40px; text-align: center; color:#7c7c7c;font-size:14px;} .header .nav li .sub .left a:hover{ background: #c31019;color:#fff} .header .nav li .sub .right{width:75%;padding:30px 30px;text-align: center;display: table-cell;float: none;} .header .nav li .sub .right span{ display: block; color:#888888;font-size:16px;margin-top: 5px;} .header .nav li .sub .right img{padding:5px; max-width:100%;background: #fff; display: block; margin:auto; box-shadow:0 0 10px #ddd} .header .nav li .sub .right h3{ margin:10px 0} .header .nav li .sub .right h3 b{color:#fff;font-size:14px;padding: 5px 10px;background: #999;float: left;} .header .nav li .sub .right a{display: inline-block;color:#666;font-size:13px;margin-right:10px;float: left;} .header .nav li .sub .right a:hover{color:#c31019} .header .nav li .x-1{width:150%;} .header .nav li .x-1 span{ display:block; position:relative;} .header .nav li .x-1 .sub2{ display:none;position:absolute;left: 100%;width:100%;background:#f5f5f5;top: 0;} .header .nav li .x-1 span:hover .sub2{ display:block} .header .nav li .x-1 .sub2 a{ display:block;border-bottom:1px #ddd solid;} .header .search{ position:relative;/*! background: #0561a6; */width: 80px;height: 74px;margin: -10px 0;display: none;} .header .search em{display: block;width:35px;line-height: 35px;/* margin:27px 0 0 25px; */font-size: 19px;color: #fff;background:#ebebeb;text-align: center;} .header .search:hover .box{display:block; opacity:1;height:100px;} .header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px; } .header .search .box{display:none;opacity:0;position:absolute;top:100%;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;transition: all .1s ease-in-out;} .header .search .box span{color: #46989C;font-size:15px;padding-right:30px;} .header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;} .header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;} .header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */銆€color:#999;} .header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;銆€} .header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;} .header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;} .header .search:hover input{width: 310px;transition:all .8s ease-in-out;} .header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;} .header .search .box button:hover{ background:#000} /*==鏍囬鈫掿=*/ .titleAx{ display: table; margin:30px auto; text-align: center;color:#000000;font-size:25px;position: relative;/*! overflow: hidden; */} .titleAx b{ color:#000000;font-size:25px;position: relative;display: table;margin: auto;} .titleAx b:before,.titleAx b:after{content:"";position:absolute; top:12px;width:171px;height:12px;display: block;} .titleAx b:before{left:-190px; background: url(../images/line01_left.png) no-repeat center;} .titleAx b:after{right:-190px; background: url(../images/line01_right.png) no-repeat center;} .titleAx font{ display: block;margin-top:5px;color:#aeadad;font-size:14px;} .titleAx-white b{ color:#fff} .titleAx-white b:before{ background: url(../images/line02_left.png) no-repeat center;} .titleAx-white b:after{ background: url(../images/line02_right.png) no-repeat center;} /*==閫夋嫨鈫掿=*/ .choice{} .choice .box{width:50%; padding:50px 30px;color:#666;font-size:15px;line-height: 24px;} .choice .box h3{color:#ff3838;font-size:20px; margin-bottom:20px;} .choice .pic{width:50%;} .choice .pic img{max-width:100%} .choice .clearfix{float:left;width:100%;height:30px;} /*==鏂规搴旂敤鈫掿=*/ .HomeProgramme{margin: 50px 0 0 0;overflow: hidden;} .HomeProgramme .container{width:100%} .HomeProgramme .tone{ text-align: center;margin: 15px 0 20px 0;width: 100%;} .HomeProgramme .tone li{ display: inline-block; margin:0 15px; cursor:pointer;/*! float: left; */} .HomeProgramme .tone li.more a{ font-size:25px;color:#999} .HomeProgramme .tone li em{ display: block; width:70px;height:70px; margin:auto;} .HomeProgramme .tone li h3{color:#8e8e8e;padding-bottom:10px;font-size:14px; border-bottom:3px #fff solid;} .HomeProgramme .tone li a.x1 em{ background: url(../images/hp04.png) no-repeat center; background-size:cover} .HomeProgramme .tone li a.x2 em{ background: url(../images/hp08.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x3 em{ background: url(../images/hp03.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x4 em{ background: url(../images/hp01.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x5 em{ background: url(../images/hp02.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x6 em{ background: url(../images/hp05.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x7 em{ background: url(../images/hp02.png) no-repeat center;background-size:cover} .HomeProgramme .tone li a.x8 em{ background: url(../images/hp08.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x1 em{ background: url(../images/hp04s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x2 em{ background: url(../images/hp08s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x3 em{ background: url(../images/hp03s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x4 em{ background: url(../images/hp01s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x5 em{ background: url(../images/hp02s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x6 em{ background: url(../images/hp05s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x7 em{ background: url(../images/hp02s.png) no-repeat center;background-size:cover} .HomeProgramme .tone li.hit a.x8 em{ background: url(../images/hp08s.png) no-repeat center;background-size:cover} .HomeProgramme .list{} .HomeProgramme .list li{float:left;width:16.6%;} .HomeProgramme .list li a{ display: block; position: relative;margin: 1px;} .HomeProgramme .list li a .box{ opacity: 0; position: absolute; left:10px;top:10px;bottom:10px;right:10px;padding:30px;border:1px #5e88cc solid; background: rgba(0,0,0,0.5);text-align: center;} .HomeProgramme .list li .box h4{color:#fff;font-size:16px;margin-top: 20%;} .HomeProgramme .list li .box p{color:#fff;font-size:12px;margin: 20px 0 10px 0;display: none;} .HomeProgramme .list li .box em{ display: block; color:#fff;font-size:14px;} .HomeProgramme .list li img{opacity: 0.8;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .HomeProgramme .list li:hover img{ opacity: 1;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);} .HomeProgramme .tone li:hover h3,.HomeProgramme .tone li.hit h3{color:#2b4b93; border-bottom:3px #2b4b93 solid;} .HomeProgramme .list li:hover .box{ opacity: 1} /*==浜у搧鈫掿=*/ .HomeProduct .list{overflow: hidden;/*! background: #f60; */} .HomeProduct a.more{ margin:30px auto 0; display: table;color:#656565;border:1px #ddd solid;padding:10px 70px;border-radius: 5px;} .HomeProduct a.more:hover{color:#fff; border:1px #2b4b93 solid;background:#2b4b93} .HomeProduct .list li{float:left;width:33.3%;overflow: hidden;height: 180px;} .HomeProduct .list li .pic{ background: none;opacity: 0.7;} .HomeProduct .list li a{ display: block;margin:5px; position: relative;} .HomeProduct .list li.x1{width:34%;} .HomeProduct .list li.x2{width:27.3%;} .HomeProduct .list li.x3{width:38.7%;} .HomeProduct .list li.x4{width:34%;} .HomeProduct .list li.x5{width:38.8%;} .HomeProduct .list li.x6{width:27.2%;} .HomeProduct .list li.x7,.HomeProduct .list li.x8,.HomeProduct .list li.x9{ display: none;} .HomeProduct .list li h4{ position: absolute; left:30px;top:50px;color:#fff;font-size:16px;} .HomeProduct .list li h4:before{ content: ""; position: absolute; left:0; top:-15px; height:3px;width:30px; background: #fff} .HomeProduct .list li img{/*! opacity: 0.7; */-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .HomeProduct .list li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .HomeProduct .list li:hover .pic{opacity: 1} /*==棣栭〉鍏充簬鈫掿=*/ .HomeAbout{ padding:30px 0; background: url(../images/HomeAboutBg.jpg) no-repeat center; background-size:cover; height: 590px;} .HomeAbout .wx{ color:#fff;font-size:14px;text-align: center;} .HomeAbout .block1{ text-align: center;margin: 50px 0 40px 0;} .HomeAbout .block1 a{ display: inline-block; margin:0 20px;width:108px;height:125px; text-align: center; text-align: center; background: url(../images/ha_line.png) no-repeat center;} .HomeAbout .block1 a em{ display: block;width:50px;height: 50px;margin: 20px auto 0;} .HomeAbout .block1 a h4{ font-size:16px;color:#fff;} .HomeAbout .block1 a:hover{ background:url(../images/ha_lines.png) no-repeat center;} .HomeAbout .block1 a.x1 em{ background:url(../images/ha01.png) no-repeat center;} .HomeAbout .block1 a.x2 em{ background:url(../images/ha02.png) no-repeat center;} .HomeAbout .block1 a.x3 em{ background:url(../images/ha03.png) no-repeat center;} .HomeAbout .block1 a.x4 em{ background:url(../images/ha04.png) no-repeat center;} .HomeAbout .block2{overflow: hidden;} .HomeAbout .block2 li{ position:relative;float:left;width:20%;text-align: center;} .HomeAbout .block2 li:before{ content: ""; position: absolute;right:0;top:40px;width:1px; height:25px; background: #fff;} .HomeAbout .block2 li:last-child:before{ display: none;} .HomeAbout .block2 li span{ font-size:50px;color:#fff} .HomeAbout .block2 li font{ font-size:12px;color:#fff;/*! float: left; */display: inline-block;padding-left: 5px;} .HomeAbout .block2 li b{ display:block;color:#fff;font-size:16px; margin-top:5px;} /*==棣栭〉鏂伴椈鈫掿=*/ .HomeNews{ padding:30px 0 40px 0; background: #f4f4f4;overflow: hidden;} .HomeNews .list{margin-top: 20px;overflow: hidden;} .HomeNews .list li{float:left;width:50%; margin:0px} .HomeNews .list li a{ display: block; margin:0 10px 20px 10px; background: #fff;padding: 20px 20px 20px 0;} .HomeNews .list li span{ display: inline-block; width:20%; font-size:25px;border-right:1px #ddd solid;color:#9d9d9d;float: left;text-align: center;margin-right: 30px;} .HomeNews .list li span font{ display: block;color:#9d9d9d;font-size:14px;} .HomeNews .list li h4{color:#fff;font-size:14px;color:#1b1b1b} .HomeNews .list li p{margin-top:5px;font-size:12px;color:#9d9d9d} .HomeNews .list li:hover span,.HomeNews .list li:hover span font,.HomeNews .list li:hover h4,.HomeNews .list li:hover p{color:#fff} .HomeNews .list li:hover a{ background: #2b4b93;} .HomeNews a.more{ margin:10px auto 0; border-radius:5px;display: table; font-size:12px;border:#bbb solid 2px;color:#a9a9a9;padding: 10px 35px;} .HomeNews a.more:hover{color:#fff;background:#2b4b93;border:2px #2b4b93 solid;} /*==鍚堜綔浼欎即鈫掿=*/ .HomePartner{ overflow: hidden;padding-top: 20px;} .HomePartner h2{margin-bottom:20px;color:#353535;font-size:16px; background: url(../images/hp_line.png) no-repeat center;width: 120px;line-height: 44px;text-align: center;font-weight: bold;margin:0 auto 20px;} .HomePartner .list{margin-top: 20px;} .HomePartner .list li{float:left;width:10%;margin: 0 0 0 0;} .HomePartner .list li a{display: block; margin:0 5px; border:2px #ddd solid; border-radius: 50%; overflow:hidden} .HomePartner .list li img{ width:100%} .HomePartner .list li:hover a{ border:2px #2b4b93 solid; } /*==鏍囨潌瀹㈡埛鈫掿=*/ .HomeCustomer{ overflow: hidden; background:#f4f4f4;padding: 20px 0 80px 0;margin-top: 60px;} .HomeCustomer .list{margin-top: 30px;} .HomeCustomer .list li{float:left;width:14.2%;} .HomeCustomer .list li img{opacity: 0.6;margin:auto; display: block;max-width:100%;height:100px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .HomeCustomer .list li:hover img{opacity: 1;-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } /*==瀵艰埅鈫掿=*/ .menu{width: 75%;height: 80px;min-width: 1260px;margin: 0px auto;} .menu li{ float:left; margin-right:35px;cursor: pointer;} .menu li a{ position: relative; display: block; color:#333333;font-size:16px;padding: 0 0 15px 0;} .menu li a:before{content: ""; position: absolute;left:0;bottom:0;width:0%; height:3px; background: #ec6b00;transition: all .4s ease-in-out;} .menu li:hover a:before,.menu li a.active:before{width:100%;} .menu li:hover a,.menu li a.active{color:#ec6b00 ; text-decoration: none;} /*==闈㈠寘灞戔啌==*/ .site{ margin:5px 0 20px 0; color:#000;font-size:14px} .site a{ color:#000;font-size:14px;} .site a:hover{color:#ff3838} /*==鍏充簬鈫掿=*/ .titleAbout{color:#000;font-size:30px; margin:30px 0 10px 0} .AboutBox{padding-bottom: 0px;} .titleBx{margin:20px 0;color:#333333;font-size:36px; text-align:center;overflow: hidden;} .titleBx span{ display: block;color:#666666;font-size:14px; text-transform: uppercase;} .titleBx font{ color:#c31019} .AboutBox .introduction{margin:20px 0} .AboutBox .introduction .left{width:50%; text-align: center} .AboutBox .introduction .left img{max-width:100%} .AboutBox .introduction .right{width:50%; padding-left:40px;} .AboutBox .introduction .right h3{color:#333333;font-size:24px;/*! float: left; */clear: both;display: table;margin-bottom: 20px;} .AboutBox .introduction .right h3 b{color:#333333;font-size:24px;display: block;margin: 10px 0;} .AboutBox .introduction .right h3 span{ display: block;color:#e9e9e9;font-size:60px;/*! margin-bottom:20px; */} .AboutBox .introduction .right h3 span font{font-size:20px;} .AboutBox .introduction .right h3 hr{ border:none;display: block; /*! margin-top:20px; */ width:50px;height:2px; background:#2b4c93;float: left;clear: both;} .AboutBox .introduction .right .wx{color:#666666;font-size:14px;line-height: 25px;} .AboutBox .advantage{ padding:50px 0; background: #2b4c93;} .AboutBox .advantage ul{} .AboutBox .advantage ul li{ position: relative; float:left;width:20%; text-align: center;} .AboutBox .advantage ul li:before{content:""; position: absolute; right:0;top:30px; width:1px;height:35px; background: #fff;} .AboutBox .advantage ul li:last-child:before{ display: none} .AboutBox .advantage ul li span{color:#fff;font-size:50px; } .AboutBox .advantage ul li font{color:#fff;font-size:12px; display: inline-block;margin-left: 5px;} .AboutBox .advantage ul li b{ display:block;margin-top:0px;color:#fff;font-size:16px; } .AboutBox .brand{margin: 30px 0;} .AboutBox .brand .long{height:260px;margin-top: 20px; border:1px #ddd solid;} .AboutBox .brand .left{ position:relative;width:22%; } .AboutBox .brand .left:before{ content: ""; position: absolute;right:-22px;top:50%;z-index: 5;width:22px;height:25px; background: url(../images/arrow01.png) no-repeat center;} .AboutBox .brand .left img{width:100%; height:100%;} .AboutBox .brand .right{width:78%;height:100%;padding: 70px; /*border-top:1px #ddd solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;*/overflow: hidden;} .AboutBox .idea{margin: 10px 0 50px 0;} .AboutBox .idea ul{margin-top:50px;} .AboutBox .idea ul li{float:left;width:33.3%;} .AboutBox .idea img{width:100%;float: ;} .AboutBox .idea p{width:100%;padding:50px;height:260px;color:#666666;font-size:18px; text-align: center;} .AboutBox .idea p b{ display: block;color:#333333;font-size:30px; font-weight:bold;position: relative;margin-bottom: 30px;} .AboutBox .idea p b:before{ content: ""; position: absolute;bottom:-15px;left:50%;margin-left:-30px;width:50px;height:3px; background:#c31019;} .AboutBox .course{margin:10px 0;padding:50px 0 80px 0; background: #f5f5f5;overflow: hidden;} .AboutBox .course .focusCourse{} .AboutBox .course .focusCourse .list{} .AboutBox .course .focusCourse .list li{width:100%; padding:50px 0;color:#666;font-size:16px; line-height:30px;text-align: center;} .AboutBox .course .focusCourse .list li strong{font-size:22px; font-weight:400;} .AboutBox .course .focusCourse .long{margin:30px 0} .AboutBox .course .focusCourse .spot{ position: relative; text-align:center; background: url(../images/line-01.png) no-repeat center;padding: 60px 0 0px 0;/*! margin-top: 30px; */height: 90px;} .AboutBox .course .focusCourse .spot:before{content: "";position: absolute;left:-100%;top:53px;width:1000%;height:1px;background:#959595;} .AboutBox .course .focusCourse .spot li{ position: relative; margin:0 40px;display:inline-block;color:#666666;font-size:20px;cursor: pointer;/*transition: all .7s ease-in-out*/} .AboutBox .course .focusCourse .spot li:before{opacity: 0; content: ""; position: absolute; top:-75px;left:30%;width:31px;height:40px; background:url(../images/spot_01.png) no-repeat center;background-size:100%;} .AboutBox .course .focusCourse .spot li.on{color:#c31019;font-size:40px;} .AboutBox .course .focusCourse .spot li.on:before{opacity: 1} .tedarobotics{ margin:60px 0 50px 0; overflow:hidden;background: url(../images/tedaroboticsBg.png) no-repeat center;} .tedarobotics .swiper-container-tedarobotics{ overflow: hidden;} .list-tedarobotics{} .list-tedarobotics li{ float:left;width:33.3%} .list-tedarobotics li a{display: block; margin:0 15px 20px 15px;} .list-tedarobotics li a img{} .list-tedarobotics li .text{ padding:15px 30px; background: #eeeeee;} .list-tedarobotics li .text h4{height:25px;padding-left:20px;color:#333333;font-size:14px; background:url(../images/ico_01.png) no-repeat left} .list-tedarobotics li .text span{ height:65px;display: block;margin-top:20px;color:#b0b0b0;font-size:12px;line-height: 23px;} .tedarobotics .arr{ position: relative; margin:30px 0 0 0; text-align: center; text-align: center;} .tedarobotics .arr .prev,.tedarobotics .arr .next{ position:initial; display: inline-block; width:100px;height: 50px; margin:0 1px;border-radius:5px; cursor: pointer} .tedarobotics .arr .prev{background:#696969 url(../images/arrow_Left.png) no-repeat center;} .tedarobotics .arr .next{background:#696969 url(../images/arrow_Right.png) no-repeat center;} .tedarobotics .arr .prev:hover{background:#c31019 url(../images/arrow_Left.png) no-repeat center;} .tedarobotics .arr .next:hover{background:#c31019 url(../images/arrow_Right.png) no-repeat center;} .AboutBox .album{margin:20px 0 0 0;padding:60px 0; background:#f5f5f5} .AboutBox .album .title-2{float:left;width:24%;margin-left: 1%;} .AboutBox .album .title-2 hr{width:100px;height:2px; border:none;background: #2b4c93;/*! float: left; */text-align: left;display: inline-block;} .AboutBox .album .title-2 span{color:#444444;font-size:60px;display: block;} .AboutBox .album .title-2 h2{color:#333333;font-size:34px;font-weight:bold;} .AboutBox .album .title-2 h2 font{color:#c31019} .AboutBox .album .title-2 p{color:#666666;font-size:20px; margin-top:30px;} .AboutBox .album .Pic-a{float:left;width:49%;margin-left: 1%;} .AboutBox .album .Pic-a img{max-width:100%;width:100%;} .AboutBox .album .more{float:left;width:24%; padding:40px;background:#2b4c93;margin-left: 1%;} .AboutBox .album .more hr{ display: inline-block;width:50px;height:2px;border: none;background: #fff;} .AboutBox .album .more h2{color:#fff;font-size:30px;} .AboutBox .album .more span{color:#fff;font-size:16px; margin-top:10px; display: block} .AboutBox .album .more a{margin-top:30px; display:inline-block;padding:10px 30px;color:#2b4c93;font-size:16px;background: #fff;} .AboutBox .album .more a:hover{background: #ddd} .AboutBox .album .list-a{ position: relative; float:left;width:24%; margin-left:1%;margin-top: 1%;} .AboutBox .album .list-a h4{ opacity: 0; position: absolute; left:0;bottom:0; padding:10px; text-align: center;color:#fff;font-size:14px;background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;width: 100%;} .AboutBox .album .list-a:hover h4{ opacity: 1; } /*==浜у搧鈫掿=*/ .ProductListBox{} .ProductListBox .title{color:#666;font-size:24px; margin:20px 0;} .ProductListBox .posidBox{margin-bottom:30px;overflow: hidden;} .ProductListBox .posidBox a{ display: block; background: #fff;} .ProductListBox .posidBox .one{ width:100%; overflow: hidden;margin-bottom: 20px;} .ProductListBox .posidBox .one .pic{width:50%;} .ProductListBox .posidBox .one .pic .ImgPrimary{ background: #fff} .ProductListBox .posidBox .one .right{width:50%;padding:30px} .ProductListBox .posidBox .one .right h3{color:#333333;font-size:24px;} .ProductListBox .posidBox .one .right span{ display: block;color:#666666;font-size:14px} .ProductListBox .posidBox .one .right hr{ display: inline-block;width:50px; height:1px; border:none; background: #c31019;margin: 15px 0;} .ProductListBox .posidBox .one .right p{color:#666666;font-size:14px} .ProductListBox .posidBox .one .right b{color:#c31019;font-size:14px;margin-top: 50px;display: block;} .ProductListBox .posidBox .one:hover .right h3{ color:#c31019} .ProductListBox .posidBox .two{ float:left;width:49%;margin-left:2%;} .ProductListBox .posidBox .x2{ margin-left:0%;} .ProductListBox .posidBox .two .box{padding:30px;} .ProductListBox .posidBox .two .box h4{color:#333333;font-size:20px;} .ProductListBox .posidBox .two .box span{ display: block;margin-top:5px; color:#666666;font-size:14px} .ProductListBox .posidBox .two .box span font{ float:right;color:#666666;font-size:14px} .ProductListBox .posidBox .two:hover h4,.ProductListBox .posidBox .two:hover span font{ color:#c31019} .list-product{margin-top:30px;margin-bottom:10px;overflow: hidden;margin-left: -2%;} .list-product li{float:left;} .list-product li{ float:left;width:23%;margin-left:2%;background: #fff;margin-bottom: 2%;height: 260px;} .list-product li.x1{ /*! margin-left:0%; */} .list-product li .box{padding:20px;} .list-product li .box h4{color:#333333;font-size:16px;} .list-product li .box span{ display: block;margin-top:10px; color:#666666;font-size:14px;overflow:hidden;} .list-product li .box span font{ float:right;color:#666666;font-size:14px} .list-product li:hover h4,.ProductListBox .posidBox .two:hover span font{ color:#c31019} .ProductListBox .list-product li{ /*margin-bottom:0px;*/} .ProductListBox .list-product li .pic img{background:#fff;} .ProductListBox .list-product li .ImgDisappear{max-height:227px;} /*==浜у搧璇︽儏鈫掿=*/ .ProductShow{} .ProductShow .sTop{margin:20px 0 40px 0;} .ProductShow .sTop .left{width:660px;} .ProductShow .sTop .right{width:480px;} .ProductShow .sTop .right h3{color:#333333;font-size:20px;} .ProductShow .sTop .right span.market{ color:#666666;font-size:16px;display: block;margin: 10px 0;} .ProductShow .sTop .right p{color:#888888;font-size:14px;margin: 20px 0;border-top: 1px #ddd dashed;padding-top: 20px;line-height: 24px;} .ProductShow .sTop .right .tel{color:#ffffff;font-size:26px;padding:0px 0 0 20px; background: #333333;display: block;line-height: 50px;} .ProductShow .sTop .right .tel a{display: block;color:#fff;font-size:16px;background: #c31117;line-height: 50px;/*! margin: -15px 0; */float: right;padding: 0 20px;} .ProductShow .sTop .right .wox{color:#666666;font-size:18px; border:1px #ddd solid; padding:10px; background: #f5f5f5;display: block;margin-top: 20px;} .ProductShow .sCenter{} .ProductShow .sCenter .tone{ text-align: center; border-top:1px #ddd solid; background: #f5f5f5;} .ProductShow .sCenter .tone span:before{ opacity: 0;position: absolute; top:-8px;left:50%; font-size:25px;color:#2b4c93} .ProductShow .sCenter .tone span:after{opacity: 0;content: ""; position: absolute; top:-1px;left:0;width:100%; height:3px;background: #2B4B93;} .ProductShow .sCenter .tone span{ position: relative; display: inline-block;color:#585858;font-size:16px; padding:15px 25px; cursor: pointer;} .ProductShow .sCenter .tone span.hit{ border-left:1px #ddd solid; border-right:1px #ddd solid;background: #fff;} .ProductShow .sCenter .tone span.hit:before,.ProductShow .sCenter .tone span.hit:after{ opacity: 1} .ProductShow .sCenter .down{} .ProductShow .sCenter .down .wor{padding:20px 10px;} .ProductShow .sCenter .down .video iframe{ width:700px;height:400px; margin:30px auto 0;display: block;} .ProductShow .sCenter .down .wor img{ max-width:100%;} .ProductShow .sCenter .down .wor table tr{line-height:35px;} .ProductShow .sCenter .down .box .download{ display: block; padding:10px 20px; color:#666;font-size:14px; } .ProductShow .sCenter .down .box .download:nth-child(even) {background:#f1f1f1} .ProductShow .sCenter .down .box .download span{float:right;font-size:14px;color:#777;} .ProductShow .sCenter .down .box .download:hover,.ProductShow .sCenter .down .box .download:hover span{ color:#c31117} .ProductShow .Srelevant{ margin:60px 0 20px 0;clear: both;overflow: hidden;} .ProductShow .Srelevant .title{ border-bottom:1px #ddd solid;width: 100%;float: left;clear: both;overflow: hidden;} .ProductShow .Srelevant h2{float:left; position: relative; color:#303030;font-size:24px;font-weight:bold;padding-bottom:10px; } .ProductShow .Srelevant h2 font {color:#939393;font-size:16px} .ProductShow .Srelevant h2:before{ content: ""; position: absolute; left:0;bottom:0; height:3px;width:100%; background: #c41e23;} .ProductShow .Srelevant .list{ margin:30px 0;overflow: hidden;clear: both;float: left;width: 100%;} .ProductShow .Srelevant .list li{float:left;width:25%;} .ProductShow .Srelevant .list li a{ display: block; margin:0 10px} .ProductShow .Srelevant .list li h4{color:#555555;font-size:14px; text-align: center; margin-top: 10px;} .ProductShow .Srelevant .list li:hover h4{color:#c41e23} /* .picScroll-top{ margin:0 auto; width:100%; overflow:hidden; position:relative; border:1px solid #ccc; } .picScroll-top .hd{ overflow:hidden; background:#f4f4f4; padding:0 0 0 10px; width: 30%;float: right;} .picScroll-top .hd .prev,.picScroll-top .hd .next{color:#fff;font-size:14px; display:block; width:19px; height:15px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background: #2b4c93} .picScroll-top .hd .next{ background-position:0 -140px; } .picScroll-top .hd .prevStop{ background-position:-60px -100px; } .picScroll-top .hd .nextStop{ background-position:-60px -140px; } .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; width: 50px;} .picScroll-top .hd ul li{ float:left; width:100%; height:50px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#000;margin-bottom: 10px;} .picScroll-top .hd ul li.on{ background-position:0 0; } .picScroll-top .bd{ width: 70%;float: left;} .picScroll-top .bd .tempWrap{ border:1px #ddd solid;} .picScroll-top .bd ul{ overflow:hidden; zoom:1; } .picScroll-top .bd ul li{ text-align:center; zoom:1; } .picScroll-top .bd ul li img{ width:100%; height:355px; display:block; padding:2px; border:1px solid #ccc; } */ /* 浜у搧璇︽儏*/ .pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;} .prodPic{width:100%;} .prodPic .big{width:520px;height:355px;position:relative;z-index:1;float:left;border:1px solid #e3e3e3;/*! background: #000; */} .prodPic .big a{width:100%;height:353px;background:#e1e5f1;display:table-cell;text-align:center;vertical-align:middle;} .prodPic .big a img{vertical-align:middle;max-width:100%;max-height:355px;} .prodPic .big a{*display:block;line-height:1;} div.zoomDiv{ opacity:0;z-index:-1;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;} .prodPic .list{width:125px;height:355px;overflow:hidden;position:relative;float:right;} .prodPic .list a.prev,.prodPic .list a.next{display:block;width:60px;line-height:30px;position:absolute;bottom:0;left:0; background:#2b4c93;overflow:hidden;cursor:pointer;text-align: center;font-size: 20px;color: #fff;} .prodPic .list a.next{ background: #c31117;} .prodPic .list a.next{right:0;bottom:0;/*! background:#999; */left: auto;} .prodPic .list a.prev:hover{background-position:0 -25px;} .prodPic .list a.next:hover{background-position:0 -75px;} .prodPic .list .thumb{position:relative;width:125px;height:305px;overflow:hidden;top:0;} .prodPic .list .thumb ul{position:absolute;height:99999px;} .prodPic .list .thumb ul li{background:none;float:left;width:125px;height:105px;position:relative;} .prodPic .list .thumb ul li a{display:block;width:100%;height:90px;border:2px solid #e3e3e3;text-align:center;background:#e1e5f1;} .prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;height: 100%;} .prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;} .prodPic .list .thumb ul li a.selected{border-color:#cf0a0a;} .prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat} /*==鏈嶅姟鏀寔鈫掿=*/ .serviceBox{} .serviceBox .title{ margin:10px 0 50px 0;color:#000000;font-size:35px; padding-bottom:10px; border-bottom:1px #ddd solid;} .serviceBox .train{clear: both;overflow: hidden;} .serviceBox .train .left{width:50%;padding-right:50px;color:#585858;font-size:14px;line-height: 25px;} .serviceBox .train .right{width:50%;} .serviceBox .sale{overflow: hidden;clear: both;margin: 50px 0;} .serviceBox .sale ul{ margin:60px 0 30px;overflow: hidden;} .serviceBox .sale ul li{ float:left; width:20%; text-align: center} .serviceBox .sale ul li em{ display: block; margin:auto; width:69px; height:69px;} .serviceBox .sale ul li h4{font-size:14px;color:#333;margin: 5px 0 25px 0;} .serviceBox .sale ul li span{ display: block;/*! margin-top:40px; */color:#666;font-size:12px;} .serviceBox .sale ul li.x1 em{ background: url(../images/serviceIco01.jpg) no-repeat center;} .serviceBox .sale ul li.x2 em{ background: url(../images/serviceIco02.jpg) no-repeat center;} .serviceBox .sale ul li.x3 em{ background: url(../images/serviceIco03.jpg) no-repeat center;} .serviceBox .sale ul li.x4 em{ background: url(../images/serviceIco04.jpg) no-repeat center;} .serviceBox .sale ul li.x5 em{ background: url(../images/serviceIco05.jpg) no-repeat center;} .serviceBox .policy{clear: both;overflow: hidden;} .serviceBox .policy .left{width:62%;padding-right:50px;color:#585858;font-size:14px;line-height: 25px;} .serviceBox .policy .right{width:38%;} /*==琛ㄥ崟鎻愪氦鈫掿=*/ .formBox{ margin:20px 0;clear: both;overflow: hidden;} .formBox .left{width:50%;} .formBox .right{width:40%;color:#656565;font-size:14px;line-height: 25px;} .formBox .right h3{color:#000000;font-size:20px; margin-bottom:20px;} .formBox{clear: both;overflow: hidden;} .formBox .bin{ margin:15px 0;padding-right:15px;} .formBox .bin input,.formBox .bin textarea{border:1px #ddd solid;line-height: 35px;padding:0 8px} .formBox .bin b i{ color:red;} .formBox .bin b{ display:block;color:#000000;margin-bottom:10px;font-size:16px;font-weight:bold} .formBox .bin-1{float:left;width:50%;} .formBox .bin button{margin-right:10px;line-height:35px;padding:0 20px; color:#fff;font-size:12px;border:none;background: #999;transition: all .4s ease-in-out;} .formBox .bin-1 input{width:100%;} .formBox .bin-2 textarea{width:100%;} .formBox .bin-2{} .formBox .bin-3 input{width:200px;margin-right:10px} .formBox .bin-3 .browse{ background: #616161;} .formBox .bin-3 .upload{background: #2b4b93;} .formBox .bin-4{margin-top:30px} .formBox .bin-4 button{font-size:20px;padding:2px 30px;} .formBox .bin-4 .submit{ background: #ff3838;} .formBox .bin-4 .reset{ background: #c5c5c5;} .formBox .bin-yzm{} .formBox .bin-yzm input{ width:130px} .formBox .bin-yzm img{ margin-left:10px; height:35px;} .formBox .bin button:hover{ background: #000;} /*==鍔犲叆鎴戜滑鈫掿=*/ .joinBoxIndex{margin: 0 0 20px 0;} .joinBoxIndex .wx{margin:30px 0 50px 0;color:#424242;font-size:14px;text-align: center;} .joinBoxIndex .wx b{color:#424242;font-size:20px; margin-bottom: 10px;;display: block;} .joinBoxIndex .box{ float:left;width:48%; margin-left:2%; background: #eeeeee;margin-bottom: 2%;} .joinBoxIndex .box .pic{ width:50%;} .joinBoxIndex .box .pic img{width:100%;} .joinBoxIndex .box .right{width:50%; padding:50px 30px;} .joinBoxIndex .box .right h3{color:#1d1d1d;font-size:25px;} .joinBoxIndex .box .right p{color:#424242;font-size:14px; margin:20px 0 40px 0;} .joinBoxIndex .box .right em{ float:left;color:#999;width:30px;font-size:15px; border:1px #999 solid; display: block;transition: all .4s ease-in-out; /*! padding:10px; */text-align: center;line-height: 30px;} .joinBoxIndex .box:hover .right h3{color:#2b4b93} .joinBoxIndex .box:hover .right em{color:#2b4b93;border:1px #2b4b93 solid} /*job*/ .join_box{ float:left; width:100%; margin:50px 0 0 0; } .join_box ul{padding:0px} .join_box ul li{ float:left;width:100%; background:#eee;padding:20px 20px 50px 20px; margin:0 0 50px 0} .join_box h3{ position: relative; float:left; padding:10px; font-size:20px; font-weight:400; color:#555; cursor:pointer;width:100%;} .join_box ul li:hover i{ opacity: 1; color: #ff3838} .join_box i{ opacity: 0; position: absolute;left:50%; top:20px; color:#fff;font-size:30px;transition: all .4s ease-in-out;} .join_box h3 em{ margin-right:5px; font-size:40px; color:#666} .join_box h3 span{ float:right; font-size:14px; margin-top:-20px;} .join_box h3 font{ font-size:12px;} .join_box li a span{ float:left; padding:7px 15px;}/**/ .join_box li a b{ float: right; background:#666; line-height:35px;height:100%; color:#fff; padding:0px 10px;border-radius: 0px 8px 8px 0;} .join_box .answer{ display: none;} .join_box .box{ float:left; width:100%; border-top:1px #ddd solid;margin:20px 0 10px 0; padding:10px 0 0px 0;} .join_box .box b{ float:left; width:100%;margin:0 0 10px 0; font-size: 16px;font-weight: bold;} .join_box .box p{float:left; width:100%;color:#777; font-size:14px; line-height:27px;} .join_box .sbox{ float:left;width:50%;padding:10px 20px 10px 20px} .join_box .down{ margin-left:20px;color:#000; font-size:14px; margin-top:10px;padding-top:10px;border-top: 1px #ddd dashed ;overflow: hidden;} .join_box .down span{color:#666; } .join_box .down a{float:left; margin-top:10px; background:#f60; color:#fff; border-radius:10px;padding:10px 25px; font-size:14px;text-align:center} .join_box .down a:hover{background:#AB7D4E;} .joinBox .wx{color:#585858;font-size:14px;line-height: 25px;} .joinBox .wx .title{ margin:20px 0 30px 0;color:#000000;font-size:35px; padding-bottom:10px;line-height: initial; border-bottom:1px #ddd solid;} .joinBox .wx span{padding-left:20px;display:block;} /*==瑙e喅鏂规鈫掿=*/ .solve-list{clear: both;overflow: hidden;} .solve-list h3{color:#666666;font-size:24px;margin:20px 0 15px 0} .solve-list li{ float:left;} .solve-list li a{ position:relative;display: block;} .solve-list li.one{width:50%;padding-left: 10px;} .solve-list li.one p{ position: absolute;bottom: 0;left:0;width:100%;color:#fff;font-size:12px;padding:10px;background:rgba(0,0,0,0.5)} .solve-list li.one p b{ display: block;font-size:18px;color:#fff;margin-bottom: 5px;} .solve-list li.two{width:24.9%;} .solve-list li.two a{margin:0 0 10px 10px;} .solve-list li.two h4{opacity: 0;position: absolute;bottom: 0;left:0;width:100%;color:#fff;text-align: center;font-size:14px;padding:10px;background:rgba(0,0,0,0.5);} .solve-list li.two img{opacity: 0.8;-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .solve-list li.two:hover img{opacity: 1;-webkit-filter: grayscale(0%);filter: grayscale(0%);filter: gray;} .solve-list li.two:hover h4{ opacity: 1} .solve-show{} .solve-show .block1{margin:20px 0;overflow: hidden;} .solve-show .block1 .left{width:55%;padding-right:50px;} .solve-show .block1 h3.title2{color:#000000;font-size:25px;} .solve-show .block1 .left span{margin:5px 0; display: block;color:#aeaeae;font-size:14px;} .solve-show .block1 .wx{color:#585858;font-size:14px; line-height: 25px;} .solve-show .block1 .wx .title{margin:10px 0 20px 0;color:#000000;font-size:16px;} .solve-show .block1 .wx-2{margin-top:30px;} .solve-show .block1 .wx-2 h3.title2{float:left;color:#000000;font-size:25px; border-bottom:1px #ddd solid;padding-bottom:20px;margin-bottom:20px;} .solve-show .block1 .right{width:45%;} .focusSolve{width:100%; height:100%; margin:0 auto; position:relative; overflow:hidden;} .focusSolve .prev,.focusSolve .next{ position: absolute; left:10px; top:50%; color:#ffff; font-size:50px;z-index: 99;opacity: 0.5;cursor: pointer;} .focusSolve .next{ left:auto; right:10px;} .focusSolve .prev:hover,.focusSolve .next:hover{ color:#666} .focusSolve .spot{display: none} .focusSolve .long{position:relative; z-index:0;} .focusSolve .long li img{width:100%;} .focusSolve .long li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .solve-show .titleCx{ margin:10px 0 35px 0;color:#000000;font-size:35px; padding-bottom:10px; border-bottom:1px #ddd solid;} .solve-show .titleCx{clear: both;overflow: hidden;} .solve-show .titleCx b{display: block;} .solve-show .video{ clear: both; overflow: hidden} .solve-show .video .long{width: 1200px; height:510px;margin: 0 auto; display: block;} .solve-show .video .long .container{ position: relative;overflow: hidden;clear: both;height: 100%;} .solve-show .video span{ position: absolute; top:45%; left:32%; text-align:center;color:#fff;font-size:18px;display: block;} .solve-show .video span em{ display: block; margin:0 auto 15px; color:#fff; font-size:16px;border-radius: 50%; background:rgba(0,0,0,0.5);width: 50px;line-height: 50px;text-align: center;} .solve-show .parameter{ margin:20px 0} .solve-show .parameter .list{ border-top:1px #ddd solid} .solve-show .parameter .list li{ clear: both; border-bottom:1px #ddd solid;overflow: hidden;} .solve-show .parameter .list li b,.solve-show .parameter .list li a{ display:inline-block;float:left;width:33.3%;line-height:35px;} .solve-show .parameter .list li.title b{ color:#333;font-size:15px; font-weight:bold;} .solve-show .parameter .list li.wx{} .solve-show .parameter .list li.wx b,.solve-show .parameter .list li.wx a{ color:#666;font-size:12px;} .solve-show .parameter .list li.wx a{text-decoration:underline} .solve-show .parameter .list li a:hover{color:#c31019} .solve-show .inquire{ margin:50px 0} /*==甯哥敤鍒楄〃=鈫掿*/ /*.list-box{margin-top:20px;} .list-box li{float:left; width:31.3%; margin:0 1% 1% 1%} .list-box li img{max-width:100%;width:100%;} .list-box li .imgPD{border: 1px #ddd solid;} .list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;} .list-box li:hover h4{color:#c31019;}*/ /* .list-honor2{} .list-honor2 li{float:left; width:14.6%; margin:0 1% 1% 1%} .list-honor2 li .imgPD{border: 1px #ddd solid;} .list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;} .list-honor2 li:hover h4{color:#c31019;} .list-box3{margin-top:20px;} .list-box3 li{float:left; width:31.3%; margin:0 1% 1% 1%} .list-box3 li img{max-width:100%;width:100%;} .list-box3 li .imgPD{border: 1px #ddd solid;} .list-box3 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;} .list-box3 li:hover h4{color:#c31019;} */ /*==鏂伴椈3鈫掿=*/ .NewsListBox3{} .NewsListBox3 li{float:left; width:31%; margin:0 1% 2% 1%;} .NewsListBox3 li img{} .NewsListBox3 li .box{float:left;width:100%; /*! height:240px; */ padding:20px; background: #f5f5f5;} .NewsListBox3 li .box span{position: relative;/*! margin:-45px 0 0 20px; */ display:block;/*! width:100px; */color:#999; font-size:13px; padding:0px; /*! text-align: center; */ /*! background: #2D2D2D; */} .NewsListBox3 li .box span font{display:block; float:right;color:#ccc; font-size:16px;} .NewsListBox3 li .box h4{color:#333; font-size:17px;margin: 5px 0 5px 0;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li:hover .box{background: #e1e1e1} .NewsListBox3 li:hover .box h4{color:#c31019} .NewsListBox3 li{width:31%;} .NewsListBox3 li .box span{font-size:13px;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li .box h4{font-size:17px;margin: 5px 0 5px 0;} /*==鑱旂郴鎴戜滑鈫掿=*/ .contact{} .contact h2{color:#1a1a1a; font-size:25px;margin:0px 0 50px 0;} .contact .long{float:left;width:100%} .contact .long b{float: left; width:20%; text-align: center;} .contact .long b h4{color:#999; font-size:14px; font-weight:400} .contact .long b h4 span{margin:5px 0; display: block; color:#666; font-size:13px;} .contact .box{float:left;width:100%;margin:10px 0 50px 0;font-size:15px;color:#666; line-height:25px; border:1px #eee solid; padding:30px; background:#fdfdfd;} .contact .box .fl{width:50%;} .contact .box b{ display: block;color:#666;font-size:20px;margin-bottom:20px;} .contact #dituContent{float:left;width:100%;height:450px; margin:0px 0 0 0;} .contact #dituContent1{float:left;width:100%;height:450px; margin:0px 0 0 0;} /*===鐣欒█鈫掿=*/ .comments{ overflow: hidden;clear: both} .comments .title{float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px; } .comments .title{} .comments .title b{margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400;} .comments .title span{display: block; border: 2px solid #ccc; width: 14px;height: 14px;border-radius: 100%; margin: .4em auto 0em; position: relative;} .comments .contact-form{} .comments .contact-form input{ } .comments .contact-form input{ float:left; width:48%; margin-right:3%} .comments .contact-form input:nth-child(even){ float:right; width:48%;} .comments .contact-form input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777; height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;} .comments .contact-form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; } .comments .contact-form button{ float:left;display:block;cursor: pointer; background:#666; font-size:17px; border:none; margin:14px auto; color:#fff; padding:7px 30px;} .comments .contact-form button:hover{ background:#9a6834} .comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;} .comments .contact-form .yzm{width: 205px;margin-right: 20px;} .comments .contact-form .yzm input.input-verifycode{width: 120px;float: right;margin: 10px 0px 0px 0px;} .comments .contact-form .yzm img{float: left; margin: 20px 0 0 0;} /*==鏂囩珷璇︽儏鈫掿=*/ .WorShowBox{margin:0 0 50px 0} .WorShowBox .title{border-bottom:1px #ddd solid;padding:0 0 20px 0;text-align: center;margin: 0 0 20px 0;} .WorShowBox .title h1{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;} .WorShowBox .title span{padding:0 7px;color:#999;font-size: 13px;} .WorShowBox .title .fonts a{padding:0 3px;} .WorShowBox .title .fonts a{padding:0 3px;} .WorShowBox .title a.active{font-weight:bold;color:#9a6834;} .WorShowBox .pagIng{border-top:1px #ddd solid;margin-top:20px; border:1px #eee solid;padding:10px;} .WorShowBox .pagIng a{color:#999;font-size:13px;} .WorShowBox .pagIng a:hover{color:#e0232a} .WorShowBox .pagIng font{color:#bbb;font-size:13px;} .WorShowBox .pagIng span{display:block;margin:5px 0;color:#666;font-size:13px;} /*==璇︽儏椤碘啌==*/ .showBox .bin{position:relative;width:100%; overflow: hidden;} .showBox .bin .pos{position: absolute; top:0;left:0;width:100%;} .showBox .bin img{max-width:100%;} .showBox .bin .wx{text-align:center;} .showBox .bin .wx h1{font-size:30px; margin-bottom:30px;} .showBox .bin .wx p{font-size:14px;line-height: 25px} .showBox .bin .ibox{display: block; margin-top:50px; text-align:center;} .showBox .bin .more{display: table; margin:70px auto 0; color:#a9a9a9;font-size:12px;border-radius:5px;padding:10px 35px; border:1px #a9a9a9 solid;} .showBox .bin .more:hover{color:#c31019; border:1px #c31019 solid;} .showBox .bin-Pli{} .showBox .bin-Pli .left{position:relative;width:50%;} .showBox .bin-Pli .left img{position: absolute; top:0;right:0; max-width:initial} .showBox .bin-Pli .right{width:35%;/*! padding-top: 100px; */} .showBox .bin-Pri{} .showBox .bin-Pri .left{width:35%;/*! padding-top: 100px; */} .showBox .bin-Pri .right img{position: absolute; top:0;left:0; max-width:initial;} .showBox .bin-Pri .right{position:relative;width:50%;} .showBox .b-w .wx{width:30%;} .showBox .bin-Pli .pic img,.showBox .bin-Pli .pic img{height:100%} .showBox .mr{margin:50px 0 30px 0; overflow: hidden;} .showBox .mr100{margin:100px 0;} .showBox .mr-t100{margin-top:100px;} .showBox .mr-t200{margin-top:200px;} .showBox .pg100{padding:100px 0;} .show-1{} .show-1 .one{} .show-1 .bin1{position: relative;} .show-1 .bin1 .pic{} .show-1 .bin1 .pos{/*! position: absolute; */ /*! top:0; */ /*! left:0; *//*! width:100%; */} .show-1 .bin1 .container{} .show-1 .bin1 .wx{/*! margin:100px 0 0 0; */ /*! float:right; *//*! width:30%; */ text-align:center;margin: 80px auto 0;} .show-1 .bin1 .wx h1{color:#222222;font-size:30px;} .show-1 .bin1 .wx p{margin-top:20px;color:#666666;font-size:14px;} .show-1 .bin2 .wx{/*! margin:50px 0 0 0; */} .show-1 .bin2 .wx h1{color:#fff;} .show-1 .bin2 .wx p{color:#fff;} .show-1 .bin3{} .show-1 .bin4{} .show-1 .bin4 .wx{/*! width:30%; */ /*! margin-top:200px; */} .show-1 .bin5{} .show-1 .bin6{} .show-2 .bin1{/*! padding:50px 0; */ background:url(../images/proImg2-01.jpg) no-repeat center; background-size:cover;} .show-2 .bin2{} .show-2 .bin2 .wx h1{padding:0 100px;} .show-2 .bin2 .left{width:50%;margin-top: 100px;} .show-2 .bin2 .left .i-1{float:left; width:48%; margin:0 1% 2% 1%; color:#666666; text-align:center;font-size:20px;padding:50px; border-radius:5px; border:1px #ddd solid;height: 150px;} .show-2 .bin2 .right img{position: absolute; top:0;left:0; max-width:initial;height: 100%;} .show-2 .bin2 .right{width:50%; position: relative;} .show-2 .bin3{/*! margin:50px 0 100px 0 */background:url(../images/proImg2-03.jpg) no-repeat center fixed;background-size: cover;} .show-2 .bin3 .wx h1{color:#fff} .show-2 .bin3 .wx p{color:#fff} .show-2 .bin3 .i-2{float:left; width:20%; border-right:1px #fff solid;color:#fff;font-size:20px;} .show-2 .bin3 .i-2 img{display: block;max-width:100%; margin:0 auto 10px;} .show-2 .bin3 .i-2:last-child{border-right:0px;} .show-2 .bin3 .more{color:#fff;border:1px #fff solid} .show-2 .bin3 .mr{/*! margin:50px 0 30px 0; */ overflow: hidden;} .show-2 .bin4{/*! margin:20px 0 0 0; *//*! padding:100px 0; */ background: #efefef} .show-2 .bin4 .mr{/*! margin:50px 0 10px 0; */} .show-2 .bin4 .i-3{float:left; width:18%; margin:0 1%;color:#666666;font-size:14px; text-align:center;padding:30px 10px;background: #fff;height: 170px;} .show-2 .bin4 .i-3 i{font-style:normal; color:#666666; font-size:40px;display: block;} .show-3 .bin1{} .show-3 .bin1 .wx{/*! margin-top:100px; */} .show-3 .bin2{/*! margin:100px 0 0 0; */} .show-3 .bin2 .wx{margin:80px 0;} .show-3 .bin2 .pic{text-align:center; width:100%; /*! margin-top:50px; */} .show-3 .bin2 .pos{position: absolute; bottom:50px; top:auto;} .show-3 .bin2 .i-5{float:left; width:31.3%;height:180px;font-size:14px;color:#fff; margin:0 1%; text-align:center; padding:30px;background:rgba(0,0,0,0.5);} .show-3 .bin2 .i-5 b{display:block; color:#fff;font-size:20px; margin-bottom:20px;} .show-3 .bin6{/*! margin:100px 0; */} .show-3 .bin6 .mr{/*! margin:50px 0; */} .show-3 .bin6 .i-6{float:left; width:33.3%; border-right:1px #ddd solid;color:#666666;font-size:14px; text-align:center;} .show-3 .bin6 .i-6:last-child{border:none;} .show-3 .bin6 .i-6 b{display:block; margin:10px 0;color:#222222;font-size:20px;} .show-1 .bin3 .wx p{text-align:left;} /*==搴曢儴===*/ .footer{padding: 50px 0 0px 0;background: #2f2f2f; } .footer .nav{overflow: hidden;display: table;width: 100%;} .footer .left-top{width:70%; } .footer .left-top li{/*! float:left; */padding-right: 30px;display: table-cell;} .footer .left-top li h3{color:#fff;font-size:16px;margin-bottom: 15px;} .footer .left-top li a{ display:block; padding:3px 0;color:#a4a4a4;font-size:12px;} .footer .left-top li a:hover{color:#fff} .footer .right-top{ text-align:center;padding:30px 20px;background: #2b4b93; width: 28%;color: #fff;margin-top: -50px;} .footer .right-top span{color:#fff;font-size:16px;display: table;margin: auto;position: relative;} .footer .right-top span:before,.footer .right-top span:after{ content:""; position: absolute;top:10px;left:-60%; width:50%;height:1px;background: #fff;} .footer .right-top span:after{right:-60%;left:auto} .footer .right-top b{ display: block;color:#fff;font-size:30px;font-weight:bold;margin: 5px 0;} .footer .right-top img{ display: block; max-width:100px;margin: 10px auto 0;} .footer .right-top font{font-size: 12px; margin:5px 0; display: block} .footer .bottom{margin-top:10px;padding:20px 0;color:#a4a4a4;font-size:12px; border-top:1px #555 solid;overflow: hidden;} .footer .bottom a{color:#a4a4a4;font-size:12px;margin: 0 5px;} .footer .bottom a:hover{color:#fff} .footer .bottom .right-down{color:#666;font-size:12px;} .footer .bottom .right-down span{ color:#999;font-size:14px;} .footer .bottom .right-down a{ margin:0 10px;} .footer .link{margin-top: 30px;padding:20px 0;/*! border-top: 1px #333 solid; */} .footer .link h3{float: left;color:#fff;font-size:13px;} .footer .link h3 font{color:#999; font-size:11px; margin-left:5px} .footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;} .footer .link a:hover{color:#fff} .footer .link a:last-child{border:none;} /*==鍝嶅簲寮廄=*/ @media (min-width:760px){ /*--=闅擙--*/ .header{padding:10px 0;height: 74px;} .header .logo{} .header .logo img{height:35px;margin-top:10px;} .header .logo .block{ position: absolute;top:-50px;right:-20px;z-index: -1;width:500%; height:114px; background: #0561a6;} .header .logo .block:before{ position: absolute; bottom: -26px; right: 0; width: 0;height: 0;} .header .logo .block:after{ position: absolute;bottom: -26px;right: 30px; width: 100%; height: 30px;background:#0561a6; } .header .nav{margin: 5px 0px 0 0;} .header .nav li:hover .sub{ display: none;} .header .nav li a.navAone{ font-size:14px; padding:10px 5px;} .header .nav li a.navAone:before{ bottom:-19px; } .header .search{width: 80px;height: 50px;margin: -10px 0;display: none;} .header .search em{/* margin:27px 0 0 25px; */} /*--=闅擙--*/ .HomeProgramme{margin: 10px 0 0 0;} .HomeProgramme .tone li{ margin:0 10px;} .HomeProgramme .list li{width:25%;} .HomeProgramme .list li a .box{padding: 30px;} .HomeProgramme .list li .box h4{font-size:16px;} .HomeProgramme .list li .box p{ display: none;margin: 20px 0 10px 0;} .HomeProgramme .list li .box em{ display: block;} /*--=闅擙--*/ .HomeProduct{padding:5px 0 40px 0; background: #f5f5f5;} .HomeProduct .list li{height: 180px;} /*--=闅擙--*/ .HomeAbout .wx{;font-size:12px;} .HomeAbout .block2 li span{ font-size:35px;} /*--=闅擙--*/ .HomeNews .list li span{ width:20%; font-size:20px;margin-right: 20px;} .HomeNews .list li span font{font-size:12px;} .HomeNews .list li p{ display: none} /*--=闅擙--*/ .HomePartner h2{font-size:14px;} .HomePartner .list li{width:20%;margin: 0 0 10px 0;} /*--=闅擙--*/ /*.list-box{} .list-box li{float:left; width:23%; margin:0 1% 1% 1%} .list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;} .list-box li:hover h4{color:#c31019;}*/ /*--=闅擙--*/ .list-honor2{} .list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%} .list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;} .list-honor2 li:hover h4{color:#c31019;} /*--=闅擙--*/ .ProductShow .sTop .left{width:660px;margin: auto;float: none;} .ProductShow .sTop .right{width:100%;margin-top: 20px;} .ProductShow .sTop .right .tel{font-size:26px;padding:0px 0 0 20px; line-height: 50px;text-align: center;} .ProductShow .sTop .right .tel a{font-size:16px;line-height: 50px;padding: 0 20px;} .ProductShow .sTop .right .wox{font-size:18px; padding:10px;margin-top: 20px;} /*--=闅擙--*/ .join_box{margin:30px 0 0 0; } .join_box ul li{padding:10px 20px 10px 20px; margin:0 0 30px 0;} .join_box h3{padding:5px; font-size:17px; font-weight:400;} .join_box h3 em{ margin-right:5px; font-size:35px; } .join_box h3 span{ font-size:13px; margin-top:-26px;} .join_box h3 font{ font-size:12px;} .join_box li a span{ padding:7px 15px;}/**/ .join_box li a b{line-height:35px;padding:0px 10px;} .join_box .box{margin:15px 0 10px 0; padding:10px 0 0px 0;} .join_box .box b{margin:0 0 10px 0; font-size: 15px;font-weight: bold;} .join_box .box p{font-size:13px; line-height:25px;} .join_box .sbox{width:50%;padding:10px 20px 10px 20px} .join_box .down{ margin-left:20px;font-size:14px; margin-top:0px;padding-top:10px;margin-bottom: 20px;} .join_box .down a{ margin-top:5px;padding:7px 30px; font-size:14px;} /*--=闅擙--*/ .AboutBox .introduction .left{width:100%;} .AboutBox .introduction .right{width:100%; padding-left:0px;} .AboutBox .idea{margin: 10px 0 50px 0;} .AboutBox .idea ul{margin-top:50px;} .AboutBox .idea ul li{width:33.3%;} .AboutBox .idea p{padding:20px;height:165px;font-size:12px;} .AboutBox .idea p b{ font-size:30px;margin-bottom: 30px;} .AboutBox .idea p b:before{ bottom:-15px;left:50%;margin-left:-30px;width:50px;height:3px; } .AboutBox .album{margin:20px 0 0 0;padding:60px 0; } .AboutBox .album .title-2{width:24%;margin-left: 1%;} .AboutBox .album .title-2 hr{width:100px;height:2px; /*! float: left; */} .AboutBox .album .title-2 span{font-size:19px;} .AboutBox .album .title-2 h2{font-size:20px;font-weight:400;} .AboutBox .album .title-2 p{font-size:15px; margin-top:5px;} .AboutBox .album .Pic-a{width:49%;margin-left: 1%;} .AboutBox .album .more{width:24%; padding:11px 20px;margin-left: 1%;} .AboutBox .album .more hr{width:50px;height:2px;} .AboutBox .album .more h2{font-size:18px;} .AboutBox .album .more span{font-size:12px; margin-top:10px;} .AboutBox .album .more a{margin-top:20px; padding:10px 30px;font-size:13px;} .AboutBox .album .list-a{width:24%; margin-left:1%;margin-top: 1%;} .AboutBox .album .list-a h4{opacity:0;font-size:14px;} /*--=闅擙--*/ .solve-show .block1 .left{width:100%;padding-right:0px;} .solve-show .block1 .right{width:100%; text-align: center} /*--=闅擙--*/ .list-honor2 li:hover h4{color:#c31019;} /*--=闅擙--*/ .NewsListBox3 li{width:48%;} .NewsListBox3 li .box span{font-size:13px;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li .box h4{font-size:17px;margin: 5px 0 5px 0;} /*--=闅擙--*/ .serviceBox .train .left{width:100%;padding-right:0px;} .serviceBox .train .right{width:100%; text-align: center} .serviceBox .policy .left{width:100%;padding-right:0px;} .serviceBox .policy .right{width:100%; text-align: center} /*--=闅擙--*/ .joinBoxIndex .box{ width:48%; margin-left:2%; margin-bottom: 2%;} .joinBoxIndex .box .pic{ width:50%;} .joinBoxIndex .box .right{width:50%; padding:20px 10px;} .joinBoxIndex .box .right h3{font-size:16px;} .joinBoxIndex .box .right p{font-size:14px; margin:10px 0 20px 0;} .joinBoxIndex .box .right em{ font-size:15px; line-height: 30px;} /*--=闅擙--*/ .HomeCustomer .list li img{height:80px;} /*--=闅擙--*/ .choice .box{width:50%; padding:10px;font-size:13px;line-height: 22px;} .choice .box h3{font-size:18px; margin-bottom:15px;} .choice .pic{width:50%;} /*--=闅擙--*/ .showBox .bin .wx{ } .showBox .bin .wx h1{font-size:18px; margin-bottom:20px; } .showBox .bin .wx p{font-size:12px;} .showBox .bin .ibox{ margin-top:50px; } .showBox .bin .more{margin:70px auto 0; padding:10px 35px; } .showBox .b-w .wx{/*! width:100%; */ padding:20px;background: rgba(0,0,0,0.2);} .showBox .bin .pos{ /*! position: initial; */ } .showBox .mr{margin:50px 0 30px 0; overflow: hidden;} .showBox .mr100{margin:50px 0;} .showBox .mr-t100{margin-top:30px;} .showBox .mr-t200{margin-top:100px;} .showBox .pg100{padding:50px 0;} .show-1 .bin-Pli .pic,.show-1 .bin-Pri .pic{height:300px;} .show-1 .bin1 .wx{margin: 20px auto 0;width: 100%;} .show-2 .bin2 .left .i-1{ width:48%; margin:0 1% 2% 1%;font-size:14px;padding:30px;height: 100px;} .show-2 .bin2 .right{height:500px;} .show-2 .bin3 .i-2{font-size:14px;} .show-3 .bin2 .i-5{ width:31.3%;height:140px;font-size:12px;margin:0 1%;padding:15px;} .show-3 .bin2 .i-5 b{ font-size:15px; margin-bottom:10px;} .show-3 .bin-Pli .pic,.show-3 .bin-Pri .pic{height:400px;} .show-3 .bin6 .i-6{ width:33.3%;font-size:12px;} .show-3 .bin6 .i-6 b{ margin:10px 0;font-size:16px;} .show-4 .bin-Pli .pic,.show-4 .bin-Pri .pic{height:400px} .show-4 .bin1 .wx{width:100%;margin: 80px auto 0;} .show-5 .bin-Pli .pic,.show-5 .bin-Pri .pic{height:300px} .show-5 .b-w .wx{width:50%; text-align:left;} .show-5 .bin-Pli .wx,.show-5 .bin-Pri .wx{text-align:left;width:42%;} /*--=闅擙--*/ .footer{padding: 50px 0 0px 0;} .footer .left-top{width:100%; } .footer .left-top li{padding-right: 30px;} .footer .left-top li h3{font-size:16px;margin-bottom: 15px;} .footer .right-top{ padding:30px 20px; width: 100%;margin-top: 20px;} .footer .right-top span{font-size:16px;} .footer .right-top span:before,.footer .right-top span:after{left:-60%; width:50%;} .footer .right-top span:after{right:-60%;left:auto} .footer .right-top b{font-size:30px;} .footer .bottom{margin-top:10px;padding:20px 0;} .footer .bottom .right-down span{font-size:14px;} .footer .link{margin-top: 30px;padding:20px 0;} } @media (min-width:1000px){ /*--=闅擙--*/ .header{padding:10px 0;height: 90px;} .header .logo{} .header .logo img{height:auto;margin-top:0px;} .header .logo .block{ position: absolute;top:-50px;right:-40px;z-index: -1;width:500%; height:114px; background: #0561a6;} .header .logo .block:before{ position: absolute; bottom: -26px; right: 0; width: 0;height: 0;} .header .logo .block:after{ position: absolute;bottom: -26px;right: 30px; width: 100%; height: 30px;background:#0561a6; } .header .nav{margin: 20px 0px 0 0;} .header .nav li:hover .sub{ display: table;} .header .nav li a.navAone{ font-size:15px; padding:10px 8px;} .header .nav li a.navAone:before{ bottom:-19px; } .header .search{width: 80px;height: 50px;margin: 21px 0 0 0;display: block;} .header .search em{/* margin:27px 0 0 25px; */} /*--=闅擙--*/ .HomeProgramme{margin: 50px 0 0 0;} .HomeProgramme .tone li{ margin:0 15px;} .HomeProgramme .list li{width:20%;} .HomeProgramme .list li a .box{padding: 30px;} .HomeProgramme .list li:nth-last-child(1),.HomeProgramme .list li:nth-last-child(2){ display: none} .HomeProgramme .list li .box h4{font-size:16px;margin-top: 0%;} .HomeProgramme .list li .box p{ display: none;margin: 20px 0 10px 0;} .HomeProgramme .list li .box em{ display: block;} /*--=闅擙--*/ .HomeProduct{padding:30px 0 40px 0; } .HomeProduct .list li{height: 240px;} /*--=闅擙--*/ .HomeAbout .wx{;font-size:14px;} .HomeAbout .block2 li span{ font-size:50px;} /*--=闅擙--*/ .HomeNews .list li span{ width:20%; font-size:25px;margin-right: 30px;} .HomeNews .list li span font{font-size:14px;} .HomeNews .list li p{ display: block} /*--=闅擙--*/ .HomePartner h2{font-size:16px;} .HomePartner .list li{width:10%;margin: 0 0 0 0;} /*--=闅擙--*/ .ProductShow .sTop .left{width:660px;float: left;} .ProductShow .sTop .right{width:290px;margin-top: 0px;}.ProductShow .sTop .right .tel{font-size:26px;padding:0px 0 0 20px; line-height: 50px;} .ProductShow .sTop .right .tel a{font-size:16px;line-height: 50px;padding: 0 20px;} .ProductShow .sTop .right .wox{font-size:18px; padding:10px;margin-top: 20px;} .ProductShow .sTop .right .tel{font-size:15px;padding:0px 0 0 10px; line-height: 50px;} .ProductShow .sTop .right .tel a{font-size:16px;line-height: 50px;padding: 0 10px;} .ProductShow .sTop .right .wox{font-size:15px; padding:10px;margin-top: 20px;} /*--=闅擙--*/ /*.list-box{} .list-box li{float:left; width:18%; margin:0 1% 1% 1%} .list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;} .list-box li:hover h4{color:#c31019;}*/ /*--*/ .list-honor2{} .list-honor2 li{float:left; width:14.6%; margin:0 1% 1% 1%} .list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;} .list-honor2 li:hover h4{color:#c31019;} /*--=闅擙--*/ .join_box{margin:50px 0 0 0; } .join_box ul li{padding:10px 20px 10px 20px; margin:0 0 50px 0} .join_box h3{padding:10px; font-size:20px; font-weight:400;} .join_box h3 em{ margin-right:5px; font-size:40px; } .join_box h3 span{ font-size:14px; margin-top:-25px;} .join_box h3 font{ font-size:12px;} .join_box li a span{ padding:7px 15px;}/**/ .join_box li a b{line-height:35px;padding:0px 10px;} .join_box .box{margin:20px 0 10px 0; padding:10px 0 0px 0;} .join_box .box b{margin:0 0 10px 0; font-size: 16px;font-weight: bold;} .join_box .box p{font-size:14px; line-height:27px;} .join_box .sbox{width:50%;padding:10px 20px 10px 20px} .join_box .down{ margin-left:20px;font-size:14px; margin-top:10px;padding-top:10px;margin-bottom: 20px;} .join_box .down a{ margin-top:10px;padding:10px 25px; font-size:14px;} /*--=闅擙--*/ .AboutBox .introduction .left{width:50%;} .AboutBox .introduction .right{width:50%; padding-left:40px;} .AboutBox .idea{margin: 10px 0 50px 0;} .AboutBox .idea ul{margin-top:50px;} .AboutBox .idea ul li{width:33.3%;} .AboutBox .idea p{padding:45px;height:215px;font-size:18px;} .AboutBox .idea p b{ font-size:30px;margin-bottom: 30px;} .AboutBox .idea p b:before{ bottom:-15px;left:50%;margin-left:-30px;width:50px;height:3px; } .AboutBox .album{margin:20px 0 0 0;padding:60px 0; } .AboutBox .album .title-2{width:24%;margin-left: 1%;} .AboutBox .album .title-2 hr{width:100px;height:2px; /*! float: left; */} .AboutBox .album .title-2 span{font-size:60px;} .AboutBox .album .title-2 h2{font-size:34px;font-weight:bold;} .AboutBox .album .title-2 p{font-size:20px; margin-top:30px;} .AboutBox .album .Pic-a{width:49%;margin-left: 1%;} .AboutBox .album .more{width:24%; padding:20px;margin-left: 1%;} .AboutBox .album .more hr{width:50px;height:2px;} .AboutBox .album .more h2{font-size:30px;} .AboutBox .album .more span{font-size:16px; margin-top:10px;} .AboutBox .album .more a{margin-top:30px; padding:10px 30px;font-size:16px;} .AboutBox .album .list-a{width:24%; margin-left:1%;margin-top: 1%;} .AboutBox .album .list-a h4{opacity:0;font-size:14px;} /*--=闅擙--*/ .solve-show .block1 .left{width:55%;padding-right:50px;} .solve-show .block1 .right{width:45%;} /*--=闅擙--*/ .NewsListBox3 li{width:31%;} .NewsListBox3 li .box span{font-size:13px;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li .box h4{font-size:17px;margin: 5px 0 5px 0;} /*--=闅擙--*/ .serviceBox .train .left{width:50%;padding-right:50px;} .serviceBox .train .right{width:50%;} .serviceBox .policy .left{width:62%;padding-right:50px;line-height: 25px;} .serviceBox .policy .right{width:38%;} /*--=闅擙--*/ .joinBoxIndex .box{ width:48%; margin-left:2%; margin-bottom: 2%;} .joinBoxIndex .box .pic{ width:50%;} .joinBoxIndex .box .right{width:50%; padding:50px 30px;} .joinBoxIndex .box .right h3{font-size:25px;} .joinBoxIndex .box .right p{font-size:14px; margin:20px 0 40px 0;} .joinBoxIndex .box .right em{ font-size:15px; line-height: 30px;} /*--=闅擙--*/ .HomeCustomer .list li img{height:100px;} /*--=闅擙--*/ .choice .box{width:50%; padding:50px 30px;font-size:15px;line-height: 24px;} .choice .box h3{font-size:20px; margin-bottom:20px;} .choice .pic{width:50%;} /*--=闅擙--*/ .showBox .bin .wx{ } .showBox .bin .wx h1{font-size:20px; margin-bottom:30px; } .showBox .bin .wx p{font-size:12px;} .showBox .bin .ibox{ margin-top:50px; } .showBox .bin .more{margin:70px auto 0; padding:10px 35px; } .showBox .b-w .wx{width:30%; padding:20px;background: rgba(0,0,0,0.2);} .showBox .bin .pos{ position: absolute; } .showBox .mr{margin:50px 0 30px 0; overflow: hidden;} .showBox .mr100{margin:80px 0;} .showBox .mr-t100{margin-top:100px;} .showBox .mr-t200{margin-top:150px;} .showBox .pg100{padding:80px 0;} .show-1 .bin-Pli .pic,.show-1 .bin-Pri .pic{height:500px;} .show-1 .bin1 .wx{margin: 20px auto 0;} .show-2 .bin2 .left .i-1{ width:48%; margin:0 1% 2% 1%;font-size:16px;padding:50px;height: 150px;} .show-2 .bin2 .right{height:580px;} .show-2 .bin3 .i-2{font-size:17px;} .show-3 .bin2 .i-5{ width:31.3%;height:180px;font-size:14px;margin:0 1%;padding:30px;} .show-3 .bin2 .i-5 b{ font-size:18px; margin-bottom:15px;} .show-3 .bin-Pli .pic,.show-3 .bin-Pri .pic{height:566px;} .show-3 .bin6 .i-6{ width:33.3%;font-size:12px;} .show-3 .bin6 .i-6 b{ margin:10px 0;font-size:18px;} .show-4 .bin-Pli .pic,.show-4 .bin-Pri .pic{height:566px} .show-4 .bin1 .wx{width:100%;margin: 80px auto 0;} .show-5 .bin-Pli .pic,.show-5 .bin-Pri .pic{height:500px} .show-5 .b-w .wx{width:50%; text-align:left;} .show-5 .bin-Pli .wx,.show-5 .bin-Pri .wx{text-align:left;width:42%;} /*--=闅擙--*/ .footer{padding: 50px 0 0px 0;} .footer .left-top{width:70%; } .footer .left-top li{padding-right: 30px;} .footer .left-top li h3{font-size:16px;margin-bottom: 15px;} .footer .right-top{ padding:30px 20px; width: 28%;margin-top: -50px;} .footer .right-top span{font-size:16px;} .footer .right-top span:before,.footer .right-top span:after{left:-60%; width:50%;} .footer .right-top span:after{right:-60%;left:auto} .footer .right-top b{font-size:30px;} .footer .bottom{margin-top:10px;padding:20px 0;} .footer .bottom .right-down span{font-size:14px;} .footer .link{margin-top: 30px;padding:20px 0;} } @media (min-width:1200px){ /*--=闅擙--*/ .header{padding:20px 0;height: 110px;} .header .logo{} .header .logo img{height:auto;margin-top:0px;} .header .logo .block{ position: absolute;top:-50px;right:-40px;z-index: -1;width:500%; height:114px; background: #0561a6;} .header .logo .block:before{ position: absolute; bottom: -26px; right: 0; width: 0;height: 0;} .header .logo .block:after{ position: absolute;bottom: -26px;right: 30px; width: 100%; height: 30px;background:#0561a6; } .header .nav{margin: 17px 10px 0 0;} .header .nav li:hover .sub{ display: table;} .header .nav li a.navAone{font-size:15px;padding: 10px 18px 43px 10px;} .header .nav li a.navAone:before{ bottom:-19px; } .header .search{width: 35px;height: 35px;margin: 20px 0 0 0;display: block;} .header .search em{/* margin:27px 0 0 25px; */} /*--=闅擙--*/ .HomeProgramme{margin: 50px 0 0 0;} .HomeProgramme .tone li{ margin:0 35px;} .HomeProgramme .list li{width:24.6%;} .HomeProgramme .list li:nth-last-child(1),.HomeProgramme .list li:nth-last-child(2),.HomeProgramme .list li:nth-last-child(3),.HomeProgramme .list li:nth-last-child(4){ display: none} .HomeProgramme .list li a .box{padding: 10px;} .HomeProgramme .list li .box h4{font-size:13px;margin-top: 20%;} .HomeProgramme .list li .box p{ display: none;margin: 20px 0 10px 0;} .HomeProgramme .list li .box em{ display: block;} /*--=闅擙--*/ .HomeProduct{padding:30px 0 40px 0; } .HomeProduct .list li{height: 280px;} /*--=闅擙--*/ .HomeAbout .wx{;font-size:14px;} .HomeAbout .block2 li span{ font-size:50px} /*--=闅擙--*/ .HomeNews .list li span{ width:20%; font-size:25px;margin-right: 30px;} .HomeNews .list li span font{font-size:14px;} .HomeNews .list li p{ display: block} /*--=闅擙--*/ .HomePartner h2{font-size:16px;} .HomePartner .list li{width:10%;margin: 0 0 0 0;} /*--=闅擙--*/ /*.list-box{} .list-box li{float:left; width:23%; margin:0 1% 1% 1%} .list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;} .list-box li:hover h4{color:#c31019;} */ /*--*/ .list-honor2{} .list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;} .list-honor2 li h4{color:#666;font-size: 15px;padding:10px 0;/*! height: 35px; */} .list-honor2 li:hover h4{color:#c31019;} /*--=闅擙--*/ .ProductShow .sTop .left{width:660px;float: left;} .ProductShow .sTop .right{width:480px;margin-top: 0px;} .ProductShow .sTop .right .tel{font-size:26px;padding:0px 0 0 20px; line-height: 50px;} .ProductShow .sTop .right .tel a{font-size:16px;line-height: 50px;padding: 0 20px;} .ProductShow .sTop .right .wox{font-size:18px; padding:10px;margin-top: 20px;} /*--=闅擙--*/ .join_box{margin:50px 0 0 0; } .join_box ul li{padding:10px 20px 10px 20px; margin:0 0 50px 0} .join_box h3{padding:10px; font-size:20px; font-weight:400;} .join_box h3 em{ margin-right:5px; font-size:40px; } .join_box h3 span{ font-size:14px; margin-top:-25px;} .join_box h3 font{ font-size:12px;} .join_box li a span{ padding:7px 15px;}/**/ .join_box li a b{line-height:35px;padding:0px 10px;} .join_box .box{margin:20px 0 10px 0; padding:10px 0 0px 0;} .join_box .box b{margin:0 0 10px 0; font-size: 16px;font-weight: bold;} .join_box .box p{font-size:14px; line-height:27px;} .join_box .sbox{width:50%;padding:10px 20px 10px 20px} .join_box .down{ margin-left:20px;font-size:14px; margin-top:15px;padding-top:15px;margin-bottom: 20px;} .join_box .down a{ margin-top:10px;padding:10px 25px; font-size:14px;} /*--=闅擙--*/ .AboutBox .introduction .left{width:50%;} .AboutBox .introduction .right{width:50%; padding-left:40px;} .AboutBox .idea{margin: 10px 0 50px 0;} .AboutBox .idea ul{margin-top:50px;} .AboutBox .idea ul li{width:33.3%;} .AboutBox .idea p{padding:50px;height:260px;font-size:18px;} .AboutBox .idea p b{ font-size:30px;margin-bottom: 30px;} .AboutBox .idea p b:before{ bottom:-15px;left:50%;margin-left:-30px;width:50px;height:3px; } .AboutBox .album{margin:20px 0 0 0;padding:60px 0; } .AboutBox .album .title-2{width:24%;margin-left: 1%;} .AboutBox .album .title-2 hr{width:100px;height:2px; /*! float: left; */} .AboutBox .album .title-2 span{font-size:60px;} .AboutBox .album .title-2 h2{font-size:34px;font-weight:bold;} .AboutBox .album .title-2 p{font-size:20px; margin-top:30px;} .AboutBox .album .Pic-a{width:49%;margin-left: 1%;} .AboutBox .album .more{width:24%; padding:40px;margin-left: 1%;} .AboutBox .album .more hr{width:50px;height:2px;} .AboutBox .album .more h2{font-size:30px;} .AboutBox .album .more span{font-size:16px; margin-top:10px;} .AboutBox .album .more a{margin-top:30px; padding:10px 30px;font-size:16px;} .AboutBox .album .list-a{width:24%; margin-left:1%;margin-top: 1%;} .AboutBox .album .list-a h4{opacity:0;font-size:14px;} /*--=闅擙--*/ .solve-show .block1 .left{width:55%;padding-right:50px;} .solve-show .block1 .right{width:45%;} /*--=闅擙--*/ .NewsListBox3 li{width:23%;height: 335px;} .NewsListBox3 li .box span{font-size:13px;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li .box h4{font-size:17px;margin: 5px 0 5px 0;} /*--=闅擙--*/ .serviceBox .train .left{width:50%;padding-right:50px;} .serviceBox .train .right{width:50%;} .serviceBox .policy .left{width:62%;padding-right:50px;} .serviceBox .policy .right{width:38%;} /*--=闅擙--*/ .joinBoxIndex .box{ width:48%; margin-left:2%; margin-bottom: 2%;} .joinBoxIndex .box .pic{ width:50%;} .joinBoxIndex .box .right{width:50%; padding:50px 30px;} .joinBoxIndex .box .right h3{font-size:25px;} .joinBoxIndex .box .right p{font-size:14px; margin:20px 0 40px 0;} .joinBoxIndex .box .right em{ font-size:15px; line-height: 30px;} /*--=闅擙--*/ .HomeCustomer .list li img{height:100px;} /*--=闅擙--*/ .choice .box{width:50%; padding:50px 30px;font-size:15px;line-height: 24px;} .choice .box h3{font-size:20px; margin-bottom:20px;} .choice .pic{width:50%;} /*--=闅擙--*/ .showBox .bin .wx{ } .showBox .bin .wx h1{font-size:25px; margin-bottom:30px; } .showBox .bin .wx p{font-size:14px;} .showBox .bin .ibox{ margin-top:50px; } .showBox .bin .more{margin:70px auto 0; padding:10px 35px; } .showBox .b-w .wx{width:30%; padding:0px;background: none;} .showBox .bin .pos{ position: absolute; } .showBox .mr{margin:50px 0 30px 0; overflow: hidden;} .showBox .mr100{margin:100px 0;} .showBox .mr-t100{margin-top:100px;} .showBox .mr-t200{margin-top:180px;} .showBox .pg100{padding:100px 0;} .show-1 .bin-Pli .pic,.show-1 .bin-Pri .pic{height:600px;} .show-1 .bin1 .wx{margin: 30px auto 0;} .show-2 .bin2 .left .i-1{ width:48%; margin:0 1% 2% 1%;font-size:20px;padding:50px;height: 150px;} .show-2 .bin2 .right{height:640px;} .show-2 .bin3 .i-2{font-size:20px;} .show-3 .bin2 .i-5{ width:31.3%;height:180px;font-size:14px;margin:0 1%;padding:30px;} .show-3 .bin2 .i-5 b{ font-size:20px; margin-bottom:20px;} .show-3 .bin-Pli .pic,.show-3 .bin-Pri .pic{height:566px;} .show-3 .bin6 .i-6{ width:33.3%;font-size:14px;} .show-3 .bin6 .i-6 b{ margin:10px 0;font-size:20px;} .show-4 .bin-Pli .pic,.show-4 .bin-Pri .pic{height:566px} .show-4 .bin1 .wx{width:100%;margin: 80px auto 0;} .show-5 .bin-Pli .pic,.show-5 .bin-Pri .pic{height:600px} .show-5 .b-w .wx{width:50%; text-align:left;} .show-5 .bin-Pli .wx,.show-5 .bin-Pri .wx{text-align:left;width:42%;} /*--=闅擙--*/ .footer{padding: 50px 0 0px 0;} .footer .left-top{width:70%; } .footer .left-top li{padding-right: 30px;} .footer .left-top li h3{font-size:16px;margin-bottom: 15px;} .footer .right-top{ padding:30px 30px; width: 28%;margin-top: -50px;} .footer .right-top span{font-size:16px;} .footer .right-top span:before,.footer .right-top span:after{left:-60%; width:50%;} .footer .right-top span:after{right:-60%;left:auto} .footer .right-top b{font-size:30px;} .footer .bottom{margin-top:10px;padding:20px 0;} .footer .bottom .right-down span{font-size:14px;} .footer .link{margin-top: 30px;padding:20px 0;} } @media (min-width:1920px){ .HomeProgramme .list li{width:16.6%;} .HomeProgramme .list li a .box{padding: 30px;} .HomeProgramme .list li .box h4{font-size:16px;} .HomeProgramme .list li:nth-last-child(1),.HomeProgramme .list li:nth-last-child(2),.HomeProgramme .list li:nth-last-child(3),.HomeProgramme .list li:nth-last-child(4){ display: block} .showBox .bin .wx{ } .showBox .bin .wx h1{font-size:30px; margin-bottom:30px; } .showBox .bin .wx p{font-size:14px;} .showBox .bin .ibox{ margin-top:50px; } .showBox .bin .more{margin:70px auto 0; padding:10px 35px; } .showBox .b-w .wx{width:35%; padding:0px;background: none;} .showBox .bin .pos{ position: absolute; } .showBox .mr{margin:50px 0 30px 0; overflow: hidden;} .showBox .mr100{margin:100px 0;} .showBox .mr-t100{margin-top:100px;} .showBox .mr-t200{margin-top:200px;} .showBox .pg100{padding:100px 0;} .show-1 .bin-Pli .pic,.show-1 .bin-Pri .pic{height:700px} .show-1 .bin1 .wx{margin: 80px auto 0;} .show-2 .bin2 .left .i-1{ width:48%; margin:0 1% 2% 1%;font-size:20px;padding:50px;height: 150px;} .show-2 .bin2 .right{height:740px;} .show-2 .bin3 .i-2{font-size:20px;} .show-3 .bin2 .i-5{ width:31.3%;height:180px;font-size:14px;margin:0 1%;padding:30px;} .show-3 .bin2 .i-5 b{ font-size:20px; margin-bottom:20px;} .show-3 .bin-Pli .pic,.show-3 .bin-Pri .pic{height:566px;} .show-3 .bin6 .i-6{ width:33.3%;font-size:14px;} .show-3 .bin6 .i-6 b{ margin:10px 0;font-size:20px;} .show-4 .bin-Pli .pic,.show-4 .bin-Pri .pic{height:566px} .show-4 .bin1 .wx{width:100%;margin: 80px auto 0;} .show-5 .bin-Pli .pic,.show-5 .bin-Pri .pic{height:700px} .show-5 .b-w .wx{width:50%; text-align:left;} .show-5 .bin-Pli .wx,.show-5 .bin-Pri .wx{text-align:left;width:42%;} } @media (max-width:760px){ /*--=闅擙--*/ .mainBox{margin-top:60px;} /*--=闅擙--*/ .head-top{display: none} .header{position: fixed;z-index: 9999;top:0;padding:10px 0;height: 65px; background: #fff;box-shadow:0 0 10px #ddd;/*! margin-bottom: 60px; */} /* .fixed-top{ position: fixed;z-index: 100} */ .header .logo{} .header .logo img{height:30px;margin-top:10px;} .header .logo .block{display: none} .header .nav{display: none;margin: 5px 0px 0 0;} .header .nav li a.navAone{ font-size:15px; padding:10px 10px;} .header .nav li a.navAone:before{ bottom:-19px; } .header .search{display: none;} /*--=闅擙--*/ .HomeProgramme{margin: 10px 0 0 0;} .HomeProgramme .tone li{ margin:0 2px;} .HomeProgramme .tone li.more{ display: none} .HomeProgramme .tone li h3{font-size:11px;} .HomeProgramme .tone li em{width:25px;height:25px; display: block; background-size:100%; } .HomeProgramme .list li{width:33.3%;} .HomeProgramme .list li:nth-last-child(1),.HomeProgramme .list li:nth-last-child(2),.HomeProgramme .list li:nth-last-child(3),.HomeProgramme .list li:nth-last-child(4),.HomeProgramme .list li:nth-last-child(5),.HomeProgramme .list li:nth-last-child(6){ display: none} .HomeProgramme .list li img{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;} .HomeProgramme .list li a .box{ opacity: 0; position: absolute; /*! left:2px; *//*! top:2px; *//*! bottom:2px; *//*! right:2px; */padding:10px;border:1px #5e88cc solid; background: rgba(0,0,0,0.5);text-align: center;} .HomeProgramme .list li a .box p{ display: none} .HomeProgramme .list li a .box h4{ margin-top: 20%;font-size:13px} .HomeProgramme .list li:hover a .box{ opacity: 0} /*--=闅擙--*/ .HomeProduct{padding:5px 0 40px 0; overflow: hidden; background: #f5f5f5;} .HomeProduct .list li h4{ left:19px;top:30px;font-size:15px;} .HomeProduct .list li h4:before{ top:-5px; height:1px;width:30px;} .HomeProduct .list li{height:auto;} .HomeProduct .list li .pic{height:140px;} .HomeProduct .list li img{display: none;} .HomeProduct .list li.x1{width:50%;} .HomeProduct .list li.x2{width:50%;} .HomeProduct .list li.x3{width:50%;} .HomeProduct .list li.x4{width:50%;} .HomeProduct .list li.x5{width:50%;} .HomeProduct .list li.x6{width:50%;} .HomeProduct a.more{ margin:10px auto 0; padding:5px 30px; font-size:12px;} /*--=闅擙--*/ .HomeAbout{ padding:30px 0; height: auto; overflow: hidden;} .HomeAbout .wx{ font-size:14px;line-height: 23px;} .HomeAbout .block1{ margin: 20px 0 20px 0;} .HomeAbout .block1 a{ margin:0 5px;width:70px;height:82px; background: url(../images/ha_line.png) no-repeat center; background-size: 100%;} .HomeAbout .block1 a em{width:25px;height: 25px;margin: 20px auto 0;} .HomeAbout .block1 a h4{ font-size:12px;} .HomeAbout .block2 li{width:32%;margin:0 0.5% 1% 0.5%; padding:5px 0;/*! background: #d7d7d7; */} .HomeAbout .block2 li:before{top:30px;width:1px; height:25px;} .HomeAbout .block2 li span{ font-size:22px;} .HomeAbout .block2 li font{ font-size:12px;padding-left: 1px;} .HomeAbout .block2 li b{ font-size:12px; min-height: 20px;} .HomeAbout .block1 a.x1 em{ background:url(../images/ha01.png) no-repeat center;background-size: 100%;} .HomeAbout .block1 a.x2 em{ background:url(../images/ha02.png) no-repeat center;background-size: 100%;} .HomeAbout .block1 a.x3 em{ background:url(../images/ha03.png) no-repeat center;background-size: 100%;} .HomeAbout .block1 a.x4 em{ background:url(../images/ha04.png) no-repeat center;background-size: 100%;} /*--=闅擙--*/ .HomeNews{ padding:10px 0 30px 0; } .HomeNews .list{margin-top: 20px;} .HomeNews .list li{width:100%; } .HomeNews .list li a{margin:0 0px 10px 0px;padding: 20px 20px 20px 0;} .HomeNews .list li span{ width:20%; font-size:20px;margin-right: 30px;} .HomeNews .list li span font{ font-size:12px;} .HomeNews .list li h4{font-size:14px;} .HomeNews .list li p{ display: none} .HomeNews a.more{ margin:10px auto 0; padding: 5px 25px;} /*--=闅擙--*/ .HomePartner h2{font-size:14px;} .HomePartner .list li{width:20%;margin: 0 0 10px 0;} /*--=闅擙--*/ .HomeCustomer{ padding: 10px 0 30px 0;margin-top: 30px;} .HomeCustomer .list{margin-top: 10px;} .HomeCustomer .list li{width:20%;} .HomeCustomer .list li:nth-last-child(1),.HomeCustomer .list li:nth-last-child(2),.HomeCustomer .list li:nth-last-child(3),.HomeCustomer .list li:nth-last-child(4), .HomeCustomer .list li:nth-last-child(5),.HomeCustomer .list li:nth-last-child(6),.HomeCustomer .list li:nth-last-child(7),.HomeCustomer .list li:nth-last-child(8),.HomeCustomer .list li:nth-last-child(9),.HomeCustomer .list li:nth-last-child(10),.HomeCustomer .list li:nth-last-child(11){ display: none} /*--=闅擙--*/ .join_box{margin:30px 0 0 0; } .join_box ul li{padding:15px 15px 20px 15px; margin:0 0 20px 0;} .join_box h3{padding:5px; font-size:16px; font-weight:400;} .join_box h3 em{ margin-right:5px; font-size:25px; } .join_box h3 span{ font-size:12px; margin-top:5px;display: block;clear: both;width: 100%;} .join_box h3 font{ font-size:12px;} .join_box li a span{ padding:7px 15px;}/**/ .join_box li a b{line-height:35px;padding:0px 10px;} .join_box .box{margin:10px 0 10px 0; padding:5px 0 0px 0;} .join_box .box b{margin:0 0 10px 0; font-size: 13px;font-weight: bold;} .join_box .box p{font-size:12px; line-height:24px;} .join_box .sbox{width:100%;padding:10px 10px 10px 10px;} .join_box .down{ margin-left:20px;font-size:14px; margin-top:0px;padding-top:10px;} .join_box .down a{ margin-top:5px;padding:5px 25px; font-size:12px;} /*--=闅擙--*/ .titleAbout{color:#000;font-size:20px; margin:10px 0 0px 0} div.AboutBox{padding-bottom: 0px;} .titleBx{margin:10px 0;font-size:18px;} .titleBx span{ font-size:12px; } .AboutBox .introduction{margin:20px 0} .AboutBox .introduction .left{width:100%; } .AboutBox .introduction .right{width:100%; padding-left:0;} .AboutBox .introduction .right h3{font-size:18px;margin-bottom: 10px;margin-top: 10px;} .AboutBox .introduction .right h3 b{font-size:16px;margin: 1px 0;} .AboutBox .introduction .right h3 span{ font-size:25px;/*! margin-bottom:20px; */} .AboutBox .introduction .right h3 span font{font-size:20px;} .AboutBox .introduction .right h3 hr{width:50px;height:2px;} .AboutBox .introduction .right .wx{font-size:12px;line-height: 23px;} .AboutBox .advantage{ padding:20px 0;} .AboutBox .advantage ul{} .AboutBox .advantage ul li{ width:32.3%; /*! background: #999; */margin: 0 0.5% 1% 0.5%;padding: 0 5px;} .AboutBox .advantage ul li:before{right:0;top:15px; width:1px;height:35px;} .AboutBox .advantage ul li span{font-size:22px; } .AboutBox .advantage ul li font{font-size:12px; margin-left: 5px;} .AboutBox .advantage ul li b{ margin-top:0px;font-size:11px; min-height: 25px;} .AboutBox .brand{margin: 20px 0 10px 0;} .AboutBox .brand .long{height:auto;margin-top: 20px;float: left;} .AboutBox .brand .left{ width:100%; } .AboutBox .brand .left img{ width:50%; margin: auto; display: table} .AboutBox .brand .left:before{ right:-22px;top:50%;width:22px;height:25px;display: none;} .AboutBox .brand .right{width:100%;height:auto;padding: 20px; font-size: 12px;} .AboutBox .idea{margin: 5px 0 10px 0;} .AboutBox .idea ul{margin-top:20px;} .AboutBox .idea ul li{width:100%;} .AboutBox .idea ul li {float:left;width:100%;margin-bottom: 10px;} .AboutBox .idea img{width: 30%; float:left;} .AboutBox .idea p{float:right;width:70%;padding:5px 10px;height:91px;font-size:12px; text-align: left;} .AboutBox .idea p b{ font-size:14px; font-weight:400;margin-bottom: 10px;} .AboutBox .idea p b:before{ bottom:-5px;left:0;margin-left:0;width:50px;height:1px;} .AboutBox .course{margin:10px 0;padding:20px 0 30px 0; } .AboutBox .course .focusCourse{} .AboutBox .course .focusCourse .list{} .AboutBox .course .focusCourse .list li{ padding:10px 0;font-size:12px; text-align: center;line-height: 20px;} .AboutBox .course .focusCourse .list li strong{ font-size:20px;font-weight:400;} .AboutBox .course .focusCourse .long{margin:10px 0;} .AboutBox .course .focusCourse .spot{ padding: 60px 0 0px 0;height: 90px;} .AboutBox .course .focusCourse .spot:before{left:-100%;top:53px;width:1000%;height:1px;} .AboutBox .course .focusCourse .spot li{ margin:0 20px;font-size:13px;} .AboutBox .course .focusCourse .spot li:before{ top:-50px;left:30%;width:16px;height:25px; } .AboutBox .course .focusCourse .spot li.on{font-size:20px;} .AboutBox .tedarobotics{ margin:10px 0 10px 0; } .list-tedarobotics{} .list-tedarobotics li{ float:left;width:100%;} .list-tedarobotics li:nth-last-child(1),.list-tedarobotics li:nth-last-child(2){ display: none} .list-tedarobotics li a{ margin:0 5px;} .list-tedarobotics li a img{} .list-tedarobotics li .text{ padding:15px 10px; } .list-tedarobotics li .text h4{padding-left:20px;font-size:12px; } .list-tedarobotics li .text span{ margin-top:10px;font-size:12px;line-height: 20px;} .AboutBox .tedarobotics .hd{ margin:20px 0 0 0;} .AboutBox .tedarobotics .hd .prev,.AboutBox .tedarobotics .hd .next{ width:80px;height: 30px; margin:0 1px;} .AboutBox .album{margin:20px 0 0 0;padding:60px 0;} .AboutBox .album .title-2{width:100%;margin-left: 0;margin-bottom: 10px;} .AboutBox .album .title-2 hr{width:100px;height:2px; } .AboutBox .album .title-2 span{font-size:16px;} .AboutBox .album .title-2 h2{font-size:15px;font-weight:400;} .AboutBox .album .title-2 p{font-size:12px; margin-top:10px;} .AboutBox .album .Pic-a{width:60%;margin-left: 0;} .AboutBox .album .Pic-a img{max-width:100%;width:100%;} .AboutBox .album .more{width:40%; padding:10px;margin-left: 0;background: none;} .AboutBox .album .more hr{ width:50px;height:2px;display: none;} .AboutBox .album .more h2{font-size:14px;display: none;} .AboutBox .album .more span{font-size:13px; margin-top:5px; color: #666;} .AboutBox .album .more a{margin-top:5px; padding:2px 20px;font-size:16px;color: #fff;background: #2b4c93;} .AboutBox .album .list-a{ width:49%; margin-left:1%;margin-top: 1%;} .AboutBox .album .list-a h4{ opacity: 1; padding:10px;font-size:14px;} /*--=闅擙--*/ .ProductListBox{} .ProductListBox .title{font-size:17px; margin:10px 0;} .ProductListBox .posidBox{margin-bottom:15px;} .ProductListBox .posidBox .one{ margin-bottom: 10px;} .ProductListBox .posidBox .one .pic{width:50%} .ProductListBox .posidBox .one .right{width:50%;padding:10px;} .ProductListBox .posidBox .one .right h3{font-size:13px;} .ProductListBox .posidBox .one .right span{ font-size:12px;} .ProductListBox .posidBox .one .right hr{ width:50px; margin: 10px 0;} .ProductListBox .posidBox .one .right p{font-size:14px;display: none;} .ProductListBox .posidBox .one .right b{font-size:12px;margin-top: 2px;} .ProductListBox .posidBox .two{ width:49%;margin-left:2%;} .ProductListBox .posidBox .x2{ margin-left:0%;} .ProductListBox .posidBox .two .box{padding:10px;} .ProductListBox .posidBox .two .box h4{font-size:13px;} .ProductListBox .posidBox .two .box span{ margin-top:5px;font-size:12px;} .ProductListBox .posidBox .two .box span font{ float:right;font-size:14px;text-align: center;width: 100%;margin: 10px 0;color: #c31019;} .ProductListBox .list{margin-top:15px;margin-bottom:15px;} .ProductListBox .list li{width:49%;margin-left:2%;} .ProductListBox .list li:last-child{ display: none} .ProductListBox .list li .box{padding:5px;} .ProductListBox .list li .box h4{font-size:13px;} .ProductListBox .list li .box span{margin-top:5px;font-size:12px;} .ProductListBox .list li .box span font{ font-size:12px;width: 100%;text-align: center;margin: 10px 0;color: #c31019;} .ProductListBox .list-product li{width:48%;margin-bottom: 2%;} .ProductListBox .list-product{ margin-top:15px;} .list-product li .box{padding:10px;} .list-product li .pic img{height:100px;} .list-product li .box h4{font-size:12px;height:30px;} .list-product li .box span{font-size:12px;} .list-product li .box span font{display: none} .ProductShow .sTop .left{width:300px;margin: auto;float: none;overflow: hidden;} .ProductShow .sTop .right{width:100%;margin-top: 20px;} .ProductShow .sTop .right h3{font-size:14px;} .ProductShow .sTop .right span.market{font-size:14px;margin: 10px 0;} .ProductShow .sTop .right p{font-size:12px;margin: 10px 0;padding-top: 10px;line-height: 24px;} .ProductShow .sTop .right .tel{font-size:12px;padding:0px 0 0 20px; line-height: 50px;text-align: center;} .ProductShow .sTop .right .tel a{font-size:12px;line-height: 50px;padding: 0 20px;} .ProductShow .sTop .right .wox{font-size:12px; padding:10px;margin-top: 20px;} .ProductShow .sCenter .tone span{ font-size:13px; padding:10px 15px;} .ProductShow .sCenter .tone span:before{left:45%; } .pageProbg{padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;} .prodPic{width:100%;} .prodPic .big{width:220px;height:162px;} .prodPic .big a{width:100%;height:162px;} .prodPic .big a img{max-width:100%;max-height:162px;} .prodPic .list{width:75px;height:162px;} .prodPic .list a.prev,.prodPic .list a.next{width:36px;line-height:30px;} .prodPic .list a.next{ background: #c31117;} .prodPic .list a.next{right:0;bottom:0;/*! background:#999; */left: auto;} .prodPic .list a.prev:hover{background-position:0 -25px;} .prodPic .list a.next:hover{background-position:0 -75px;} .prodPic .list .thumb{position:relative;width:100%;height:128px;overflow:hidden;top:0;} .prodPic .list .thumb ul{position:absolute;height:99999px;} .prodPic .list .thumb ul li{background:none;float:left;width:100%;height:45px;position:relative;} .prodPic .list .thumb ul li a{display:block;width:100%;height:38px;border:2px solid #e3e3e3;text-align:center;background:#e1e5f1;} .prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;height: 100%;} .prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;} .prodPic .list .thumb ul li a.selected{border-color:#cf0a0a;} .prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat} .ProductShow .Srelevant{ margin:20px 0 20px 0;} .ProductShow .Srelevant .title{ } .ProductShow .Srelevant h2{font-size:15px;padding-bottom:10px; } .ProductShow .Srelevant h2 font {font-size:12px} .ProductShow .Srelevant h2:before{ height:3px;width:100%; } .ProductShow .Srelevant .list{ margin:20px 0;} .ProductShow .Srelevant .list li{width:50%;margin-bottom:10px} .ProductShow .Srelevant .list li a{ margin:0 10px} .ProductShow .Srelevant .list li h4{font-size:14px; margin-top: 10px;} /*--=闅擙--*/ .solve-list h3{font-size:17px;margin:10px 0 10px 0} .solve-list li.one{width:49.5%;} .solve-list li.one p{height:35px;} .solve-list li.one p b{font-size:14px;} .solve-list li.two{width:50%;} .solve-list li.two a{margin:0 0 10px 10px;} .solve-list li.two h4{opacity: 1;font-size:12px;padding:5px;/*! display: none; */} .solve-list li.two img{opacity: 1;-webkit-filter: grayscale(0%);filter: grayscale(0%);filter: gray;} .solve-list li.two:hover h4{ opacity: 1} /*--=闅擙--*/ .titleAx{ margin:10px auto;font-size:20px;} .titleAx b{ font-size:20px} .titleAx font{font-size:12px;} /*--=闅擙--*/ .menu{ margin: 15px 0 10px 0;} .menu li{ margin-right:0;} .menu li a{ font-size:12px;margin: 0px 3px 7px 3px;padding: 5px;background: #dddd;color: #777;} .menu li a.active{ background: #c31019;color: #fff;} .menu li a::before{bottom:7px;height:1px;display: none;} /*--=闅擙--*/ .site{ margin:5px 0 10px 0; font-size:12px} .site a{ font-size:12px;} /*--=闅擙--*/ .rack{padding:10px 0 30px 0;} /*--=闅擙--*/ .solve-show{} .solve-show .block1{margin:20px 0;} .solve-show .block1 .left{width:100%;padding-right:0px;} .solve-show .block1 .left h3{font-size:18px;} .solve-show .block1 .left span{margin:5px 0;font-size:12px;} .solve-show .block1 .wx{font-size:12px; line-height: 25px;} .solve-show .block1 .wx .title{margin:10px 0 10px 0;font-size:16px;} .solve-show .block1 .right{width:100%;text-align: center;} .solve-show .titleCx{ margin:10px 0 15px 0;font-size:18px; } .solve-show .video .long{height:250px;} .solve-show .video span{top:40%; left:40%; font-size:12px;} .solve-show .video span em{ margin:0 auto 5px; color:#fff; font-size:16px;border-radius: 50%; background:rgba(0,0,0,0.5);width: 50px;line-height: 50px;} .solve-show .parameter{ margin:20px 0} .solve-show .parameter .list li b,.solve-show .parameter .list li a{ display:inline-block;float:left;width:50%;line-height:35px;} .solve-show .parameter .list li.wx b, .solve-show .parameter .list li.wx a{font-size:10px;} .solve-show .parameter .list li.title b{ font-size:15px; } .solve-show .parameter .list li.title b:last-child{ display: none} .solve-show .parameter .list li b:last-child{ display: none} .solve-show .parameter .list li.wx{} .solve-show .inquire{ margin:30px 0;} /*--=闅擙--*/ .formBox{ margin:20px 0;clear: both;overflow: hidden;} .formBox .left{width:100%;} .formBox .right{width:100%;color:#656565;font-size:14px;line-height: 25px;margin-top: 15px;} .formBox .right h3{color:#000000;font-size:15px; margin-bottom:10px;} .formBox{clear: both;overflow: hidden;} .formBox .bin{ margin:5px 0;padding-right:15px;} .formBox .bin input,.formBox .bin textarea{border:1px #ddd solid;line-height: 30px;padding:0 8px} .formBox .bin b i{ color:red;} .formBox .bin b{ display:block;color:#000000;margin-bottom:10px;font-size:14px;font-weight:bold} .formBox .bin-1{float:left;width:50%;} .formBox .bin button{margin-right:10px;line-height:30px;padding:0 20px; color:#fff;font-size:12px;border:none;background: #999;transition: all .4s ease-in-out;} .formBox .bin-1 input{width:100%;} .formBox .bin-2 textarea{width:100%;} .formBox .bin-2{} .formBox .bin-3 input{width:130px;margin-right:10px} .formBox .bin-3 .browse{ background: #616161;} .formBox .bin-3 .upload{background: #2b4b93;} .formBox .bin-4{margin-top:20px;} .formBox .bin-4 button{font-size:15px;padding:2px 30px;line-height: 25px;} .formBox .bin-4 .submit{ background: #ff3838;} .formBox .bin-4 .reset{ background: #c5c5c5;} .formBox .bin button:hover{ background: #000;} /*--=闅擙--*/ .NewsListBox3 li{width:48%;} .NewsListBox3 li .box span{font-size:13px;} .NewsListBox3 li .box p{color:#999; font-size:12px;line-height:20px;margin: 10px 0 0 0;} .NewsListBox3 li .box h4{font-size:14px;margin: 5px 0 5px 0;} /*--=闅擙--*/ .serviceBox{} .serviceBox .title{ margin:10px 0 20px 0;font-size:17px; padding-bottom:10px;} .serviceBox .train .left{width:100%;padding-right:50px;font-size:13px;line-height: 25px;} .serviceBox .train .right{width:100%;text-align: center;} .serviceBox .sale{margin: 20px 0 10px 0;} .serviceBox .sale ul{ margin:10px 0 10px;} .serviceBox .sale ul li{ width:33.3%; margin-bottom: 15px;} .serviceBox .sale ul li em{width:69px; height:69px;} .serviceBox .sale ul li h4{font-size:14px;margin: 5px 0 5px 0;} .serviceBox .sale ul li span{ display: block;/*! margin-top:40px; */color:#666;font-size:12px;} .serviceBox .sale ul li.x1 em{ background: url(../images/serviceIco01.jpg) no-repeat center;} .serviceBox .sale ul li.x2 em{ background: url(../images/serviceIco02.jpg) no-repeat center;} .serviceBox .sale ul li.x3 em{ background: url(../images/serviceIco03.jpg) no-repeat center;} .serviceBox .sale ul li.x4 em{ background: url(../images/serviceIco04.jpg) no-repeat center;} .serviceBox .sale ul li.x5 em{ background: url(../images/serviceIco05.jpg) no-repeat center;} .serviceBox .policy .left{width:100%;padding-right:0px;font-size:13px;line-height: 25px;} .serviceBox .policy .right{width:100%;text-align: center;} /*--=闅擙--*/ .joinBoxIndex .wx{margin:10px 0 20px 0;color:#424242;font-size:12px;text-align: center;} .joinBoxIndex .wx b{color:#424242;font-size:15px; margin-bottom: 10px;;display: block;} .joinBoxIndex .box{ width:100%; margin-left:0%;margin-bottom:20px; } .joinBoxIndex .box .pic{ width:40%;} .joinBoxIndex .box .right{width:60%; padding:10px;} .joinBoxIndex .box .right h3{font-size:14px;} .joinBoxIndex .box .right p{font-size:12px; margin:10px 0 10px 0;} .joinBoxIndex .box .right em{ font-size:15px; line-height: 30px;} /*--=闅擙--*/ .contact .box{margin:10px 0 20px 0;font-size:13px; padding:10px; } .contact .box .fl{width:50%;} .contact .box b{ display: block;color:#666;font-size:20px;margin-bottom:20px;} .contact #dituContent,.contact #dituContent1{float:left;width:100%;height:250px; margin:0px 0 0 0;} /*--=闅擙--*/ .comments .title{float:left; width:100%;text-align:left; margin:20px 0 15px; color:#666; font-size:18px; } .comments .title{} .comments .title b{margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400;} .comments .title span{display: block; border: 2px solid #ccc; width: 14px;height: 14px;border-radius: 100%; margin: .4em auto 0em; position: relative;} .comments .contact-form{} .comments .contact-form input{ } .comments .contact-form input{ float:left; width:48%; margin-right:3%} .comments .contact-form input:nth-child(even){ float:right; width:48%;} .comments .contact-form input{outline: none; border-bottom:1px solid #999;background:none; margin:10px 0 0 0; color:#777; height:45px; line-height:45px; font-size:12px;border-left:none; border-right:none; border-top:none;} .comments .contact-form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:50px;width:100%;border-bottom:1px solid #999; color:#777;font-size:12px;border-left:none; border-right:none; border-top:none; } .comments .contact-form button{ float:left;display:block;cursor: pointer; background:#666; font-size:12px; border:none; margin:15px auto; color:#fff; padding:5px 20px;} .comments .contact-form button:hover{ background:#9a6834} .comments .contact-form .yzm{width: 205px;margin-right: 20px;} .comments .contact-form .yzm input.input-verifycode{width: 120px;float: right;margin: 10px 0px 0px 0px;} .comments .contact-form .yzm img{float: left; margin: 20px 0 0 0;} /*--=闅擙--*/ .WorShowBox .title{padding:0 0 10px 0;margin: 0 0 10px 0;} .WorShowBox .title h1{margin:10px 0 0 0;font-size:20px;line-height:23px;padding-bottom:15px;} /*--=闅擙--*/ .ProductShow .sCenter .down .video iframe{ width:350px;height:200px; margin:20px auto 0;} .ProductShow .sCenter .down .box .download{ font-size:13px;} /*--=闅擙--*/ .layui-layer{width:400px;min-width:400px;max-width:400px;height:300px;} /*--=闅擙--*/ .HomeCustomer .list li img{height:80px;} /*--=闅擙--*/ .choice .box{width:100%; padding:20px;font-size:12px;line-height: 22px;} .choice .box h3{font-size:16px; margin-bottom:10px;} .choice .pic{width:100%; text-align: center} .choice .clearfix{height:10px;} /*--=闅擙--*/ .showBox .bin{ margin:20px 0; padding:20px 0; background: #f5f5f5} .showBox .bin .wx{ width: 100%;margin: 10px 0;} .showBox .bin .wx h1{font-size:14px; margin-bottom:10px;font-weight:bold;color:#555;} .showBox .bin .wx p{font-size:12px;line-height: 20px;color:#777;} .showBox .bin .ibox{ margin-top:20px; } .showBox .bin .more{margin:20px auto 0; padding:5px 15px; } .showBox .b-w .wx{width:100%; padding:20px;background: rgba(0,0,0,0.2);} .showBox .bin .pos{ position: initial; } .showBox .mr{margin:20px 0 10px 0; overflow: hidden;} .showBox .mr100{margin:15px 0;} .showBox .mr-t100{margin-top:15px;} .showBox .mr-t200{margin-top:15px;} .showBox .pg100{padding:20px 0;} .showBox .bin-Pli .pic,.showBox .bin-Pri .pic{height:200px;width: 100%;text-align: center;} .showBox .bin-Pli .pic img,.showBox .bin-Pri .pic img{ position: inherit;max-width: 100%;height:100%;} .show-1 .bin2 .wx{padding:10px 0;} .show-1 .bin2 .wx h1{color:#666} .show-1 .bin2 .wx p{color:#999} .show-2 .bin2 .left .i-1{ width:48%; margin:0 1% 2% 1%;font-size:12px;padding:10px;height: 60px;} .show-2 .bin2 .right{height:200px;width: 100%;text-align: center;} .show-2 .bin2 .wx h1{padding:0 0px;} .show-2 .bin3 .i-2{font-size:12px;/*! width: 33.3%; */} .show-2 .bin3 .i-2 img{width:70%;} .show-2 .bin2 .right img{ position:initial;} .show-2 .bin4 .i-3{width:31.3%; margin:0 1% 2% 1%;font-size:12px; padding:10px 10px;height: 130px;} .show-2 .bin4 .i-3 i{ font-size:30px;} .show-3 .bin2 .i-5{ width:100%;height:100px;font-size:12px;margin:0 1% 2% 1%;padding:15px;} .show-3 .bin2 .i-5 b{ font-size:15px; margin-bottom:10px;} .show-3 .bin-Pli .pic,.show-3 .bin-Pri .pic{/*! height:400px; */} .show-3 .bin6 .i-6{ width:33.3%;font-size:12px;padding:0 10px;} .show-3 .bin6 .i-6 img{width:70%;} .show-3 .bin6 .i-6 b{ margin:10px 0;font-size:14px;} .show-4 .bin-Pli .pic,.show-4 .bin-Pri .pic{/*height:566px*/} .show-4 .bin1 .wx{} /*--=闅擙--*/ .footer{padding: 20px 0 0px 0;} .footer .left-top{width:100%; } .footer .left-top li{padding-right: 0px;} .footer .left-top li h3{font-size:11px;margin-bottom: 0px;} .footer .left-top li a{ display: none} .footer .right-top{ padding:10px; width: 100%;margin-top: 10px; background: none} .footer .right-top span{font-size:15px;} .footer .right-top span:before,.footer .right-top span:after{left:-60%; width:50%;} .footer .right-top span:after{right:-60%;left:auto} .footer .right-top b{font-size:20px;} .footer .bottom{margin-top:10px;padding:20px 0;} .footer .bottom .left-down{width:100%;text-align: center} .footer .bottom .right-down{width:100%; text-align: center} .footer .bottom .right-down span{font-size:14px;} .footer .link{margin-top: 0px;padding:20px 0;display: none;} } .contUl {padding-top: 23px;height: 46px;} ul, li, form {margin: 0px;padding: 0px;list-style-type: none;} a {text-decoration: none;}