.pz_main{ width:100%; position:relative; z-index: 4; overflow: hidden; } .pz_down{ float:left; width:100%; background:#262626; position:relative; z-index:5;} @media screen and (max-width:991px) { .pz_top{ width:100%; height:60px; box-shadow:0 2px 5px rgba(0,0,0,0.1); border-right:0; position:absolute;} .pz_banner{ margin-top:60px;} } @media screen and (max-width:767px) { .pz_down{ padding-bottom:50px;} .pz_main{ padding-top:50px;} } @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } /*main*/ .indexContentFir{ padding-top:82px; padding-bottom:25px;} .content1200{ width:1200px; margin:auto; max-width:100%;} .indexContentFir .contentFirTit{ width:100%; float:left; text-align:center; position:relative; font-size:38px; color:#333; line-height:75px; letter-spacing:1px; font-weight:bold;} .indexContentFir .contentFirTit h1{ position:absolute; left:0; top:0; font-size:110px; color:#f6f6f6; letter-spacing:0; line-height:90px;font-family: 'OPENSANS-BOLD'; text-align:center; text-transform:capitalize; z-index:-1; width:100%; font-weight:normal;} .indexContentFir .contentFirTit:before{ content:''; width:2px; height:27px; position:absolute; left:50%; bottom:-33px; margin-left:-1px; background:#659ff6;} .indexContentFir .contentFirBody{ width:100%; float:left; margin-top:51px; text-align:center; font-size:18px; color:#737373; line-height:42px;} .indexContentFir .contentFirDown{ width:100%; float:left; margin-top:21px;} .indexContentFir .contentFirDown .firDownLi{ width:100%; float:left; padding:15px;} .indexContentFir .contentFirDown .firDownLi .contentFirZbox{ width:100%; float:left; box-shadow:0 5px 9px rgba(0,0,0,0.07); overflow:hidden; border:solid 1px white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .indexContentFir .contentFirDown .firDownLi .contentFirHead{ width:100%; float:left; height:166px; text-align:center; padding:24px 10px 30px 10px; background-position:center center; background-size:cover; background-repeat:no-repeat; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} /*.indexContentFir .contentFirDown .firDownLi.firDownLi1 .contentFirHead{ background-image:url(images/index1.jpg);} .indexContentFir .contentFirDown .firDownLi.firDownLi2 .contentFirHead{ background-image:url(images/index1.jpg);} .indexContentFir .contentFirDown .firDownLi.firDownLi3 .contentFirHead{ background-image:url(images/index2.jpg);} .indexContentFir .contentFirDown .firDownLi.firDownLi4 .contentFirHead{ background-image:url(images/index3.jpg);}*/ .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ width:100%; height:80px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco img{ height:100%;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ width:100%; font-size:20px; color:white; line-height:32px;} .indexContentFir .contentFirDown .firDownLi:hover .contentFirZbox{ margin-top:-10px; box-shadow:0 5px 9px rgba(155,59,22,0.38); border:solid 1px #f65e23;} .indexContentFir .contentFirDown .firDownLi:hover .contentFirHead{ background:#f65e23 !important;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown{ width:100%; float:left; height:328px; padding:16px 53px 0 53px; text-align:center;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul{ width:100%; float:left; height:248px; overflow:hidden; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul.last{ display:none;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ width:100%; float:left; font-size:16px; color:#666; line-height:49px; border-bottom:dashed 1px #d3d1d1; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li:last-child{ border-bottom:0;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail{ width:100%; float:left; margin-top:5px; text-align:center;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail a{ display:inline-block; width:120px; height:28px; overflow:hidden;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span{ width:100%; height:28px; line-height:28px; font-size:14px; color:white; float:left; background:#f65e23;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span img{ width:100%; float:left;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail{ margin-top:24px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail span:first-child{ margin-top:-28px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown{ padding:19px 36px 0 36px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul.first{ display:none;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul.last{ display:block;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul{ height:216px; text-align:left;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ border-bottom:0; font-size:14px; color:#666; line-height:36px; padding-left:10px; position:relative;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li:before{ content:'•'; font-size:14px; position:absolute; left:0; top:0;} @media screen and (max-width: 1199px) { .indexContentFir{ padding-top:62px; padding-bottom:25px;} .indexContentFir .contentFirTit{ font-size:32px; line-height:65px;} .indexContentFir .contentFirTit h1{ font-size:90px; line-height:70px;} .indexContentFir .contentFirTit:before{ height:22px; bottom:-23px;} .indexContentFir .contentFirBody{ margin-top:31px; font-size:16px; line-height:32px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown{ padding:16px 33px 0 33px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown{ padding:19px 16px 0 16px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ height:60px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ font-size:16px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead{ height:126px; padding:14px 10px 20px 10px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ font-size:14px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ font-size:12px;} } @media screen and (max-width: 991px) { .indexContentFir{ padding-top:42px; padding-bottom:25px;} .indexContentFir .contentFirTit{ font-size:26px; line-height:45px;} .indexContentFir .contentFirTit h1{ font-size:70px; line-height:40px;} .indexContentFir .contentFirTit:before{ height:12px; bottom:-13px;} .indexContentFir .contentFirBody{ margin-top:21px; font-size:14px; line-height:26px;} .indexContentFir .contentFirDown{ margin-top:11px; padding-bottom:25px; position:relative;} .indexContentFir .contentFirDown .slick-dots{ position: absolute; bottom: 0px;} .indexContentFir .contentFirDown .slick-dots li{ width: 8px; height: 8px; margin: 0 4px; background:#ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .indexContentFir .contentFirDown .slick-dots li button{ display:none;} .indexContentFir .contentFirDown .slick-dots li.slick-active{ background:#f65e23;} .indexContentFir .contentFirDown .firDownLi{ padding:15px 5px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown{ height:auto; padding:10px 23px 0 23px;} } @media screen and (max-width: 767px) { .indexContentFir{ padding-top:22px; padding-bottom:15px;} .indexContentFir .contentFirTit{ font-size:20px; line-height:35px;} .indexContentFir .contentFirTit h1{ font-size:50px; line-height:30px;} .indexContentFir .contentFirTit:before{ height:12px; bottom:-13px; width:1px;} .indexContentFir .contentFirDown{ margin-top:6px; padding-bottom:15px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown { height: 250px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadIco{ height:40px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead .firHeadTit{ font-size:14px;} .indexContentFir .contentFirDown .firDownLi .contentFirHead{ height:100px; padding:14px 10px 10px 10px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul{ height:184px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown ul li{ line-height:36px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul{ height:156px; text-align:left;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown ul li{ line-height:26px;} .indexContentFir .contentFirDown .firDownLi .firDownLiDown .firDowndetail span{ font-size:12px;} .indexContentFir .contentFirDown .firDownLi:hover .firDownLiDown .firDowndetail{ margin-top:16px;} } .indexContentTwo{ background:#f5f5f5; padding:72px 0 82px 0;} .indexTit{ width:100%; float:left; text-align:center;} .indexTit h3{ font-size:38px; color:black; text-transform:uppercase; font-weight:bold; line-height:48px;} .indexTit h4{ font-size:24px; color:#575757; line-height:40px;} .contentTwoHead{ width:100%; float:left; text-align:center; margin-top:27px; border-top:solid 1px #ebebeb; position:relative;} .contentTwoHead:before{ content:''; width:100%; height:1px; background:#ebebeb; position:absolute; left:0; bottom:0;} .contentTwoUlSlike{ width:100%;} .contentTwoHead ul{ float:left; width:100%;} .contentTwoHead ul li{ display:inline-block; vertical-align:top; padding:0 34px; height:52px; line-height:50px; font-size:18px; color:#666; letter-spacing:1px; border:solid 1px #ebebeb; cursor:pointer; margin-left:-6px; position:relative; background:#f5f5f5; margin-top:-1px; } .contentTwoHead ul li.on{ border-top:solid 1px #659ff6;color:#659ff6; z-index:2;} .contentTwoBody{ width:100%; float:left; margin-top:8px; padding:0 20px;} .contentTwoUl{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .contentTwoUl li{ width:25%; float:left; margin-top:32px; padding:0 10px;} .contentTwoUl li .contentTwoBox{ width:100%; float:left; background:white; position:relative; overflow:hidden;} .contentTwoUl li .contentTwoBox .contentTwoPag{ width:100%; float:left; background:#659ff6; position:relative; overflow:hidden;} .contentTwoUl li .contentTwoBox .contentTwoPag img{ width:100%; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} .contentTwoUl li .contentTwoBox:hover .contentTwoPag img{ opacity:0.3; transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ width:100%; position:absolute; left:0; top:50%; padding:0 16.8%; margin-top:-71px; text-align:center; display:none;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h4{ width:100%; font-size:20px; color:white; line-height:28px; letter-spacing:1px;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h5{ width:100%; font-size:14px; color:white; line-height:24px; margin-top:10px; height:48px; overflow:hidden; opacity:0.7;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt i{ display:inline-block; vertical-align:top; margin-top:24px; background:url(images/index9.png) no-repeat center center; width:21px; height:21px;} .contentTwoUl li .contentTwoBox:hover .contentTwoPag .contentTwoTxt{ display:block;} .contentTwoUl li .contentTwoBox .contentTwoDown{ width:100%; position:absolute; left:0; bottom:0; padding:0 20px; background:url(images/brand3.png); font-size:20px; line-height:50px; color:white; height:50px; text-align:center; letter-spacing:1px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .contentTwoUl li .contentTwoBox:hover .contentTwoDown{bottom:-50px;} .more_btn{float:left; width:100%; text-align:center; padding-top:50px; } .more_btn a{display:inline-block; width: 130px; line-height:36px; border: solid 1px #bfbfbf; background:#fff; color:#666; font-size:14px; } .more_btn a:hover{ border:1px solid #f65e23; background:#f65e23; color:#fff; } @media screen and (max-width: 1500px) { .contentTwoHead ul li{ padding:0 24px;} } @media screen and (max-width: 1365px) { .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ padding:0 10%;} .contentTwoUl li{ margin-top:20px;} .contentTwoHead ul li{ padding:0 14px; font-size:16px;} .contentTwoUl li .contentTwoBox .contentTwoDown{ padding:0 15px; font-size:16px; line-height:40px; height:40px;} } @media screen and (max-width: 1199px) { .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt{ margin-top:-49px;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h4{ font-size:16px; line-height:24px;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt h5{ font-size:12px; line-height:20px; margin-top:6px; height:40px;} .contentTwoUl li .contentTwoBox .contentTwoPag .contentTwoTxt i{ margin-top:14px;} .contentTwoUl li .contentTwoBox .contentTwoDown{ padding:0 10px;} .contentTwoUl li .contentTwoBox .contentTwoTit{ font-size:14px; line-height:26px;} .contentTwoUl li .contentTwoBox .contentTwoAdd{ font-size:12px; line-height:24px;} .indexContentTwo{ padding:42px 0 62px 0;} .indexTit h3{ font-size:32px; line-height:42px;} .indexTit h4{ font-size:18px; line-height:34px;} .contentTwoHead{ margin-top:20px;} .contentTwoHead ul li{ height:43px; line-height:42px;} .contentTwoBody{ margin-top:4px; padding:0 10px;} } @media screen and (max-width: 991px) { .contentTwoUl li{ width:50%;} .indexContentTwo{ padding:22px 0 42px 0;} .indexContentTwo .tempWrap{float:left; width:100%;} .indexTit h3{ font-size:26px; line-height:36px;} .indexTit h4{ font-size:16px; line-height:28px;} .contentTwoUlSlike{ padding-bottom:30px; position:relative; float:left; width:100%;} .contentTwoUlSlike .slick-dots{ position: absolute; bottom: 0px;} .contentTwoUlSlike .slick-dots li { padding:0; float:none; display: inline-block; width: 8px; height: 8px; margin: 0 4px; background:#ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .contentTwoUlSlike .slick-dots li button{ display:none;} .contentTwoUlSlike .slick-dots li.slick-active{ background:#659ff6;} } @media screen and (max-width: 767px) { .contentTwoUlSlike{ padding-left:5px; padding-right:5px;} .indexContentTwo{ padding:12px 0 22px 0;} .indexTit h3{ font-size:20px; line-height:30px;} .indexTit h4{ font-size:14px; line-height:22px;} .contentTwoHead{ border:0;} .contentTwoHead:before{ display:none;} .contentTwoHead ul{ width:100%; float:left; padding-left:3px;} .contentTwoHead ul li{ width:33.33%; float:left; margin-left:-1px; font-size:12px; letter-spacing:0; height:42px; line-height:40px; padding:0 5px;} .contentTwoUl .more{ width:100%; float:left; text-align:center; margin-top:15px;} .contentTwoUl .more a{ display:inline-block; vertical-align:top; width:140px; height:34px; line-height:32px; border:solid 1px #bfbfbf; color:#666; font-size:14px;} .contentTwoUl{ padding-bottom:20px;} .contentTwoUl li{ width:100%; margin-top:10px; padding:0 15px;} .contentTwoBody{ margin-top:4px; padding:0 0px;} .contentTwoUl li .contentTwoBox .contentTwoDown{ font-size:14px; line-height:30px; height:30px;} } .indexContentTwe{ padding:71px 0 0 0; background:#fff;} .indexTitWhite{ padding-bottom:39px; position:relative; background:url(images/index20.png) no-repeat center bottom; background-size:18px 18px;} .indexTitWhite h3,.indexTitWhite h4{ color:white;} .indexTitWhite:before{ content:''; width:100%; height:1px; background:white; opacity:0.2; position:absolute; left:0; bottom:9px;} .indexContentTwe ul{ width:100%; margin-top:43px; float:left;} .indexContentTwe ul li{ width:25%; float:left; position:relative; height:480px; text-align:center; overflow:hidden; cursor:pointer;} .indexContentTwe ul li a > img{ width:480px; height:480px; position:absolute; left:50%; top:50%; max-width:none; margin:-240px 0 0 -240px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .indexContentTwe ul li .specialTwoIco{ width:110px; height:110px; position:absolute; left:50%; top:50%; border:solid 1px rgba(255,255,255,0.2); margin:-88px 0 0 -55px; background:rgba(0,0,0,0.2); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .indexContentTwe ul li .specialTwoName{ width:100%; position:absolute; left:0; top:50%; margin-top:37px; font-size:24px; color:white; line-height:36px;} .indexContentTwe ul li:hover a > img{ opacity:0.9;} @media screen and (max-width: 1199px) { .indexContentTwe{ padding:51px 0 63px 0;} .indexTitWhite{ padding-bottom:30px; background-size:14px 14px;} .indexTitWhite:before{ bottom:7px;} } @media screen and (max-width: 991px) { .indexContentTwe{ padding:31px 0 43px 0;} .indexTitWhite{ padding-bottom:20px; background-size:10px 10px;} .indexTitWhite:before{ bottom:5px;} } @media screen and (max-width: 767px) { .indexContentTwe{ padding:31px 0 0px 0;} .indexTitWhite{ padding-bottom:0px; background:none;} .indexTitWhite:before{ display:none;} } @media screen and (max-width:1366px) { .indexContentTwe ul{ margin-top:33px;} .indexContentTwe ul li{ height:400px;} .indexContentTwe ul li a > img{ width:400px; height:400px; margin:-200px 0 0 -200px;} } @media screen and (max-width:1199px) { .indexContentTwe ul li{ height:320px;} .indexContentTwe ul li a > img{ width:320px; height:320px; margin:-160px 0 0 -160px;} .indexContentTwe ul li .specialTwoIco{ width:70px; height:70px; margin:-48px 0 0 -35px;} .indexContentTwe ul li .specialTwoName{ margin-top:27px; font-size:18px; line-height:30px;} } @media screen and (max-width:991px) { .indexContentTwe ul{ margin-top:23px;} .indexContentTwe ul li{ height:260px;} .indexContentTwe ul li a > img{ width:260px; height:260px; margin:-130px 0 0 -130px;} .indexContentTwe ul li .specialTwoIco{ width:70px; height:70px; margin:-48px 0 0 -35px;} .indexContentTwe ul li .specialTwoName{ margin-top:27px; font-size:18px; line-height:30px;} } @media screen and (max-width:767px) { .indexContentTwe ul{ margin-top:13px; height:440px; overflow:hidden;} .indexContentTwe ul li{ height:220px; width:50%;} .indexContentTwe ul li a > img{ width:220px; height:220px; margin:-110px 0 0 -110px;} .indexContentTwe ul li .specialTwoIco{ width:50px; height:50px; margin:-38px 0 0 -25px;} .indexContentTwe ul li .specialTwoName{ margin-top:17px; font-size:14px; line-height:24px;} } .indexContentFou{ padding:90px 0 146px 0;} .indexContentFou .indexTit,.indexContentFou .indexTitBlack:before,.indexContentFou .indexTitBlack:after{ padding-bottom:0; background:none;} .indexContentFou .indexTitBlack:after{ display:none;} .indexTitBlack{ background:none;} .indexTitBlack h3{ color:black;} .indexTitBlack h4{ color:#575757;} .indexTitBlack:before{ content:''; width:100%; height:1px; background:#e2e2e2; position:absolute; left:0; bottom:9px; opacity:1;} .indexTitBlack:after{ content:''; width:18px; height:18px; background:url(images/index20.png) no-repeat center center; position:absolute; left:50%; bottom:0; margin-left:-9px; box-shadow:0 0 8px rgba(36,36,36,0.19); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .indexContentFou .specialNinBox{ width:100%; float:left; position:relative; padding:0 125px; margin-top:70px;} .indexContentFou .specialNinBox .slick-slide{ position:relative; cursor:pointer;} .indexContentFou .specialNinBox .specialNinLi{ width:100%; float:left; position:relative; height:238px; overflow:hidden;} .indexContentFou .specialNinBox .specialNinLi .specialNinPag{ width:150px; height:238px; position:absolute; left:50%; top:50%; margin:-119px 0 0 -75px; max-width:none; opacity:0;} .indexContentFou .specialNinBox .specialNinLi .specialNinIco{ width:76px; height:76px; position:absolute; left:50%; top:0; margin-left:-38px;} .indexContentFou .specialNinBox .specialNinLi .specialNinIco img{ width:100%; float:left;} .indexContentFou .specialNinBox .specialNinLi .specialNinIco .img_2{ display:none;} .indexContentFou .specialNinBox .specialNinLi h5{ width:100%; text-align:center; position:absolute; left:0; top:50%; margin-top:-43px; line-height:48px; font-size:16px; color:#333; letter-spacing:1px;} .indexContentFou .specialNinBox .specialNinLi span{ display:block; width:19px; height:19px; background:white; border:solid 1px #666; position:absolute; left:50%; top:50%; margin:19px 0 0 -10px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .indexContentFou .specialNinBox h4{ width:70px; height:30px; line-height:30px; text-align:center; position:absolute; left:50%; bottom:0px; margin-left:-35px; font-size:28px; color:#0033a0; line-height:30px; letter-spacing:1px; font-family: 'OPENSANS-REGULAR';} .indexContentFou .specialNinBox:before{ content:''; width:2000px; height:1px; background:#666; opacity:0.3; position:absolute; left:50%; top:147px; margin-left:-1000px;} @media screen and (max-width:1199px) { .indexContentFou .specialNinBox{ padding:0 0px; margin-top:50px; padding-bottom:40px;} .indexContentFou .specialNinBox .slick-dots { position: absolute; bottom: 0; } .indexContentFou .specialNinBox .slick-dots li { width: 10px; height: 10px; margin: 0 5px; background:#666; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .indexContentFou .specialNinBox .specialNinLi{ height:200px;} .indexContentFou .specialNinBox .slick-dots li button { display:none;} .indexContentFou .specialNinBox .slick-dots li.slick-active { background:#062d7e; } .indexContentFou .specialNinBox::before{ top:127px;} } @media screen and (max-width:991px) { .indexContentFou .specialNinBox{ padding-bottom:30px; margin-top:30px;} .indexContentFou .specialNinBox h4{ font-size:22px; } } @media screen and (max-width:767px) { .indexContentFou .specialNinBox{ padding-bottom:20px; margin-top:10px;} .indexContentFou .specialNinBox .slick-dots li{ width: 8px; height: 8px; margin: 0 4px;} .indexContentFou .specialNinBox .specialNinLi .specialNinIco{ padding:10px;} .indexContentFou .specialNinBox .specialNinLi h5{ font-size:14px;} .indexContentFou .specialNinBox h4{ bottom:10px;} } @media screen and (max-width: 1587px) { .contentFouBody{ padding:0 80px;} .contentFouBody .slick-prev{ left:0;} .contentFouBody .slick-next{ right:0;} } @media screen and (max-width: 1199px) { .contentFouBody{ padding:0 60px;} .contentFouBody .contentFouLi{ width:97px;} .contentFouBody .contentFouLi .contentFouIco{ width:97px; height:97px;} .contentFouBody .contentFouLi .contentFouTit{ margin-top:25px; font-size:14px; line-height:23px;} .indexContentFou{ padding:70px 0 76px 0;} .indexTitBlack:after{ width:14px; height:14px; background-size:contain; margin-left:-7px;} .indexTitBlack:before{ bottom:7px;} } @media screen and (max-width: 991px) { .indexTitBlack:after{ width:10px; height:10px; margin-left:-5px;} .indexContentFou{ padding:40px 0 46px 0;} .indexTitBlack:before{ bottom:5px;} .contentFouBody{ margin-top:20px;} .contentFouBody .contentFouLi .contentFouTit{ margin-top:15px;} .contentFouBody .slick-prev, .contentFouBody .slick-next{ width: 32px; height: 32px; margin-top:-16px; background-size:auto 32px;} } @media screen and (max-width: 767px) { .indexTitBlack:after{ display:none;} .indexContentFou{ padding:20px 0 26px 0; background:#f1f1f1;} .indexTitBlack:before{ display:none;} .contentFouBody{ margin-top:10px; padding:0 50px;} .contentFouBody .contentFouLi .contentFouTit{ margin-top:10px; font-size:12px; line-height:21px;} .contentFouBody .slick-prev{ left:10px;} .contentFouBody .slick-next{ right:10px;} } .indexContentFiv{ padding:72px 0 84px 0; background:#f8f7f7; width:100%; float:left;} .contentFivHead{ width:100%; float:left; text-align:center; margin-top:27px; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; height:52px;} .contentFivSlick{ width:100%;} .contentFivHead ul{ display:inline-block; vertical-align:top;} .contentFivHead ul li{ float:left; margin:0 34px; height:51px; line-height:50px; font-size:16px; color:#666; letter-spacing:1px; border-bottom:solid 1px #ebebeb; cursor:pointer;} .contentFivHead ul li.on{ border-color:#659ff6; color:#659ff6;} @media screen and (max-width: 1199px) { .contentFivHead{ margin-top:20px; height:44px;} .contentFivHead ul li{ margin:0 24px; height:43px; line-height:42px; font-size:14px;} } @media screen and (max-width: 991px) { .contentFivHead ul li{ margin:0 14px;} } @media screen and (max-width: 767px) { .contentFivHead ul{ width:100%; float:left;} .contentFivHead ul li{ margin:0 0; width:33.33%; font-size:12px; letter-spacing:0;} } .contentFivBody{ margin:0 -16px !important;} .contentFivBody ul{ width:100%; float:left; margin-top:10px;} .contentFivBody ul li{ width:50%; float:left; padding:0 16px; margin-top:31px;} .contentFivBody ul li .contentFivBox{ width:100%; float:left; padding:20px 35px 20px 22px; box-shadow:0 10px 20px rgba(0,0,0,0.05); background:white; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .contentFivBody ul li .contentFivBox .contentFivPag{ width:200px; height:133px; float:left; overflow:hidden;} .contentFivBody ul li .contentFivBox .contentFivPag img{ width:100%; height:100%;} .contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:234px;} .contentFivBody ul li .contentFivBox .contentFivTxt h4{ width:100%; margin-top:15px; font-size:18px; color:#333; line-height:26px; letter-spacing:1px;} .contentFivBody ul li .contentFivBox .contentFivTxt h6{ width:100%; margin-top:10px; font-size:14px; color:#333; line-height:24px; letter-spacing:1px; height:48px; overflow:hidden; opacity:0.66;} .contentFivBody ul li .contentFivBox .contentFivTxt h5{ width:100%; margin-top:4px; font-size:14px; color:#333; line-height:28px; letter-spacing:1px; text-align:right; opacity:0.4; background-position:right center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .contentFivBody ul li .contentFivBox:hover{ background:#659ff6; box-shadow:0 0 0;} .contentFivBody ul li .contentFivBox:hover .contentFivTxt h4,.contentFivBody ul li .contentFivBox:hover .contentFivTxt h6{ color:white;} .contentFivBody ul li .contentFivBox:hover .contentFivTxt h5{ color:white; text-align:left; background:url(images/index46.png) no-repeat right center; opacity:1;} @media screen and (max-width: 1199px) { .indexContentFiv{ padding:42px 0 64px 0;} .contentFivBody{ margin:0 -10px !important;} .contentFivBody ul li{ padding:0 10px; margin-top:21px;} .contentFivBody ul li .contentFivBox{ padding:10px 25px 10px 12px;} .contentFivBody ul li .contentFivBox .contentFivPag{ width:140px; height:93px;} .contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:164px;} .contentFivBody ul li .contentFivBox .contentFivTxt h4{ margin-top:0px; font-size:16px; line-height:22px;} .contentFivBody ul li .contentFivBox .contentFivTxt h6{ margin-top:6px; font-size:12px; line-height:20px; height:40px;} .contentFivBody ul li .contentFivBox .contentFivTxt h5{ margin-top:2px; font-size:12px; line-height:24px; background-size:contain !important;} } @media screen and (max-width: 991px) { .indexContentFiv{ padding:22px 0 34px 0;} .contentFivBody ul{ margin-left:6px;} .contentFivBody ul li{ padding:10px; margin-top:10px; width:100%;} .contentFivBody ul li .contentFivBox{ box-shadow:0 5px 10px rgba(0,0,0,0.05); padding:10px 15px 10px 10px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .contentFivSlick{ padding-bottom:30px; position:relative;} .contentFivSlick .slick-dots{ position: absolute; bottom: 0px;} .contentFivSlick .slick-dots li { padding:0; float:none; display: inline-block; width: 8px; height: 8px; margin: 0 4px; background:#ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .contentFivSlick .slick-dots li button{ display:none;} .contentFivSlick .slick-dots li.slick-active{ background:#659ff6;} .contentFivBody ul li .contentFivBox .contentFivTxt{ margin-left:150px;} .contentFivBody ul li .contentFivBox .contentFivTxt h4{ font-size:14px;} } @media screen and (max-width: 767px) { .indexContentFiv{ padding:18px 0 24px 0;} .contentFivSlick{ padding-bottom:20px;} .contentFivBody ul{ margin-top:10px; margin-left:0px;} .contentFivBody ul li{ margin-top:-5px; width:94%; margin-left:3%;} } .indexContentSix{ padding:0; position:relative;} #bdmap_1{ position:relative; width:100%; height:564px;} #bdmap_1 .BMap_pop div{ background:none !important; border:0 !important; overflow:visible !important;} #bdmap_1 .BMap_pop div img{display:none;} #bdmap_1 .BMap_pop div:nth-child(8n){width: 0 !important; background: none !important; height: 0 !important; bottom: -148px !important; top: auto !important; margin-left:-10px !important; border-top: 10px solid #0e6bb0; border-right: 10px solid transparent !important; border-left: 10px solid transparent !important;} #bdmap_1 .BMap_pop .BMap_bubble_content{ background:url(images/index47.png) no-repeat center center !important; width:444px !important; height:255px !important; padding:46px 52px 0 52px; box-sizing:border-box !important; background-size:contain !important; margin:68px -160px 0 0px;} #bdmap_1 .iw_poi_title{ font-size: 20px; color: #659ff6; line-height: 26px; width:100%; float: left;} #bdmap_1 .iw_poi_content{ width:100%; float: left; font-size: 14px; color: #333; line-height: 24px; margin-top: 15px; letter-spacing:1px;} .BMap_pop .BMap_bottom{ display:none;} #bdmap_1 .BMap_shadow{ width:100%; float: left; display: none !important;} #bdmap_1 .BMapLabel{ display: none !important;} .BMap_Marker{ margin:-40px 0 0 -115px !important;} .contentSixBody{ width:420px; position:absolute; right:13.49%; top:16%; background:white; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .contentSixBody .contentSixBodyHead{ width:100%; float:left; padding:13px 36px 50px 36px;} .contentSixBody .contentSixBodyHead h3{ width:100%; float:left; background:url(images/index48.jpg) no-repeat left bottom; font-size:24px; color:#659ff6; line-height:62px; font-weight:bold; letter-spacing:1px;} .contentSixBody .contentSixBodyHead ul{ width:100%; float:left; margin-top:6px;} .contentSixBody .contentSixBodyHead ul li{ width:100%; float:left; margin-top:20px;} .contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ display:block; width:100%; height:48px; line-height:36px; padding:0 10px 0 15px; font-size:14px; color:#333; background-color:#ededed !important; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} .contentSixBody .contentSixBodyHead ul li select{ background:url(images/index49.png) no-repeat 96% center;} .contentSixBody .contentSixBodyDown{ width:100%; float:left;} .contentSixBody .contentSixBodyDown input{ display:block; width:100%; text-align:center; height:60px; line-height:60px; background:#f65e23; color:white; cursor:pointer; font-size:16px; letter-spacing:1px;} @media screen and (max-width: 1199px) { .contentSixBody{ width:380px; right:8%; top:12%;} #bdmap_1{ height:500px;} } @media screen and (max-width: 991px) { .contentSixBody{ width:300px; right:5%; top:8%;} #bdmap_1{ height:400px;} .contentSixBody .contentSixBodyHead{ padding:10px 26px 30px 26px;} .contentSixBody .contentSixBodyHead h3{ font-size:18px; line-height:42px;} .contentSixBody .contentSixBodyHead ul{ margin-top:4px;} .contentSixBody .contentSixBodyHead ul li{ margin-top:10px;} .contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ height:42px; line-height:30px; padding:0 10px 0 10px; font-size:12px;} .contentSixBody .contentSixBodyDown input{ height:50px; line-height:50px; font-size:14px;} #bdmap_1 .BMap_pop .BMap_bubble_content{ margin-top:0; width:344px !important; height:198px !important; padding:32px 32px 0 32px;} #bdmap_1 .iw_poi_title{ font-size: 16px; line-height: 22px;} #bdmap_1 .iw_poi_content{ font-size: 12px; line-height: 20px; margin-top: 10px;} .BMap_Marker{ margin:-40px 0 0 -85px !important;} } @media screen and (max-width: 767px) { .indexContentSix{ background:#f8f7f7;} .contentSixBody{ width:94%; right:auto; top:auto; position:relative; float:left; margin:10px 3%;} #bdmap_1{ height:300px;} .contentSixBody .contentSixBodyHead{ padding:10px 16px 20px 16px;} .contentSixBody .contentSixBodyHead h3{ font-size:16px; line-height:36px;} .contentSixBody .contentSixBodyHead ul li{ margin-top:8px;} .contentSixBody .contentSixBodyHead ul li select,.contentSixBody .contentSixBodyHead ul li input{ height:42px; line-height:30px;} .contentSixBody .contentSixBodyDown input{ height:50px; line-height:50px; font-size:14px;} #bdmap_1 .BMap_pop .BMap_bubble_content{ margin-left:-50px; width:284px !important; height:163px !important; padding:18px 22px 0 22px;} #bdmap_1 .iw_poi_title{ font-size: 14px; } #bdmap_1 .iw_poi_content{ margin-top: 8px;} .BMap_Marker{ margin:-40px 0 0 -135px !important;} } /*信息讲堂*/ .bannerPage,.bannerPage img{ width:100%; float:left;} .bannerSubhead{ width:100%; position:absolute; left:0; bottom:0; background:url(images/nygy1.png); text-align:right; font-size:14px; color:white; line-height:40px;} .bannerSubhead a{ color:white;} .bannerSubhead img{ vertical-align:middle; margin:-3px 7px 0 0;} .bannerSubhead span{ margin:0 7px;} .contentBox{ width:100%; float:left; padding-right:451px; position:relative; margin-top:51px;} .roomBox{ padding-bottom:152px;} .contentBox .contentBoxLeft{ width:100%; float:left;} .roomBoxLeft ul{ width:100%; float:left; margin-top:-20px;} .roomBoxLeft ul li{ width:100%; float:left; margin-top:20px; background:#f7f7f7; padding:26px 50px 29px 188px; position:relative;} .roomBoxLeft ul li .roomLeftTime{ width:186px; height:160px; text-align:center; position:absolute; left:0; top:26px; border-right:solid 0px #e0e0e0; padding-top:33px;} .roomBoxLeft ul li .roomLeftTime .dateone{ width:100%; font-size:72px; color:#c2c2c2; line-height:68px; font-family:Arial; font-weight:bold; letter-spacing:1px;} .roomBoxLeft ul li .roomLeftTime .datetwo{ width:100%; font-size:20px; color:#4c4c4c; line-height:31px; font-family:Arial;} .roomBoxLeft ul li .roomLeftPage{ width:240px; height:160px; float:left; overflow:hidden;} .roomBoxLeft ul li .roomLeftPage img{ width:100%; height:100%;} .roomBoxLeft ul li .roomLeftText{ margin-left:272px;} .roomBoxLeft ul li .roomLeftText h3{ width:100%; margin-top:21px; font-size:18px; color:#333; line-height:22px; overflow: hidden; word-break: break-all; } .roomBoxLeft ul li .roomLeftText b{font-weight:normal;} /*.roomBoxLeft ul li .roomLeftText h4 { width: 100%; margin-top: 21px; font-size: 18px; color: #333; line-height: 30px; letter-spacing: 1px; }*/ .roomBoxLeft ul li .roomLeftText .roomTextP{ width:100%; margin-top:13px; font-size:14px; color:#666; line-height:26px; letter-spacing:1px; height:78px; overflow:hidden;} .roomBoxLeft ul li:hover{ background:#659ff6;} .roomBoxLeft ul li:hover .roomLeftTime{ border-color:white;} .roomBoxLeft ul li:hover .roomLeftTime h3, .roomBoxLeft ul li:hover .roomLeftTime h5,.roomBoxLeft ul li:hover .roomLeftText h4{ color:white;} .roomBoxLeft ul li:hover .roomLeftText .roomTextP { color:white; opacity:0.5;} .contentBox .contentBoxRight{ width:419px; background:#f7f7f7; height:100%; position:absolute; right:0; top:0;} .roomBoxRight{ padding-bottom:152px; overflow-y:auto;} .roomBoxRight .roomRightHead,.roomBoxRight .roomRightHead img{ width:100%; float:left;} .roomBoxRight .roomRightBody{ width:100%; float:left; margin-top:31px;} .roomBoxRight .roomRightBody ul{ width:100%; float:left;} .roomBoxRight .roomRightBody ul li{ width:100%; float:left; padding:0 28px 0 26px;} .roomBoxRight .roomRightBody ul li a{ display:block; width:100%; float:left; padding:20px 138px 20px 0; border-bottom:solid 1px #e7e7e7; position:relative;} .roomBoxRight .roomRightBody ul li .roomRightPage{ width:113px; height:74px; position:absolute; right:0px; top:20px; overflow:hidden;} .roomBoxRight .roomRightBody ul li .roomRightPage img{ width:100%; height:100%;} .roomBoxRight .roomRightBody ul li .roomRightText{ width:100%;} .roomBoxRight .roomRightBody ul li .roomRightText h5{ width:100%; margin-top:7px; font-size:14px; color:#333; line-height:20px; height:40px; overflow:hidden;} .roomBoxRight .roomRightBody ul li .roomRightText h6{ width:100%; margin-top:10px; font-size:12px; color:#666; line-height:16px;} .roomBoxRight .roomRightBody ul li:hover{ background:#659ff6;} .roomBoxRight .roomRightBody ul li:hover a{ border-color:#659ff6;} .roomBoxRight .roomRightBody ul li:hover .roomRightText h5,.roomBoxRight .roomRightBody ul li:hover .roomRightText h6{ color:white;} .roomBoxDown{ width:100%; height:152px; background:white; position:absolute; left:0; bottom:0; padding-right:451px; background:white;} @media screen and (max-width: 1585px) { .contentBox,.roomBoxDown{ padding-right:351px;} .contentBox .contentBoxRight{ width:319px;} .roomBoxRight .roomRightBody ul li{ padding:0 18px 0 16px;} .roomBoxRight .roomRightBody ul li a{ padding:20px 118px 20px 0;} .roomBoxLeft ul li{ padding:26px 30px 29px 158px;} .roomBoxLeft ul li .roomLeftTime{ width:156px;} .roomBoxLeft ul li .roomLeftText{ margin-left:260px;} } @media screen and (max-width: 1199px) { .roomBoxLeft ul li{ padding:26px 30px 29px 28px;} .roomBoxLeft ul li .roomLeftTime{ width:120px; height:40px; border:0; left:28px; padding-top:0; background:url();} .roomBoxLeft ul li .roomLeftTime h3{ width:40%; line-height:40px; font-size:32px; float:left; color:white;} .roomBoxLeft ul li .roomLeftTime h5{ width:60%; line-height:40px; font-size:16px; float:left; color:white; opacity:0.8;} .roomBoxDown{ height:115px;} } @media screen and (max-width: 991px) { .contentBox{ margin-top:31px;} .roomBox{ padding-bottom:0;} .contentBox,.roomBoxDown{ padding-right:0px;} .contentBox .contentBoxRight{ width:100%; position:relative; right:auto; top:auto; float:left; margin-top:20px; padding-bottom:0; height:auto; background:white;} .roomBoxLeft ul li{ padding:16px 20px 19px 18px;} .roomBoxLeft ul li .roomLeftPage{ width:200px; height:133px;} .roomBoxLeft ul li .roomLeftText{ margin-left:222px;} .roomBoxLeft ul li .roomLeftTime{ height:32px;} .roomBoxLeft ul li .roomLeftTime h3{ line-height:32px; font-size:22px;} .roomBoxLeft ul li .roomLeftTime h5{ line-height:32px; font-size:14px;} .roomBoxLeft ul li .roomLeftText h4{ margin-top:16px; font-size:16px; line-height:24px;} .roomBoxLeft ul li .roomLeftText .roomTextP{ margin-top:9px; font-size:12px; line-height:22px; height:66px;} .roomBoxDown{ position:relative; float:left; left:auto; bottom:auto;} .roomBoxRight .roomRightHead{ height:82px; text-align:center; display:none;} .roomBoxRight .roomRightHead img{ width:auto; float:none; display:inline-block; vertical-align:top; height:100%;} .roomBoxRight .roomRightBody{ margin-top:11px;} .roomBoxRight .roomRightBody ul{ padding:0 20px;} .roomBoxRight .roomRightBody ul li{ width:49%; padding:0 18px 0 16px; background:#f7f7f7;} .roomBoxRight .roomRightBody ul li:nth-child(2n){ float:right;} .roomBoxRight .roomRightBody ul li a{ padding:12px 0;} .roomBoxRight .roomRightBody ul li .roomRightPage{ width:93px; height:61px; top:12px; display:none;} .roomBoxRight .roomRightBody ul li .roomRightText h5{ margin-top:4px; line-height:18px; height:36px;} .roomBoxRight .roomRightBody ul li .roomRightText h6{ margin-top:6px;} } @media screen and (max-width: 767px) { .bannerSubhead{ font-size:12px; line-height:32px; padding:0 10px;} .bannerSubhead img{ width:9px; height:9px; margin:-3px 4px 0 0;} .bannerSubhead span{ margin:0 4px;} .contentBox{ margin-top:11px; padding:0 10px;} .roomBoxLeft ul{ margin-top:-10px;} .roomBoxLeft ul li{ margin-top:10px; padding:10px 12px 12px 10px;} .roomBoxLeft ul li .roomLeftPage{ width:140px; height:93px;} .roomBoxLeft ul li .roomLeftText{ margin-left:152px;} .roomBoxLeft ul li .roomLeftText h4{ margin-top:6px; font-size:14px; line-height:20px;} .roomBoxLeft ul li .roomLeftText .roomTextP{ margin-top:5px; line-height:20px; height:58px;} .roomBoxLeft ul li .roomLeftTime{ left:10px; top:18px;} .roomBoxRight .roomRightBody ul{ padding:0 0px;} .roomBoxRight .roomRightBody ul li{ width:100%; padding:0 12px 0 10px;} .roomBoxDown{ height:74px;} .contentBox .contentBoxRight,.roomBoxRight .roomRightBody{ margin-top:0;} } /*信息讲堂详情*/ .detailLeft{ padding-bottom:78px;} .detailLeft .detailLeftHead{ width:100%; float:left; padding-bottom:13px; margin-top:23px; border-bottom:solid 1px #e2e2e2;} .detailLeft .detailLeftHead h4{ font-size:30px; color:#333; line-height:40px; letter-spacing:1px;} .detailLeft .detailLeftHead h6{ margin-top:20px; font-size:14px; color:#777; line-height:24px; letter-spacing:1px;} .detailLeft .detailLeftHead h6 span{ margin-right:15px;} .detailLeft .detailLeftBody{ width:100%; float:left; margin-top:22px; font-size:14px; color:#666; line-height:30px; letter-spacing:1px; } .detailLeft .detailLeftBody > img{ margin:23px 0 25px 0; width:100%;} .detailLeft .detailLeftBody .detailLeftBtn{ width:100%; text-align:center; margin-top:42px; text-indent:0;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0 13px 0; border:solid 1px #bfc2c5; cursor:pointer; margin:auto;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box .ico{ width:100%; float:left;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box h5{ width:100%; float:left; font-size:12px; color:#8f9499; line-height:19px;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box_1{ width:80px; height:80px;display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; padding:10px 0 13px 0; cursor:pointer; display:none; border:solid 1px #659ff6; margin:auto;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box_1 .ico{ width:100%; float:left;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box_1 h5{ width:100%; float:left; font-size:12px; line-height:19px; color:#659ff6;} .detailLeft .detailLeftBody .detailLeftFx{ width:100%; text-align:center; margin-top:27px; font-size:14px; color:#666; line-height:26px;} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox{ display:inline-block; vertical-align:top;} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a{ margin:0 9px; padding:0; width:26px; height:26px; background-size:contain !important;} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a.a1{ background:url(../images/room8.jpg);} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a.a2{ background:url(../images/room9.jpg);} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a.a3{ background:url(../images/room10.jpg);} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a.a4{ background:url(../images/room11.jpg);} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a.a5{ background:url(../images/room12.jpg);} .detailLeft .detailLeftDown{ width:100%; float:left; margin-top:58px; padding-top:24px; border-top:solid 1px #cfcfcf;} .detailLeft .detailLeftDown h5{ width:45%; float:left;} .detailLeft .detailLeftDown h5 span{ display:block; font-size:14px; color:#8b8b8b; line-height:24px; font-weight:bold;} .detailLeft .detailLeftDown h5 a{ display:block; font-size:14px; color:#232323; line-height:24px;} .detailLeft .detailLeftDown h5 a:hover{ color:#659ff6;} .detailLeft .detailLeftDown h5:last-child{ text-align:right;} .detailLeft .detailLeftDown .detailLeftReturn{ width:10%; float:left; margin-top:12px; text-align:center;} .detailLeft .detailLeftDown .detailLeftReturn a{ display:block; font-size:16px; color:#fff; line-height:60px; background:#062d7e; margin-top:-12px; font-weight:bold;} .detailLeft .detailLeftDown .detailLeftReturn a:hover{ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .detailLeft .detailLeftDown .detailLeftReturn a img{ vertical-align:middle; margin:-3px 10px 0 0;} @media screen and (max-width: 1585px) { .detailLeft .detailLeftDown .detailLeftReturn a{ font-size:14px;} } @media screen and (max-width:1199px) { .detailLeft .detailLeftHead{ padding-bottom:9px; margin-top:15px;} .detailLeft .detailLeftBody .detailLeftBtn{ margin-top:22px;} .detailLeft .detailLeftBody .detailLeftFx{ margin-top:17px;} .detailLeft .detailLeftBody .detailLeftFx .bdsharebuttonbox a{ margin:0 5px;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box{ width:66px; height:66px; padding:8px 0 10px 0;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box .ico,.detailLeft .detailLeftBody .detailLeftBtn .btn_box_1 .ico{ height:26px;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box .ico img,.detailLeft .detailLeftBody .detailLeftBtn .btn_box_1 .ico img{ height:100%;} .detailLeft .detailLeftBody .detailLeftBtn .btn_box_1{ width:66px; height:66px; padding:8px 0 10px 0;} .detailLeft .detailLeftDown h5{ width:42%;} .detailLeft .detailLeftDown .detailLeftReturn{ width:16%;} } @media screen and (max-width:991px) { .detailLeft{ padding-bottom:48px;} .detailLeft .detailLeftHead{ padding-bottom:9px; margin-top:0px;} .detailLeft .detailLeftHead h4{ font-size:24px; line-height:34px;} .detailLeft .detailLeftHead h6{ margin-top:14px; font-size:12px; line-height:20px;} .detailLeft .detailLeftHead h6 span{ margin-right:10px;} .detailLeft .detailLeftBody{ margin-top:16px; font-size:12px; line-height:24px;} .detailLeft .detailLeftBody > img{ margin:13px 0 15px 0;} .detailLeft .detailLeftBody .detailLeftBtn{ margin-top:32px;} .detailLeft .detailLeftDown{ margin-top:38px; padding-top:14px;} .detailLeft .detailLeftDown h5 span{ font-size:12px; line-height:22px;} .detailLeft .detailLeftDown h5 a{ font-size:12px; line-height:22px;} .detailLeft .detailLeftDown .detailLeftReturn{ margin-top:0;} .detailLeft .detailLeftDown .detailLeftReturn a{ line-height:44px; margin-top:0px;} } @media screen and (max-width:767px) { .detailLeft{ padding-bottom:28px;} .detailLeft .detailLeftHead{ padding-bottom:5px;} .detailLeft .detailLeftHead h4{ font-size:18px; line-height:28px;} .detailLeft .detailLeftHead h6{ margin-top:8px;} .detailLeft .detailLeftHead h6 span{ margin-right:8px;} .detailLeft .detailLeftBody{ margin-top:12px; line-height:22px;} .detailLeft .detailLeftBody > img{ margin:8px 0 11px 0;} .detailLeft .detailLeftBody .detailLeftBtn{ margin-top:22px;} .detailLeft .detailLeftDown{ margin-top:28px; padding-top:10px; padding-right:100px; position:relative;} .detailLeft .detailLeftDown h5{ width:100%;} .detailLeft .detailLeftDown h5:last-child{ text-align:left;} .detailLeft .detailLeftDown .detailLeftReturn{ position:absolute; width:80px; right:0; top:50%; margin-top:-40px;} .detailLeft .detailLeftDown .detailLeftReturn a{ display:block; float:left; width:80px; height:80px; background:#659ff6; color:white; line-height:80px;} .detailLeft .detailLeftDown .detailLeftReturn a img{ display:none;} } /*案例欣赏*/ .f5f5f5{ background:#f5f5f5;} .headline{ text-align:center; height:61px; border-bottom:solid 1px #e7e7e7;} .pz_SideLayer{ display:inline-block; vertical-align:top; border-left:solid 1px #e7e7e7;} .pz_SideLayer li{ float:left; width:160px; margin-left:-1px;} .pz_SideLayer li a{ display:block; width:100%; border-right:solid 1px #e7e7e7; height:61px; line-height:60px; font-size:16px; color:#333; letter-spacing:1px;} .pz_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#659ff6; color:white;} @media screen and (max-width:1199px){ .pz_SideLayer li{ width:120px;} } @media screen and (max-width:991px){ .headline{ height:41px;} .pz_SideLayer li{ width:100px;} .pz_SideLayer li a{ height:41px; line-height:40px; font-size:14px;} } @media screen and (max-width:767px){ .headline{ height:auto; border-bottom:0; padding:0;} .pz_SideLayer{ width:100%; float:left;} .pz_SideLayer li{ width:25%; border-bottom:solid 1px #e7e7e7; height:36px;} .pz_SideLayer li a{ height:36px; line-height:35px; font-size:14px;} .headlineLess .pz_SideLayer li{ width:50%; margin-left:0;} } /*案例欣赏*/ .caseBody{ padding:0;} .loadingDown{ width:100%; float:left; text-align:center; margin:71px 0 75px 0; font-size:16px; color:#659ff6; line-height:30px; letter-spacing:1px; opacity:0.78;} .loadingDown img{ vertical-align:middle; margin:-3px 10px 0 0; width:28px;} @media screen and (max-width:991px){ .caseBody .contentTwoUl li { width:50%;} .loadingDown{ margin:41px 0 45px 0; font-size:14px;} } @media screen and (max-width:767px){ .caseBody{ padding-left:5px; padding-right:5px;} .loadingDown{ margin:21px 0 25px 0;} .loadingDown img{ margin:-3px 6px 0 0; width:20px;} } /*联系我们*/ .contactOne{ padding-top:58px; padding-bottom:60px;} .contactOneLeft{ width:69.23%; float:left; height:609px; background:#ebebeb;} .contactOneLeft .dt{ width:100%; float:left; padding:49px 40px 34px 88px; background:#ebebeb;} .contactOneLeft .dt h3{ width:100%; float:left; font-size:30px; color:#151515; line-height:47px; letter-spacing:1px;} .contactOneLeft .dt h5{ width:100%; float:left; font-size:16px; color:#9c9c9c; line-height:33px; letter-spacing:16px; text-transform:uppercase;} .contactOneLeft .dd{ width:100%; float:left; padding:36px 40px 32px 40px; background:#f6f6f6;} .contactOneLeft .dd li{ width:50%; float:left; padding-left:105px; position:relative; padding-right:15%;} .contactOneLeft .dd li .ewm{ width:79px; height:79px; border:solid 2px #659ff6; position:absolute; right:10%; top:50%; margin-top:-40px;} .contactOneLeft .dd li .ico{ width:42px; height:42px; background:#659ff6; line-height:0; position:absolute; left:45px; top:2px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .contactOneLeft .dd li h5{ float:left; width:100%; font-size:16px; color:#444; line-height:29px; letter-spacing:1px;} .contactOneLeft .dd li h6{ float:left; width:100%; font-size:16px; color:#444; line-height:26px; letter-spacing:1px;} .contactOneLeft .dd li h6 span{ margin-right:22px; display:inline-block;} .contactOneLeft .dd:nth-child(3n){ background:#ebebeb;} .contactOneLeft .dd:last-child li{ width:100%; padding-right:0;} .contactOneRight{ width:29.51%; float:right; background:white; border:solid 1px #ededed; padding:36px 39px 0 38px; height:609px;} .contactOneRight .dt{ width:100%; text-align:center; font-size:24px; color:#333; line-height:34px; letter-spacing:1px; margin-bottom:9px;} .contactOneRight .dd{ width:100%; margin-top:11px;} .contactOneRight .dd h5{ width:100%; font-size:14px; color:#666; line-height:32px; letter-spacing:1px;} .contactOneRight .dd input,.contactOneRight .dd textarea{ display:block; width:100%; height:44px; line-height:44px; background:#f7f7f7; padding:0 20px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} .contactOneRight .dd textarea{ padding:8px 20px; line-height:24px; height:116px;} .contactOneRight .dd.d2{ text-align:center; margin-top:29px;} .contactOneRight .dd.d2 input{ display:inline-block; width:229px; height:44px; line-height:44px; color:white; background:#186ebf; font-size:16px; -moz-border-radius:22px; -webkit-border-radius:22px; -khtml-border-radius:22px; border-radius:22px;} .contactOneRight .dd.d1{ padding-right:107px; position:relative;} .contactOneRight .dd.d1 span{ display:block; width:98px; height:44px; position:absolute; right:0; bottom:0; cursor:pointer;} .contactOneRight .dd.d2 input:hover{ background:#ee4b20;} @media screen and (max-width:1585px){ .contactOneLeft .dt{ padding:39px 20px 24px 48px;} .contactOneLeft .dd{ padding:33px 20px 34px 0px;} .contactOneLeft .dd li{ padding-right:10%;} .contactOneLeft .dd li .ewm{ right:0%;} } @media screen and (max-width:1199px){ .contactOneLeft{ height:479px;} .contactOneLeft .dt{ padding:29px 20px 14px 30px;} .contactOneLeft .dt h3{ font-size:24px; line-height:42px;} .contactOneLeft .dt h5{ font-size:14px; line-height:27px; letter-spacing:12px;} .contactOneLeft .dd{ padding:23px 20px 24px 0;} .contactOneLeft .dd li{ padding-left:85px;} .contactOneLeft .dd li .ico{ left:30px; width:38px; height:38px;} .contactOneLeft .dd li .ewm{ width:60px; height:60px; margin-top:-30px;} .contactOneLeft .dd li h5{ font-size:14px; line-height:25px;} .contactOneLeft .dd li h6{ font-size:14px; line-height:22px;} .contactOneRight{ padding:20px 19px 0 18px; height:479px;} .contactOneRight .dt{ font-size:18px; line-height:28px; margin-bottom:5px;} .contactOneRight .dd{ margin-top:6px;} .contactOneRight .dd h5{ font-size:12px; line-height:26px;} .contactOneRight .dd input,.contactOneRight .dd textarea{ height:40px; line-height:40px;} .contactOneRight .dd textarea{ height:100px;} .contactOneRight .dd.d1 span{ width:89px; height:40px;} .contactOneRight .dd.d2{ margin-top:20px;} } @media screen and (max-width:991px){ .contactOne{ padding-top:38px; padding-bottom:40px;} .contactOneLeft,.contactOneRight{ width:100%; height:auto;} .contactOneLeft .dt{ padding:19px 10px 10px 20px;} .contactOneLeft .dd{ padding:13px 10px 24px 20px;} .contactOneLeft .dt h3{ font-size:24px; line-height:32px;} .contactOneLeft .dt h5{ margin-top:6px; font-size:14px; line-height:20px;} .contactOneLeft .dd li{ padding-left:50px; padding-right:15%;} .contactOneLeft .dd li .ewm{ right:10%;} .contactOneLeft .dd li .ico{ width:32px; height:32px; left:0;} .contactOneLeft .dd li h5{ font-size:14px; line-height:25px;} .contactOneLeft .dd li h6{ font-size:14px; line-height:22px;} .contactOneRight{ padding:16px 19px 20px 18px; height:auto;} .contactOneRight .dt{ font-size:16px; line-height:26px;} .contactOneRight .dd input,.contactOneRight .dd textarea{ height:38px; line-height:38px; padding:0 10px;} .contactOneRight .dd textarea{ padding:6px 10px; line-height:20px; height:86px;} .contactOneRight .dd.d2{ margin-top:19px;} .contactOneRight .dd.d2 input{ width:200px; height:38px; line-height:38px; font-size:14px;} } @media screen and (max-width:767px){ .contactOne{ padding-top:18px; padding-bottom:20px;} .contactOneLeft{ width:100%;} .contactOneLeft .dt{ padding:12px 10px 10px 10px;} .contactOneLeft .dd{ padding:8px 10px 14px 10px;} .contactOneLeft .dt h3{ font-size:18px; line-height:26px;} .contactOneLeft .dt h5{ margin-top:4px; font-size:12px; line-height:18px;} .contactOneLeft .dd li{ width:100%; margin:15px 0; padding-left:40px; padding-right:25%;} .contactOneLeft .dd li h5{ line-height:21px;} .contactOneLeft .dd li h6{ line-height:20px;} .contactOneRight{ padding:10px 10px 15px 10px;} .contactOneLeft .dd li .ewm{ right:3%;} } .contactTwo{ padding:69px 30px 68px 30px; text-align:center; font-size:18px; color:white; line-height:42px; letter-spacing:1px; } @media screen and (max-width:991px){ .contactTwo{ padding:49px 20px 48px 20px; font-size:16px; line-height:36px;} } @media screen and (max-width:767px){ .contactTwo{ padding:29px 15px 28px 15px; font-size:14px; line-height:30px;} } .contactTre{ padding:64px 0 82px 0;} .contactTreHead{ width:100%; float:left; text-align:center; font-size:38px; color:#333; line-height:67px; font-weight:bold; letter-spacing:1px; position:relative;} .contactTreHead h1{ width:100%; position:absolute; left:0; top:0; z-index:-1; text-transform:uppercase; font-size:110px; line-height:82px; color:#f6f6f6; font-family: 'OPENSANS-BOLD'; font-weight:bold;} .contactTreBody{ width:100%; float:left; margin-top:34px; text-align:center; font-size:16px; color:#666; line-height:36px;} .contactTreDown{ width:100%; float:left; margin-top:3px;} .contactTreDown ul{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .contactTreDown ul li{ width:33.33%; float:left; margin-top:32px; padding:0 15px;} .contactTreDown ul li .zbox{ width:100%; float:left; overflow:hidden; box-shadow:0 0 16px rgba(0,0,0,0.2); padding:36px 30px 36px 41px; height:317px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .contactTreDown ul li .zbox .contactTreDownTit{ width:100%; float:left; padding-bottom:12px; background:url(../images/contact3.jpg) no-repeat left bottom; font-size:24px; color:#333; line-height:40px; position:relative;} .contactTreDown ul li .zbox .contactTreDownTit h4{ position:absolute; right:0px; top:0; font-size:37px; color:#444; opacity:0.1; text-transform:uppercase; font-weight:bold; line-height:40px;} .contactTreDown ul li .zbox .scroll{ width:100%; float:left; margin-top:5px; height:193px; overflow:hidden; position:relative;text-align:left } .contactTreDown ul li .zbox .scroll .p{ width:100%; float:left; font-size:16px; color:#666; line-height:28px;padding-right:20px;text-align:left} .contactTreDown ul li .zbox .scroll .p b{ margin-top:10px; width:100%; float:left;} .scroll_tiao{ width:2px !important; background:#ddd; right:2px !important;} .scroll_huakuai{ width:4px !important; background:#185fb7 !important; right:-1px !important; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px} .contactTreBtn{ width:100%; float:left; text-align:center; margin-top:64px;} .contactTreBtn h4{ font-size:18px; color:#666; line-height:30px; font-weight:bold;} .contactTreBtn h4 a{ color:#659ff6; text-decoration:underline;} .contactTreBtn h5{ font-size:16px; color:#666; line-height:27px;} @media screen and (max-width:1199px) { .contactTreDown ul li .zbox{ padding:36px 20px 36px 31px;} .contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:30px;} } @media screen and (max-width:991px) { .contactTre{ padding:44px 0 62px 0;} .contactTreHead{ font-size:32px; line-height:47px;} .contactTreHead h1{ font-size:90px; line-height:62px;} .contactTreBody{ margin-top:24px; font-size:14px; line-height:30px;} .contactTreDown{ margin-top:0px;} .contactTreDown ul li{ width:50%; margin-top:22px;} .contactTreDown ul li .zbox{ padding:26px 10px 26px 21px; height:267px;} .contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:10px; font-size:18px; line-height:36px;} .contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:24px; line-height:36px;} .contactTreDown ul li .zbox .scroll{ overflow-y:auto;text-align:left} .contactTreDown ul li .zbox .scroll .p{ font-size:14px; line-height:24px;padding-right:10px; text-align:left} .contactTreDown ul li .zbox .scroll .p b{ margin-top:6px;} .contactTreBtn{ margin-top:44px;} .contactTreBtn h4{ font-size:16px; line-height:24px;} .contactTreBtn h5{ font-size:14px; line-height:23px;} } @media screen and (max-width:767px) { .contactTre{ padding:24px 0 32px 0;} .contactTreHead{ font-size:26px; line-height:37px;} .contactTreHead h1{ font-size:50px; line-height:42px;} .contactTreBody{ margin-top:14px; font-size:12px; line-height:24px; padding:0 10px;} .contactTreDown ul li{ width:100%; margin-top:12px;} .contactTreDown ul li .zbox{ padding:16px 10px 16px 11px; height:240px;} .contactTreDown ul li .zbox .scroll{ height:160px;} .contactTreBtn{ margin-top:24px;} .contactTreBtn h4{ font-size:14px; line-height:20px;} .contactTreBtn h5{ font-size:12px; line-height:19px;} .contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:6px;} } .contactFou{ height:300px; line-height:300px; text-align:center;} @media screen and (max-width:991px) { .contactFou{ height:220px; line-height:220px;} .contactFou img{ height:93px;} } @media screen and (max-width:767px) { .contactFou{ height:130px; line-height:130px;} .contactFou img{ height:50px;} } /*自主品牌*/ .brandBody{ padding:69px 0 79px 0;} .brandSlick{ width:100%; float:left; position:relative;} .brandSlick .slick-slide{ padding-top:20px;} .brandSlick .brandSlickBox{ width:100%; float:left; position:relative; height:604px; -moz-border-radius:18px; -webkit-border-radius:18px; -khtml-border-radius:18px; border-radius:18px;} .brandSlick .brandSlickBox .brandSlickMb{ width:440px; height:554px; position:absolute; right:115px; top:0; background:url(images/brand3.png); text-align:center; padding:69px 54px 0 43px;} .brandSlick .brandSlickBox .brandSlickMb:before{ content:''; width:440px; height:20px; position:absolute; left:0px; top:-20px; background:url(images/brand4.png) no-repeat center center; background-size:contain;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead{ width:100%; float:left; padding-bottom:38px; background:url(images/brand5.png) no-repeat center bottom;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h3{ font-size:48px; color:white; line-height:58px; letter-spacing:1px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h5{ margin-top:23px; font-size:16px; color:white; line-height:23px; letter-spacing:10px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickDown{ width:100%; float:left; margin-top:37px; font-size:16px; color:white; line-height:40px; letter-spacing:1px; height:280px; overflow:hidden; position:relative;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickDown .scroll_cont,.brandSlick .brandSlickBox .brandSlickMb .brandSlickDown .scroll_box{ width:100%; float:left; text-align:left} .scroll_tiao{ width:1px !important; background:rgba(255,255,255,0.4) !important; right:2px !important;} .scroll_huakuai{ width:3px !important; background:#fff !important; right:-1px !important; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px} .brandSlick .slick-prev, .brandSlick .slick-next { position: absolute; left:-50px; top: 50%; display: block; width: 30px; height: 55px; margin-top:-27px; background:url(images/brand2.png) no-repeat left center; background-size:auto 55px; z-index:100; opacity:0.6; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .brandSlick .slick-next{ left:auto; right:-50px; background-position:right center; } .brandSlick .slick-prev:hover, .brandSlick .slick-next:hover{ opacity:1;} @media screen and (max-width:1300px) { .brandSlick .slick-prev{ left:20px;} .brandSlick .slick-next{ right:20px;} } @media screen and (max-width:1199px) { .brandBody{ padding:49px 0 59px 0;} .brandSlick .brandSlickBox .brandSlickMb{ right:65px; width:400px; height:454px; padding:49px 34px 0 23px;} .brandSlick .brandSlickBox{ height:504px;} .brandSlick .brandSlickBox .brandSlickMb:before{ width:400px; background-position:center bottom;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h3{ font-size:42px; line-height:52px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h5{ margin-top:17px; font-size:14px; line-height:21px; letter-spacing:6px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickDown{ margin-top:27px; font-size:14px; line-height:34px; height:204px;} } @media screen and (max-width:991px) { .brandBody{ padding:29px 0 39px 0;} .brandSlick .brandSlickBox .brandSlickMb{ right:65px; width:320px; height:334px; padding:39px 24px 0 13px;} .brandSlick .brandSlickBox{ height:404px;} .brandSlick .brandSlickBox .brandSlickMb:before{ width:328px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead{ padding-bottom:28px; background-size:auto 3px; } .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h3{ font-size:32px; line-height:42px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h5{ margin-top:12px; font-size:12px; line-height:19px; letter-spacing:4px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickDown{ margin-top:17px; font-size:12px; line-height:28px; height:140px; overflow-y:auto;} } @media screen and (max-width:767px) { .brandBody{ padding:19px 5px 29px 5px;} .brandSlick .brandSlickBox .brandSlickMb{ right:50%; margin-right:-160px; width:320px; height:264px; padding:19px 14px 0 13px;} .brandSlick .brandSlickBox{ height:304px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead{ padding-bottom:18px; background-size:auto 2px; } .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h3{ font-size:26px; line-height:34px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickHead h5{ margin-top:8px; letter-spacing:2px;} .brandSlick .brandSlickBox .brandSlickMb .brandSlickDown{ margin-top:12px; line-height:24px;} .brandSlick .slick-prev, .brandSlick .slick-next{ top:110%; width:15px; height:28px; margin-top:-14px; background-size:30px 28px; left:50%; margin-left:-50px;} .brandSlick .slick-next{ margin-left:35px;} } /*关于我们*/ .aboutBody{ padding:0;} .aboutContentOne{ width:100%; float:left; text-align:center; padding:63px 0 65px 0px;} .aboutContentOne .aboutOneHead{ width:100%; float:left; font-size:38px; color:black; line-height:56px; font-weight:bold; letter-spacing:1px; position:relative;} .aboutContentOne .aboutOneHead h1{ width:100%; float:left; font-size:110px; color:#f6f6f6; line-height:84px; font-weight:bold;font-family: 'OPENSANS-BOLD'; text-transform:capitalize; position:absolute; left:0; bottom:0; z-index:-1;} .aboutContentOne .aboutOneBody{ width:100%; margin-top:11px; float:left; font-size:16px; color:#737373; line-height:32px;} .aboutContentOne .aboutOneDown{ width:100%; margin-top:27px; float:left;} .aboutContentOne .aboutOneDown ul{ display:inline-block; vertical-align:top; overflow:hidden;} .aboutContentOne .aboutOneDown ul li{ float:left; width:168px; margin-left:-1px; background:url(images/about1.jpg) no-repeat left center;} .aboutContentOne .aboutOneDown ul li h6{ width:100%; font-size:16px; color:#666; font-family:Arial; line-height:26px; text-transform:uppercase;} .aboutContentOne .aboutOneDown ul li h2{ width:100%; font-size:40px; color:#659ff6; line-height:50px;} @media screen and (max-width:1199px) { .aboutContentOne{ padding:43px 20px 45px 20px;} .aboutContentOne .aboutOneHead{ font-size:32px; line-height:50px;} .aboutContentOne .aboutOneHead h1{ font-size:90px; line-height:64px;} .aboutContentOne .aboutOneBody{ margin-top:6px; font-size:14px; line-height:26px;} .aboutContentOne .aboutOneDown{ margin-top:20px;} .aboutContentOne .aboutOneDown ul li{ width:140px;} .aboutContentOne .aboutOneDown ul li h6{ font-size:14px; line-height:24px;} .aboutContentOne .aboutOneDown ul li h2{ font-size:30px; line-height:40px;} } @media screen and (max-width:991px) { .aboutContentOne{ padding:23px 10px 25px 10px;} .aboutContentOne .aboutOneHead{ font-size:24px; line-height:40px;} .aboutContentOne .aboutOneHead h1{ font-size:70px; line-height:44px;} .aboutContentOne .aboutOneDown ul li{ width:100px;} .aboutContentOne .aboutOneDown ul li h6{ font-size:12px; line-height:22px;} .aboutContentOne .aboutOneDown ul li h2{ font-size:20px; line-height:32px;} } @media screen and (max-width:767px) { .aboutContentOne .aboutOneHead{ font-size:18px; line-height:30px;} .aboutContentOne .aboutOneHead h1{ font-size:50px; line-height:34px;} .aboutContentOne .aboutOneDown{ margin-top:5px;} .aboutContentOne .aboutOneDown ul li{ display:inline-block; vertical-align:top; float:none; width:80px; background:none; margin-top:5px;} .aboutContentOne .aboutOneDown ul li h2{ font-size:16px; line-height:26px;} .aboutContentOne .aboutOneDown ul{ width:100%;} .aboutContentOne .aboutOneBody{ font-size:12px; line-height:22px;} } .aboutContentTwo{ width:100%; float:left; height:642px; position:relative; background-position:center bottom; background-repeat:no-repeat;} .aboutContentTwo .slick-prev,.aboutContentTwo .slick-next { position: absolute; left:70px; top: 50%; display: block; width: 42px; height: 80px; padding: 0; margin-top:-40px; background-size:84px auto; background:url(images/about5_h.png) no-repeat left center #f7f7f7; z-index:100; opacity:0.5; } .aboutContentTwo .slick-next{ left:auto; right:70px; background-position:right center; } .aboutContentTwo .slick-prev:hover,.aboutContentTwo .slick-next:hover{ background-image:url(images/index39_h.png); background-color:#659ff6;} .aboutContentTwo .aboutTwoPage .slick-next,.aboutContentTwo .aboutTwoTextBox .slick-prev{ display:none !important;} .aboutContentTwo .aboutTwoPage,.aboutContentTwo .aboutTwoTextBox{ width:50%; float:left; height:642px;} .aboutContentTwo .aboutTwoTextBox{ background:url(images/about2.jpg) no-repeat center bottom; background-size:auto 539px;} .aboutContentTwo .aboutTwoPage .slick-slide,.aboutContentTwo .aboutTwoTextBox .slick-slide{ height:642px; position:relative; overflow:hidden;} .aboutContentTwo .aboutTwoPage .slick-slide img{ width:960px; height:642px; position:absolute; left:50%; bottom:0; margin-left:-480px; max-width:none;} .aboutContentTwo .aboutTwoText{ width:716px; position:absolute; left:72px; bottom:20px;} .aboutContentTwo .aboutTwoText .aboutTwoName{ width:100%; float:left; padding-bottom:19px; background:url(images/about3.png) no-repeat left bottom; font-size:38px; color:black; line-height:52px; font-weight:bold;} .aboutContentTwo .aboutTwoText .aboutTwoName span{ display:inline-block; vertical-align:middle; margin-left:17px; font-size:18px; color:#666; line-height:34px;} .aboutContentTwo .aboutTwoText .aboutTwoP{ width:100%; float:left; margin-top:18px; font-size:16px; color:#666; line-height:36px; height:396px; overflow:hidden;} @media screen and (max-width:1700px) { .aboutContentTwo .aboutTwoText{ width:516px; margin-right:-586px;} } @media screen and (max-width:1320px) { .aboutContentTwo .aboutTwoText{ width:440px; margin-right:-476px;} } @media screen and (max-width:1199px) { .aboutContentTwo{ height:502px; background-size:auto 100%;} .aboutContentTwo .aboutTwoText{ width:400px; margin-right:-426px;} .aboutContentTwo .aboutTwoText .aboutTwoName{ padding-bottom:12px; font-size:32px; line-height:46px;} .aboutContentTwo .aboutTwoText .aboutTwoName span{ margin-left:12px; font-size:16px; line-height:28px;} .aboutContentTwo .aboutTwoText .aboutTwoP{ margin-top:13px; font-size:14px; line-height:30px;} } @media screen and (max-width:991px) { .aboutContentTwo{ height:422px;} .aboutContentTwo .aboutTwoPage,.aboutContentTwo .aboutTwoTextBox{ height:422px;} .aboutContentTwo .aboutTwoTextBox{ background-size:auto 355px;} .aboutContentTwo .aboutTwoPage .slick-slide,.aboutContentTwo .aboutTwoTextBox .slick-slide{ height:422px;} .aboutContentTwo .aboutTwoPage .slick-slide img{ width:631px; height:422px; margin-left:-315px;} .aboutContentTwo .aboutTwoText{ width:340px; left:42px; bottom:10px;} .aboutContentTwo .aboutTwoText .aboutTwoName{ padding-bottom:10px; font-size:26px; line-height:36px;} .aboutContentTwo .aboutTwoText .aboutTwoName span{ margin-left:8px; font-size:14px; line-height:22px;} .aboutContentTwo .aboutTwoText .aboutTwoP{ margin-top:9px; font-size:12px; line-height:24px; height:264px;} } @media screen and (max-width:767px) { .aboutContentTwo{ height:auto;} .aboutContentTwo .aboutTwoPage{ width:100%; float:left; height:auto;} .aboutContentTwo .aboutTwoPage .slick-slide,.aboutContentTwo .aboutTwoTextBox .slick-slide{ height:auto;} .aboutContentTwo .aboutTwoPage .slick-slide img{ position:relative; left:auto; top:auto; margin:0; float:left; width:100%; height:auto;} .aboutContentTwo .aboutTwoTextBox{ background:none; width:100%; height:auto;} .aboutContentTwo .aboutTwoTextBox .aboutTwoText{ position:relative; float:left; right:auto; bottom:auto; width:100%; padding:15px; top:auto; margin-right:0; left:auto;} .aboutContentTwo .aboutTwoText .aboutTwoName{ padding-bottom:10px; font-size:26px; line-height:36px;} .aboutContentTwo .aboutTwoText .aboutTwoName span{ margin-left:8px; font-size:14px; line-height:22px;} .aboutContentTwo .aboutTwoTextBox .slick-next{ display:none !important;} .aboutContentTwo .aboutTwoPage .slick-next{ display:block !important;} .aboutContentTwo .slick-prev{ left:0;} .aboutContentTwo .slick-next{ right:0;} .aboutContentTwo .slick-prev,.aboutContentTwo .slick-next{ height:60px; margin-top:-30px; width:28px; background-size:64px auto; background-position:-2px center;} .aboutContentTwo .slick-next{ background-position:95% center;} } .aboutContentTre{ padding:87px 0 129px 0; float:left; width:100%;} .aboutContentTreBox{ padding:0 130px;} .aboutContentTit{ width:100%; float:left; text-align:center;} .aboutContentTit h4{ width:100%; font-size:32px; color:white; line-height:51px; font-weight:bold; letter-spacing:1px;} .aboutContentTit h5{ width:100%; font-size:16px; color:white; line-height:34px; text-transform:uppercase; letter-spacing:1px;} .slide_pic_9{ width:100%; float:left; margin-top:70px; padding:0 59px;} .slide_pic_9:before{ content:''; width:100%; height:1px; top:50%; left:0; position:absolute; background:white; margin-top:-1px;} .slide_pic_9 .p{ width:100%; float:left; padding:0 5px; height:124px; font-size:13px; color:white; line-height:20px; overflow:hidden; text-align:left; margin-top:25px;} .slide_pic_9 .bian{ width:100%; float:left; height:1px; margin-top:19px; position:relative;} .slide_pic_9 .bian img{ width:15px; height:15px; position:absolute; left:50%; top:-7px; margin-left:-7px;} .slide_pic_9 .time{ width:100%; height:120px; position:relative; float:left; text-align:center; margin-top:8px; padding-top:40px;} .slide_pic_9 .time .ico{ display:inline-block; *zoom:1; *display:inline; width:80px; height:80px; position:relative; background:#fff; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%;} .slide_pic_9 .time .ico span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 2px #659ff6; opacity:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .slide_pic_9 .time .ico h3{ width:100%; float:left; font-size:24px; color:#659ff6; line-height:80px;font-family:Arial; font-weight:bold;} .slide_pic_9 .time svg{ display:block; width:1px; height:100%; background:#fff; position:absolute; left:50%; top:0px; z-index:-1;} .slide_pic_9 .l1 .time{ width:100%; padding-top:0; padding-bottom:40px;} .slide_pic_9 .l1 .bian{ margin-top:0px;} .slide_pic_9 .l1 .p{ margin-top:40px;} .slide_pic_9 .slick-slide:hover .time .ico span{ opacity:1; width:96%; height:96%; left:2%; top:2%;} .slide_pic_9 .slick-prev,.slide_pic_9 .slick-next { position: absolute; left: -44px; top: 50%; display: block; width: 44px; height: 44px; margin-top:-22px; background:url(../images/about5.png) no-repeat left center; } .slide_pic_9 .slick-next { left: auto; right: -44px; background-position:right center; } .slide_pic_9 .slick-prev:hover, .slide_pic_9 .slick-next:hover{ background-image:url(../images/about5_h.png);} @media screen and (max-width:1585px) { .aboutContentTreBox{ padding:0 50px;} .slide_pic_9{ padding:0 10px;} } @media screen and (max-width:1199px) { .aboutContentTre{ padding:67px 0 89px 0;} .aboutContentTreBox{ padding:0 30px;} .aboutContentTit h4{ font-size:26px; line-height:43px;} .aboutContentTit h5{ font-size:14px; line-height:28px;} .slide_pic_9{ margin-top:40px; padding:0 0px;} .slide_pic_9 .p{ height:60px; font-size:12px; line-height:20px;} .slide_pic_9 .time{ height:100px; margin-top:0;} .slide_pic_9 .bian{ margin-top:18px;} .slide_pic_9 .time .ico{ width:60px; height:60px;} .slide_pic_9 .time .ico h3{ font-size:18px; line-height:60px;} .slide_pic_9 .l1 .time{ height:100px;} .slide_pic_9 .l1 .bian{ margin-top:4px;} .slide_pic_9 .slick-prev,.slide_pic_9 .slick-next { width: 20px; height: 20px; margin-top:-10px; left:-20px; background-size:40px 20px !important; } .slide_pic_9 .slick-next{ left:auto; right:-20px;} } @media screen and (max-width:991px) { .aboutContentTre{ padding:47px 0 69px 0;} .aboutContentTreBox{ padding:0 20px;} .aboutContentTit h4{ font-size:20px; line-height:37px;} .aboutContentTit h5{ font-size:12px; line-height:24px;} .slide_pic_9 .l1 .bian{ margin-top:2px;} .slide_pic_9{ margin-top:20px;} } @media screen and (max-width:767px) { .aboutContentTre{ padding:27px 0 39px 0;} .aboutContentTit h4{ font-size:16px; line-height:30px;} .aboutContentTit h5{ line-height:22px;} .slide_pic_9 .p{ height:80px; margin-top:5px;} .slide_pic_9 .l1 .p{ margin-top:20px;} } .aboutContentFou{ padding:69px 0 110px 0; width:100%; float:left; } .aboutContentTitBlack h4,.aboutContentTitBlack h5{ color:#333;} .aboutFouBox{ margin:0 -5px; } .aboutFouBox ul{ width:100%; float:left; margin-top:21px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .aboutFouBox li{ float:left; width:25%; padding:5px;} .aboutFouBox .l1{ float:left; width:100%; background:#4d4d4d; padding:0 5% 0 97px; position:relative; height:112px; line-height:112px;} .aboutFouBox .l1 i{ position:absolute; left:27px; top:27px; width:64px; line-height:0;} .aboutFouBox .l1 .number{ position:absolute; left:0; top:0; font-size:26px; line-height:30px; opacity:0.1; color:white;} .aboutFouBox .lc1{ width:22.09%;} .aboutFouBox .lc2{ width:46.15%;} .aboutFouBox .lc3{ width:31.75%;} .aboutFouBox .lc4{ width:27.21%;} .aboutFouBox .lc5{ width:34.76%;} .aboutFouBox .lc6{ width:38.03%;} .aboutFouBox .l2{ background:#659ff6;} .aboutFouBox .l3{ background:#659ff6;} .aboutFouBox li h5{ display:inline-block; vertical-align:middle; font-size:18px; color:white; line-height:30px;} @media screen and (max-width:1199px) { .aboutContentFou{ padding:49px 0 90px 0;} .aboutFouBox .l1{ padding:0 5% 0 75px;} .aboutFouBox .l1 i{ left:10px; top:50%; width:52px; margin-top:-24px;} .aboutFouBox li h5{ font-size:16px; line-height:24px;} } @media screen and (max-width:991px) { .aboutContentFou{ padding:29px 0 50px 0;} .aboutFouBox ul{ margin-top:11px;} .aboutFouBox li{ width:50%;} .aboutFouBox .l1{ height:92px; line-height:92px;} .aboutFouBox .lc1,.aboutFouBox .lc2,.aboutFouBox .lc3,.aboutFouBox .lc4,.aboutFouBox .lc5,.aboutFouBox .lc6{ width:50%;} .aboutFouBox li h5 { font-size: 14px; line-height: 22px;} } @media screen and (max-width:767px) { .aboutContentFou{ padding:19px 10px 30px 10px;} .aboutFouBox li{ width:100% !important; padding:1px;} } .aboutContentFiv{ width:100%; float:left; padding:58px 0 101px 0; } .aboutContentFiv .aboutFivHead{ width:100%; float:left; margin-top:18px; text-align:center; font-size:16px; color:white; line-height:30px;} .aboutContentFiv .aboutFivBody{ width:100%; float:left; margin-top:46px;} .aboutContentFiv .aboutFivBody ul{ width:100%; float:left;} .aboutContentFiv .aboutFivBody ul li{ width:16.66%; float:left; position:relative; height:194px; position:relative; background:black; overflow:hidden;} .aboutContentFiv .aboutFivBody ul li img{ width:262px; height:194px; position:absolute; left:50%; top:50%; margin:-97px 0 0 -131px; max-width:none; opacity:0.5; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .aboutContentFiv .aboutFivBody ul li .logo{ width:100%; height:100%; position:absolute; left:0; top:0;} .aboutContentFiv .aboutFivBody ul li .logo img{ opacity:1 !important;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter{ position:relative; width:33.33%; text-align:center; float:left;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter:before{ content:''; width:108%; height:120%; background:#659ff6; position:absolute; left:-4%; top:-10%; z-index:1;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd{ width:50%; float:left; text-align:center; padding-top:49px; position:relative; z-index:3;height:194px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h1{ width:100%; font-size:60px; color:white; line-height:66px; letter-spacing:1px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h1 span{ font-size:24px; display:inline-block; line-height:34px; vertical-align:middle; margin-left:8px; margin-top:8px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h5{ width:100%; margin-top:14px; font-size:16px; color:white; line-height:23px; letter-spacing:1px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd.last{ background:url(images/about24.png) no-repeat left center;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd.last h1 span{ font-size:20px;} .aboutContentFiv .aboutFivBody ul li:hover img{ opacity:0.8;} @media screen and (max-width:1199px) { .aboutContentFiv{ padding:38px 0 81px 0;} .aboutContentFiv .aboutFivBody ul li{ height:144px;} .aboutContentFiv .aboutFivBody ul li img{ width:194px; height:144px; margin:-72px 0 0 -97px; } .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd{ padding-top:29px; height:144px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h1{ font-size:40px; line-height:46px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h1 span{ font-size:18px; line-height:28px; margin-left:4px; margin-top:4px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd h5{ margin-top:8px; font-size:14px; line-height:21px;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd.last h1 span{ font-size:16px;} } @media screen and (max-width:991px) { .aboutContentFiv{ padding:28px 0 41px 0;} .aboutContentFiv .aboutFivHead{ margin-top:12px; font-size:14px; line-height:24px;} .aboutContentFiv .aboutFivBody{ margin-top:26px;} .aboutContentFiv .aboutFivBody ul li{ width:25%;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter{ width:100%;} } @media screen and (max-width:767px) { .aboutContentFiv{ padding:18px 10px 21px 10px;} .aboutContentFiv .aboutFivHead{ margin-top:8px; font-size:12px; line-height:22px;} .aboutContentFiv .aboutFivBody{ margin-top:16px;} .aboutContentFiv .aboutFivBody ul li{ width:33.33%; height:104px;} .aboutContentFiv .aboutFivBody ul li img{ width:140px; height:104px; margin:-52px 0 0 -70px; } .aboutContentFiv .aboutFivBody ul li.l1{ display:none;} .aboutContentFiv .aboutFivBody ul .aboutFivBodyCenter .dd{ padding-top:10px; height:94px;} } .aboutContentSix{ width:100%; float:left; padding:78px 0 61px 0; background:#f1f1f1;} .aboutSixRow{ margin:0 -17px;} .aboutSixBody{ width:100%; float:left; margin-top:-14px; position:relative;} .aboutSixBody .slick-slide{ padding-bottom:17px;} .aboutSixBody li{ width:100%; float:left; margin-top:34px; padding:0 17px;} .aboutSixBody li .aboutSixBox{ width:100%; float:left; height:187px; background:#f6f6f6; padding:27px 10px 0 10px; text-align:center; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .aboutSixBody li .aboutSixBox .aboutSixIco{ width:100%; height:106px;} .aboutSixBody li .aboutSixBox .aboutSixIco img{ height:100%;} .aboutSixBody li .aboutSixBox h5{ width:100%; font-size:18px; color:#323232; line-height:25px;} .aboutSixBody li .aboutSixBox:hover{ background:white; box-shadow:0 0 16px rgba(0,0,0,0.2);} .aboutSixBody .slick-prev, .aboutSixBody .slick-next { position: absolute; left:-60px; top: 50%; width: 26px; height: 26px; margin-top:-5px; background:url(images/about35.png) no-repeat left center; z-index:100; } .aboutSixBody .slick-next{ left:auto; right:-60px; background-position:right center; } .aboutSixBody .slick-prev:hover, .aboutSixBody .slick-next:hover{ background-image:url(images/about35_h.png);} @media screen and (max-width:1742px) { .aboutSixBody .slick-prev{ left:20px;} .aboutSixBody .slick-next{ right:20px;} } @media screen and (max-width:1199px) { .aboutContentSix{ padding:58px 0 41px 0;} } @media screen and (max-width:991px) { .aboutContentSix{ padding:38px 0 21px 0;} .aboutSixRow{ margin:0 -10px;} .aboutSixBody .slick-slide{ padding-bottom:12px;} .aboutSixBody li{ margin-top:24px; padding:0 10px;} .aboutSixBody li .aboutSixBox{ height:137px; padding:20px 10px 0 10px;} .aboutSixBody li .aboutSixBox .aboutSixIco{ height:66px;} .aboutSixBody li .aboutSixBox h5{ font-size:16px; line-height:23px;} .aboutSixBody .slick-prev, .aboutSixBody .slick-next{ margin-top:-6px;} .aboutSixBody li .aboutSixBox:hover{ box-shadow:0 0 8px rgba(0,0,0,0.2);} } @media screen and (max-width:767px) { .aboutContentSix{ padding:18px 10px 11px 10px;} .aboutSixRow{ margin:0 -2px;} .aboutSixBody{ margin-top:4px;} .aboutSixBody .slick-slide{ padding-bottom:8px;} .aboutSixBody li{ margin-top:4px; padding:0 2px;} .aboutSixBody li .aboutSixBox{ height:90px; padding:12px 10px 0 10px;} .aboutSixBody li .aboutSixBox .aboutSixIco{ height:46px;} .aboutSixBody li .aboutSixBox h5{ font-size:14px; line-height:21px;} .aboutSixBody .slick-prev, .aboutSixBody .slick-next{ margin-top:-10px; width:20px; height:20px; background-size:40px 20px;} } .aboutContentSev{ width:100%; float:left; padding:78px 0 79px 0; } .aboutSevHead{ width:100%; float:left; margin-top:20px; text-align:center; height:52px; border-top:solid 1px rgba(255,255,255,0.1); border-bottom:solid 1px rgba(255,255,255,0.1);} .aboutSevHead ul{ display:inline-block; vertical-align:top;} .aboutSevHead ul li{ float:left; margin:0 35px; height:51px; line-height:50px; font-size:16px; color:white; letter-spacing:1px; cursor:pointer;} .aboutSevHead ul li.on{ color:#ffa53b; border-bottom:solid 1px #ffa53b;} .aboutSevBody{ width:100%; float:left; margin-top:1px;} .aboutSevBody ul{ width:100%; float:left; padding-bottom:61px; position:relative;} .aboutSevBody ul li{ width:100%; float:left; margin-top:30px; padding:0 15px;} .aboutSevBody ul li img{ width:100%; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear} .aboutSevBody ul li:hover img{ margin-top:-5px;} .aboutSevBody ul .slick-dots { position: absolute; bottom: 0px; padding-bottom:0; } .aboutSevBody ul .slick-dots li { width: 10px; height: 10px; float:none; padding:0; margin: 0 15px; background:white; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .aboutSevBody ul .slick-dots li button{ display:none;} .aboutSevBody ul .slick-dots li.slick-active { width:42px; background:#ffa53b; } @media screen and (max-width:1199px) { .aboutContentSev{ padding:58px 0 59px 0;} } @media screen and (max-width:991px) { .aboutContentSev{ padding:38px 0 39px 0;} .aboutSevHead{ margin-top:10px; height:46px;} .aboutSevHead ul li{ margin:0 15px; height:45px; line-height:44px; font-size:14px;} .aboutSevBody ul{ padding-bottom:41px;} .aboutSevBody ul li{ margin-top:10px; padding:0 5px;} .aboutSevBody ul .slick-dots li{ margin: 0 5px;} } @media screen and (max-width:767px) { .aboutContentSev{ padding:28px 10px 29px 10px;} .aboutSevBody ul{ padding-bottom:31px;} .aboutSevBody ul .slick-dots li{ width:6px; height:6px; margin: 0 3px;} .aboutSevBody ul .slick-dots li.slick-active { width:22px;} } .aboutBody .indexContentSix{ width:100%; float:left; position:relative;} .aboutContentEig{ width:100%; float:left; background:url(images/about44.jpg) no-repeat center center; background-size:cover; padding:69px 0 85px 0; background-attachment: fixed;} .aboutContentEig .aboutEigLeft{ width:50%; float:left; text-align:right; margin-top:28px; padding:0 110px;} .aboutContentEig .aboutEigLeft h3{ width:100%; font-size:28px; color:white; line-height:46px; font-weight:bold; letter-spacing:1px;} .aboutContentEig .aboutEigLeft h3 img{ vertical-align:middle; margin:-3px 20px 0 20px; width:44px; height:44px;} .aboutContentEig .aboutEigLeft h3 span{ display:inline-block; height:64px; border-bottom:solid 4px white;} .aboutContentEig .aboutEigLeft ul{ width:100%; margin-top:34px;} .aboutContentEig .aboutEigLeft ul li{ width:100%; font-size:16px; color:white; line-height:32px; letter-spacing:1px; opacity:0.9;} .aboutContentEig .aboutEigRight{ text-align:left;} @media screen and (max-width:1199px) { .aboutContentEig{ padding:49px 0 65px 0;} .aboutContentEig .aboutEigLeft{ margin-top:22px; padding:0 60px;} } @media screen and (max-width:991px) { .aboutContentEig{ padding:29px 0 45px 0;} .aboutContentEig .aboutEigLeft{ margin-top:12px; padding:0 30px;} .aboutContentEig .aboutEigLeft h3{ font-size:20px; line-height:40px;} .aboutContentEig .aboutEigLeft h3 img{ margin:-3px 12px 0 12px; width:38px; height:38px;} .aboutContentEig .aboutEigLeft h3 span{ height:54px; border-bottom:solid 3px white;} .aboutContentEig .aboutEigLeft ul{ margin-top:24px;} .aboutContentEig .aboutEigLeft ul li{ font-size:14px; line-height:26px;} } @media screen and (max-width:767px) { .aboutContentEig{ padding:19px 0 25px 0; background-attachment:inherit;} .aboutContentEig .aboutEigLeft{ margin-top:8px; padding:0 10px;} .aboutContentEig .aboutEigLeft h3{ font-size:16px; line-height:30px;} .aboutContentEig .aboutEigLeft h3 img{ margin:-3px 6px 0 6px; width:28px; height:28px;} .aboutContentEig .aboutEigLeft h3 span{ height:34px; border-bottom:solid 2px white;} .aboutContentEig .aboutEigLeft ul{ margin-top:14px;} .aboutContentEig .aboutEigLeft ul li{ font-size:12px; line-height:22px;} } /*案例详情*/ .caseContentOne{ width:100%; float:left; padding:53px 0 31px 0;} .caseContentOne .caseOneLeft{ width:49.24%; float:left;} .caseContentOne .caseOneLeft .hometop{ width:100%; float:left;} .caseContentOne .caseOneLeft .caseOneLeftDown{ margin:0 -3px;} .caseContentOne .caseOneLeft .homedown{ width:100%; float:left; margin-top:13px; padding:0 42px; position:relative;} .caseContentOne .caseOneLeft .homedown .imgk{ width:100%; float:left; padding:0 3px;} .caseContentOne .caseOneLeft .homedown .imgk img{ width:100%; opacity:0.5;} .caseContentOne .caseOneLeft .homedown .imgk .imgky{ width:99%; float:left; border:solid 1px transparent; background:black; line-height:0;} .caseContentOne .caseOneLeft .homedown .slick-current .imgk .imgky{ border-color:#659ff6;} .caseContentOne .caseOneLeft .homedown .slick-current .imgk .imgky img{ opacity:1;} .caseContentOne .caseOneRight{ width:46.66%; float:right;} .caseContentOne .caseOneRight h3{ width:100%; float:left; margin-top:29px; font-size:32px; color:#333; line-height:44px; letter-spacing:1px;} .caseContentOne .caseOneRight h4{ width:100%; float:left; margin-top:16px; font-size:16px; color:#666; line-height:30px;} .caseContentOne .caseOneRight .caseOneRightBody{ width:100%; float:left; margin-top:24px; padding:12px 0 17px 0; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; font-size:14px; color:#666; line-height:30px;} .caseContentOne .caseOneRight .caseOneRightBody .casets{margin-top:10px;} .caseContentOne .caseOneRight .caseOneRightDown{ width:100%; float:left; margin-top:12px;} .caseContentOne .caseOneRight .caseOneRightDown h5 p{display:inline-block;} .caseContentOne .caseOneRight .caseOneRightDown h5{ width:100%; float:left; font-size:14px; color:#666; line-height:30px;} .caseContentOne .caseOneRight .caseOneRightDown a,.caseContentOne .caseOneRight .caseOneRightDown span{ display:block; float:left; width:158px; height:40px; line-height:40px; text-align:center; background:#659ff6; color:white; font-size:16px; letter-spacing:1px; margin-top:23px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .caseContentOne .caseOneRight .caseOneRightDown span{ cursor:pointer; margin-left:20px;} .caseContentOne .caseOneRight .caseOneRightDown a:hover,.caseContentOne .caseOneRight .caseOneRightDown span:hover{ background:#ee4b20;} .caseContentOne .caseOneLeft .homedown .slick-prev, .caseContentOne .caseOneLeft .homedown .slick-next { position: absolute; left:15px; top: 50%; display: block; width: 12px; height: 20px; margin-top:-10px; background:url(images/case3.png) no-repeat left center; background-size:auto 20px; } .caseContentOne .caseOneLeft .homedown .slick-next{ left:auto; right:15px; background-position:right center; } .caseContentOne .caseOneLeft .homedown .slick-prev:hover, .caseContentOne .caseOneLeft .homedown .slick-next:hover{ background-image:url(images/case3_h.png);} @media screen and (max-width:1199px) { .caseContentOne .caseOneRight h3{ margin-top:10px; font-size:26px; line-height:39px;} .caseContentOne .caseOneRight h4{ margin-top:10px; font-size:14px; line-height:24px;} .caseContentOne .caseOneRight .caseOneRightBody{ margin-top:14px; padding:12px 0 12px 0; font-size:12px; line-height:24px;} .caseContentOne .caseOneRight .caseOneRightDown{ margin-top:6px;} .caseContentOne .caseOneRight .caseOneRightDown h5{ font-size:12px; line-height:24px;} } @media screen and (max-width:991px) { .caseContentOne{ padding:33px 0 21px 0;} .caseContentOne .caseOneLeft .homedown{ margin-top:10px; padding:0 22px;} .caseContentOne .caseOneRight h3{ margin-top:0px; font-size:22px; line-height:33px;} .caseContentOne .caseOneRight .caseOneRightDown a,.caseContentOne .caseOneRight .caseOneRightDown span{ width:128px; height:34px; line-height:34px; font-size:14px; margin-top:13px;} .caseContentOne .caseOneRight .caseOneRightDown span{ margin-left:12px;} .caseContentOne .caseOneLeft .homedown .slick-prev{ left:5px;} .caseContentOne .caseOneLeft .homedown .slick-next{ right:5px;} } @media screen and (max-width:767px) { .caseContentOne{ padding:23px 0 11px 0;} .caseContentOne .caseOneLeft .hometop{ position:relative;} .caseContentOne .caseOneLeft .hometop .slick-dots { position: absolute; bottom: 10px; } .caseContentOne .caseOneLeft .hometop .slick-dots li { width: 8px; height: 8px; margin: 0 4px; background:white; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .caseContentOne .caseOneLeft .hometop .slick-dots li button{ display:none;} .caseContentOne .caseOneLeft .hometop .slick-dots li.slick-active { background:#ee4b20;} .caseContentOne .caseOneLeft .homedown{ display:none;} .caseContentOne .caseOneLeft,.caseContentOne .caseOneRight{ width:100%;} .caseContentOne .caseOneRight{ padding:10px;} } .tc_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; opacity:0.56; z-index:9999; display:none;} .tc_500{ width:560px; background:white; position:fixed; left:50%; top:50%; margin:-280px 0 0 -280px; z-index:10001; display:none; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} .tc_500 .closed{ width:30px; height:30px; background:#fff; border:solid 3px #659ff6; text-align:center; line-height:20px; font-size:30px; position:absolute; right:-10px; top:-10px; font-weight:bold; color:#659ff6; cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .tc_500 .tc_500_head{ width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; color:#fff; background:#659ff6; line-height:87px;} .tc_500 .tc_500_head h5{ width:100%; font-size:13px; line-height:1.7; letter-spacing:1px; padding:10px 30px; opacity:0.7;} .tc_500 .tc_500_head span{ display:inline-block; position:relative; padding:0 15px;} .tc_500 .tc_500_head span:before,.tc_500 .tc_500_head span:after{ width:162px; height:1px; background:white; opacity:0.4; content:''; position:absolute; left:-162px; top:50%;} .tc_500 .tc_500_head span:after{ left:auto; right:-162px;} .tc_500 ul{ width:100%; float:left; padding:11px 47px 59px 40px; background:url(images/case4.jpg) no-repeat right bottom;} .tc_500 ul li{ width:100%; float:left; margin-top:30px; padding-left:86px; position:relative;} .tc_500 ul li .name{ position:absolute; left:0; top:0; font-size:16px; color:#666; line-height:40px; text-align:right; width:78px;} .tc_500 ul li .name span{ color:#e42c61;} .tc_500 ul li input,.tc_500 ul li select{ display:block; float:left; width:100%; height:48px; border:solid 1px #e4e4e4; overflow:hidden; padding:0 15px; font-size:16px; color:#999; background:none; line-height:46px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .tc_500 ul li select{ background:url(images/case6.png) no-repeat 96% center;} .tc_500 ul li input:focus,.tc_500 ul li select:focus{ border-color:#659ff6;} .tc_500 ul li.l2 input{ padding-right:100px;} .tc_500 ul li.l2 .span{ position:absolute; right:17px; top:50%; width:81px; height:30px; margin-top:-15px; cursor:pointer;} .tc_500 ul li.l2 .span img{height:100%;} .tc_500 ul li.l3{ padding-left:0; text-align:center; margin-top:52px;} .tc_500 ul li.l3 input{ display:inline-block; width:216px; height:41px; line-height:41px; background:#f65e23; color:white; font-size:18px; overflow:hidden; padding-left:0; border:0; float:none; padding:0;} .tc_500 ul li.l3 input:hover{ background:#659ff6; box-shadow:0 3px 5px rgba(0,0,0,0.2);} @media screen and (max-width:767px){ .tc_500{ width:94%; left:3%; top:50%; margin:0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .tc_500 .tc_500_head{ padding-top:4px; font-size:18px; line-height:51px;} .tc_500 ul{ padding:12px 11px 22px 11px;} .tc_500 ul li{ margin-top:10px; padding-left:66px;} .tc_500 ul li .name{ font-size:13px; width:60px;} .tc_500 ul li input{ height:42px; padding-left:12px; font-size:14px; line-height:30px;} .tc_500 ul li.l2 input{ padding-right:80px;} .tc_500 ul li.l2 .span{ right:5px;} .tc_500 ul li.l3{ margin-top:22px;} .tc_500 ul li.l3 input{ width:116px; height:40px; line-height:40px; font-size:16px;} } .caseContentTwo{ width:100%; float:left; padding:43px 334px 82px 0; position:relative;} .caseContentTwo .caseTwoRight{ width:314px; position:absolute; right:0; top:43px;} .caseContentTwo .caseTwoRight .caseTwoRightHead,.caseContentTwo .caseTwoLeft .caseTwoLeftHead{ width:100%; float:left; text-align:center; background:#659ff6; line-height:63px; font-size:20px; color:white; letter-spacing:1px;} .caseContentTwo .caseTwoRight .contentTwoUl{ width:100%; float:left; margin-top:-10px; padding:0 11px;} .caseContentTwo .caseTwoRight .contentTwoUl li{ width:100%; float:left; padding:0; margin-top:20px;} .caseContentTwo .caseTwoLeft{ width:100%; float:left; padding:0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody{ background:white; padding:5px 30px 30px 30px; width:100%; float:left; margin:0; text-indent:0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox{ width:100%; float:left; font-size:16px; color:#666; line-height:30px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox p{ padding:0 26px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox > img{ margin:25px 0 13px 0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5 span{ font-weight:normal; color:#666; display:inline-block; width:auto; vertical-align:top;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5 a{ display:inline-block; width:auto; vertical-align:top; color:#666; margin-left:5px; max-width:80%;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5 a:hover{ color:#659ff6;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn{ margin-top:0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn a{ display:block; line-height:60px; background:#062d7e; margin-top:-18px; color:white;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn a:hover{ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} @media screen and (max-width:1585px){ .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5{ width:43%;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn{ width:14%;} } @media screen and (max-width:1199px){ .caseContentTwo{ padding:43px 234px 82px 0;} .caseContentTwo .caseTwoRight{ width:220px;} .caseContentTwo .caseTwoRight .contentTwoUl{ padding:0 0;} } @media screen and (max-width:991px){ .caseContentTwo{ padding:23px 0 42px 0;} .caseContentTwo .caseTwoRight .caseTwoRightHead,.caseContentTwo .caseTwoLeft .caseTwoLeftHead{ line-height:43px; font-size:16px;} .caseContentTwo .caseTwoRight{ position:relative; width:100%; top:auto; right:auto; float:left; margin-top:20px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody{ padding:5px 20px 20px 20px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox{ font-size:14px; line-height:26px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox p{ padding:0 16px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox > img{ margin:15px 0 8px 0;} .caseContentTwo .caseTwoRight .contentTwoUl li{ width:50%; padding:0 10px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn a{ line-height:44px; margin-top:-11px;} } @media screen and (max-width:767px){ .caseContentTwo{ padding:13px 0 22px 0;} .caseContentTwo .caseTwoRight{ margin-top:15px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody{ padding:5px 10px 10px 10px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox{ font-size:12px; line-height:22px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox p{ padding:0 10px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .caseLeftBox > img{ margin:10px 0 4px 0;} .caseContentTwo .caseTwoRight .contentTwoUl li{ width:100%; padding:0 0; margin-top:10px;} .caseContentTwo .caseTwoRight .contentTwoUl{ margin-top:0; padding:0 10px;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown{ margin-top:28px; padding-top:10px; padding-right:100px; position:relative;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5{ width:100%;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5:last-child{ text-align:left;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn{ width:80px; position:absolute; right:0; top:10px; margin-top:0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown .detailLeftReturn a{ height:44px; line-height:44px; margin-top:0;} .caseContentTwo .caseTwoLeft .caseTwoLeftBody .detailLeftDown h5 a{ max-width:75%;} } /*底部漂浮*/ .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:rgba(0,64,152,0.75); height:50px; z-index:99;} .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;} .pf_down li .ico{ width:100%; float:left; height:30px;} .pf_down li .ico img{ height:36px;} .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#fff; line-height:14px;} .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #659ff6; margin-top:-20px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .pf_down li.l1 .name{ color:#659ff6;} .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#659ff6;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} /*首页新增板块*/ .indexContentSev{ width:100%; padding:82px 0 84px 0;} .contentSevHead{ width:100%; float:left; text-align:center; position:relative;} .contentSevHead h3{ width:100%; float:left; font-size:36px; color:#333; font-weight:bold; line-height:68px;} .contentSevHead h1{ width:100%; position:absolute; left:0; top:0; font-size:110px; color:#f6f6f6; line-height:68px; text-transform:uppercase; font-family: 'OPENSANS-BOLD'; z-index:-1;} .contentSevHead h5{ width:100%; float:left; margin-top:30px; font-size:20px; color:#575757; opacity:0.5; line-height:30px;} .indexContentSev ul{ width:100%; float:left; margin-top:50px;} .indexContentSev ul li{ width:16.66%; float:left;} .indexContentSev ul li a{ width:100%; display:block; float:left; padding-bottom:61.3636%; position:relative; overflow:hidden;} .indexContentSev ul li img{ width:100%; position:absolute; left:0; top:0;} @media screen and (max-width:1199px){ .indexContentSev{ padding:62px 0 64px 0;} .contentSevHead h3{ font-size:30px; line-height:60px;} .contentSevHead h1{ font-size:90px; line-height:60px;} .contentSevHead h5{ margin-top:20px; font-size:16px; line-height:24px;} .indexContentSev ul{ margin-top:40px;} } @media screen and (max-width:991px){ .indexContentSev{ padding:42px 0 44px 0;} .contentSevHead h3{ font-size:22px; line-height:50px;} .contentSevHead h1{ font-size:70px; line-height:50px;} .contentSevHead h5{ margin-top:14px; font-size:14px; line-height:22px;} .indexContentSev ul{ margin-top:30px;} } @media screen and (max-width:767px){ .indexContentSev{ padding:22px 0 24px 0;} .contentSevHead h3{ font-size:16px; line-height:40px;} .contentSevHead h1{ font-size:50px; line-height:40px;} .contentSevHead h5{ margin-top:8px; font-size:13px; line-height:22px; padding:0 15px;} .contentSevHead h5 span{ display:inline-block;} .indexContentSev ul{ margin-top:20px;} } .indexContentEig{ padding:84px 0 64px 0;} .indexContentEig .contentEigLeft{ float:left; width:39.88%; margin-top:33px;} .indexContentEig .contentEigLeft .contentEigLeftHead{ width:100%; float:left;} .indexContentEig .contentEigLeft .contentEigLeftHead img{ height:63px;} .indexContentEig .contentEigLeft .contentEigLeftBody{ width:100%; float:left; margin-top:25px;} .indexContentEig .contentEigLeft .contentEigLeftBody li{ width:100%; float:left; padding-left:12px; color:#333; line-height:37px; letter-spacing:1px;} .indexContentEig .contentEigLeft .contentEigLeftBody li img{ float:left; margin-right:7px; width:30px;} .indexContentEig .contentEigLeft .contentEigLeftDown{ width:100%; float:left; margin-top:53px; padding-left:29px;} .indexContentEig .contentEigLeft .contentEigLeftDown li{ float:left; width:148px; text-align:center;} .indexContentEig .contentEigLeft .contentEigLeftDown li .ewm{ display:inline-block; vertical-align:top; width:94px; height:94px; border:solid 2px #005398; padding:6px; background:#f5f5f5;} .indexContentEig .contentEigLeft .contentEigLeftDown li .ewm img{ width:100%; float:left;} .indexContentEig .contentEigLeft .contentEigLeftDown li h5{ width:100%; text-align:center; margin-top:14px; line-height:18px; font-size:14px; color:#333; letter-spacing:1px;} .indexContentEig .contentEigRight{ float:right; width:51.29%; margin-top:40px;} .indexContentEig .contentEigRight li{ width:47.48%; float:left; margin-top:16px; border-bottom:solid 1px #d8d8d9; padding-left:50px; position:relative;} .indexContentEig .contentEigRight li.l4{ padding-left:80px;} .indexContentEig .contentEigRight li .name{ position:absolute; left:0; top:0; line-height:32px; font-size:14px; color:#333; letter-spacing:1px;} .indexContentEig .contentEigRight li input,.indexContentEig .contentEigRight li textarea{ display:block; width:100%; float:left; line-height:32px; font-size:14px; color:#333; letter-spacing:1px; background:none;} .indexContentEig .contentEigRight li.l2{ float:right;} .indexContentEig .contentEigRight li.l1{ width:100%; padding-left:0;} .indexContentEig .contentEigRight li textarea{ padding:6px 0; font-size:14px; color:#333; line-height:22px; height:151px;} .indexContentEig .contentEigRight li.l3{ margin-top:32px;} .indexContentEig .contentEigRight li.l3 input{ display:block; width:100%; height:50px; line-height:50px; text-align:center; color:white; background:#659ff6; font-size:16px; cursor:pointer;} @media screen and (max-width:1199px){ .indexContentEig{ padding:64px 0 44px 0;} } @media screen and (max-width:991px){ .indexContentEig{ padding:44px 0 34px 0;} .indexContentEig .contentEigLeft{ width:42%; margin-top:23px;} .indexContentEig .contentEigLeft .contentEigLeftHead img{ height:53px;} .indexContentEig .contentEigLeft .contentEigLeftBody{ margin-top:15px;} .indexContentEig .contentEigLeft .contentEigLeftBody li{ padding-left:0px; line-height:33px;} .indexContentEig .contentEigLeft .contentEigLeftBody li img{ margin-right:5px; width:24px;} .indexContentEig .contentEigLeft .contentEigLeftDown{ margin-top:33px; padding-left:20px;} .indexContentEig .contentEigLeft .contentEigLeftDown li{ width:128px;} .indexContentEig .contentEigLeft .contentEigLeftDown li .ewm{ width:84px; height:84px; padding:4px;} .indexContentEig .contentEigLeft .contentEigLeftDown li h5{ margin-top:8px; line-height:16px; font-size:12px;} .indexContentEig .contentEigRight{ width:52%; margin-top:20px;} .indexContentEig .contentEigRight li{ width:100%; margin-top:10px; padding-left:40px;} .indexContentEig .contentEigRight li.l4{ padding-left:70px;} .indexContentEig .contentEigRight li .name{ line-height:30px; font-size:12px;} .indexContentEig .contentEigRight li input,.indexContentEig .contentEigRight li textarea{ line-height:30px; font-size:12px;} .indexContentEig .contentEigRight li textarea{ padding:0px 0; font-size:12px; line-height:20px; height:101px;} .indexContentEig .contentEigRight li.l3{ margin-top:22px;} .indexContentEig .contentEigRight li.l3 input{ height:40px; line-height:40px; font-size:14px;} } @media screen and (max-width:767px){ .indexContentEig{ padding:24px 10px 14px 10px;} .indexContentEig .contentEigLeft{ width:100%; margin-top:13px;} .indexContentEig .contentEigRight{ width:100%; margin-top:10px;} .indexContentEig .contentEigLeft .contentEigLeftHead{ display:none;} .indexContentEig .contentEigLeft .contentEigLeftDown{ margin-top:13px; padding-left:0px; text-align:center;} .indexContentEig .contentEigLeft .contentEigLeftDown li{ display:inline-block; vertical-align:top; float:none;} } .footerTop{ width:100%; float:left; background: url(images/513-1.jpg) no-repeat center center; background-size:cover;/*background:#659ff6;*/ padding:63px 0 35px 0; border-bottom:solid 1px #333; overflow:hidden;} .footerTop li{ float:left; width:20.3957%; position:relative; padding-left:6.4688%;} .footerTop li:before{ content:''; width:1px; height:221px; background:white; opacity:0.07; position:absolute; left:0; top:7px;} .footerTop li .dt{ width:100%; float:left; line-height:26px; font-size:16px; color:white; letter-spacing:1px; margin-bottom:18px;} .footerTop li .dd{ width:100%; float:left; line-height:24px; font-size:13px; color:white; letter-spacing:1px;} .footerTop li .dd a{ color:white; opacity:0.8;} .footerTop li .dd:hover a{ opacity:1;} .footerTop li.l1{ padding-left:0; width:12.785%;} .footerTop li.l1:before{ display:none;} .footerTop li.l2{ padding-left:7.7625%; width:25.72%;} .footerTop li.l2 .dd{ width:50%;} @media screen and (max-width:1199px){ .footerTop{ padding:43px 0 25px 0;} .footerTop li{ padding-left:3.4688%;} .footerTop li.l2{ padding-left:2.7625%;} } @media screen and (max-width:991px){ .footerTop{ padding:33px 0 15px 0;} .footerTop li{ width:19%;} .footerTop li .dt{ line-height:24px; font-size:14px; margin-bottom:12px;} .footerTop li .dd{ line-height:22px; font-size:12px;} .footerTop li.l1{ width:14%;} } @media screen and (max-width:767px){ .footerTop{ display:none} } /*.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/ .elli{ overflow: hidden; text-overflow: ellipsis;} @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} @font-face { font-family: 'OPENSANS-BOLD'; src: url('fonts/OPENSANS-BOLD.eot'); src: local('☺'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg'); font-weight: normal; font-style: normal; } /*列表分页*/ .d_0100_fy{ float:left; width:100%; text-align:center; padding:44px 0 80px 0;} .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} .pz_fy1 a {display:block; float:left; width:31px; height:31px; text-align:center; line-height:30px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} .pz_fy1 a:hover,.pz_fy1 a.on{color: #fff; border:1px solid #659ff6; background:#659ff6; text-decoration:none;} .pz_fy1 a.prve{ background:url(images/sprve_fy.png) no-repeat center; width:100px;} .pz_fy1 a.prve:hover, .pz_fy1 a.prve.on{ background:url(images/sprve_fy_h.png) no-repeat center #659ff6; border:1px solid #659ff6;} .pz_fy1 a.next{ background:url(images/snext_fy.png) no-repeat center; width:100px;} .pz_fy1 a.next:hover, .pz_fy1 a.next.on{ background:url(images/snext_fy_h.png) no-repeat center #659ff6; border:1px solid #659ff6;} .fy_phone{ display:none;} @media screen and (max-width:1199px){ .d_0100_fy{ padding:24px 0 60px 0;} } @media screen and (max-width:767px){ .d_0100_fy{ padding:14px 0 30px 0;} .pz_fy1{ display:none;} .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} .fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;} .fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;} .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } .tcMB{ width:100%; height:100%; background:black; opacity:0.8; position:fixed; left:0; top:0; z-index:9999; display:none;} .tcEwm{ width:600px; height:268px; background:#f75e24 url(images/tc4.png) no-repeat center center; z-index:10000; position:fixed; left:50%; top:50%; margin:-134px 0 0 -300px; text-align:center; line-height:268px; display:none; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} .tcEwm span{ width:100%; text-align:center; display:inline-block; vertical-align:middle; line-height:0;} .tcEwm .tcEwmText{ display:inline-block; vertical-align:top; width:280px; text-align:left; margin-left:58px;} .tcEwm .tcEwmText h4{ width:100%; line-height:54px; font-size:24px; color:#fff;} .tcEwm .tcEwmText .p{ width:100%; line-height:48px; font-size:20px; color:#fff; opacity:0.7;} .tcEwm .tcEwmText img{ margin:8px 0;} .tcEwm .tcEwmBox{ width:177px; height:177px; padding:9px; background:white; line-height:0; display:inline-block; vertical-align:top;} .tcEwm .tcEwmBox img{ width:100%; float:left;} .tcEwm .tcEwmClose{ position:absolute; right:10px; top:-39px; cursor:pointer; line-height:0;} @media screen and (max-width:767px){ .tcEwm{ width:300px; height:auto; padding:30px; margin:0 0 0 -150px; background:#f75e24; text-align:center; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .tcEwm .tcEwmText{ width:100%; margin-left:0; text-align:center; margin-top:20px;} .tcEwm .tcEwmBox{ width:120px; height:120px; padding:6px;} .tcEwm .tcEwmText h4{ line-height:34px; font-size:18px;} .tcEwm .tcEwmText .p{ line-height:38px; font-size:16px;} .tcEwm .tcEwmClose{ top:10px;} } .indexContentEig{ padding:72px 0 120px 0; width:100%; float:left;} .indexContentEigHead{ width:100%; float:left; text-align:center;} .indexContentEigHead h3{ width:100%; float:left; font-weight:bold; font-size:32px; color:white; line-height:48px;} .indexContentEigHead h4{ width:100%; float:left; font-size:16px; color:white; line-height:30px; opacity:0.7; text-transform:uppercase;} .indexContentEigHead h5{ width:100%; float:left; margin-top:24px; font-size:16px; color:white; line-height:24px;} .specialContentOne{ width:100%; float:left; position:relative; margin-top:65px;} .specialContentOne .specialOneDown{ width:53px; height:53px; position:absolute; left:50%; bottom:49px; margin-left:-26px;} .specialContentOne ul{ width:100%; float:left;} .specialContentOne ul li{ width:16.66%; float:left; position:relative; height:195px; position:relative; background:black; overflow:hidden;} .specialContentOne ul li img{ width:260px; height:195px; position:absolute; left:50%; top:50%; margin:-97px 0 0 -130px; max-width:none; opacity:0.6; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .specialContentOne ul li .logo{ width:100%; height:100%; position:absolute; left:0; top:0;} .specialContentOne ul li .logo img{ opacity:1 !important;} .specialContentOne .specialOneBodyCenter{ position:relative; width:33.33%; text-align:center; float:left; height:195px;} .specialContentOne .specialOneBodyCenter:before{ content:''; width:108%; height:120%; background:#659ff6; position:absolute; left:-4%; top:-10%; z-index:1;} .specialContentOne .specialOneBodyCenter dd{ width:50%; float:left; text-align:center; margin-top:45px; position:relative; z-index:2;} .specialContentOne .specialOneBodyCenter dd h2{ width:100%; color:white; font-size:64px; line-height:76px; letter-spacing:1px;} .specialContentOne .specialOneBodyCenter dd h2 span{ font-size:20px; margin-left:10px;} .specialContentOne .specialOneBodyCenter dd h5{ width:100%; margin-top:10px; color:white; font-size:16px; line-height:26px; letter-spacing:1px;} .specialContentOne .specialOneBodyCenter dd:last-child:before{ content:''; width:1px; height:80px; background:#ea784b; position:absolute; left:0; top:20px;} .specialContentOne ul li:hover img{ opacity:0.9;} @media screen and (max-width:1365px) { .specialContentOne .specialOneBodyCenter dd h2{ font-size:44px; line-height:56px;} .specialContentOne .specialOneBodyCenter dd h2 span{ font-size:16px; margin-left:6px;} .specialContentOne .specialOneBodyCenter dd h5{ font-size:14px; line-height:24px;} } @media screen and (max-width:1199px) { .indexContentEig{ padding:42px 0 60px 0;} .specialContentOne{ margin-top:45px;} .specialContentOne ul li{ height:165px;} .specialContentOne ul li img{ width:220px; height:165px; margin:-77px 0 0 -110px;} .specialContentOne .specialOneBodyCenter{ height:165px;} .specialContentOne .specialOneBodyCenter dd{ margin-top:35px;} } @media screen and (max-width:991px) { .specialContentOne ul li{ width:25%; height:195px;} .specialContentOne ul li img{ width:260px; height:195px; margin:-97px 0 0 -130px;} .specialContentOne .specialOneBodyCenter{ width:100%;} .indexContentEigHead h3{ font-size:24px; line-height:40px;} .indexContentEigHead h4{ font-size:14px; line-height:24px;} .indexContentEigHead h5{ margin-top:14px; font-size:14px; line-height:20px;} .indexContentEig{ padding:22px 0 30px 0;} .specialContentOne{ margin-top:25px;} } @media screen and (max-width:767px) { .indexContentEig{ padding:22px 0 10px 0;} .specialContentOne ul li{ width:33.33%; height:120px;} .specialContentOne ul li img{ width:160px; height:120px; margin:-60px 0 0 -80px;} .specialContentOne ul li.l1{ display:none;} .indexContentEigHead h3{ font-size:18px; line-height:30px;} .indexContentEigHead h4{ font-size:12px; line-height:22px;} .indexContentEigHead h5{ margin-top:10px; font-size:13px; line-height:18px;} .specialContentOne .specialOneBodyCenter{ height:125px;} .specialContentOne .specialOneBodyCenter dd{ margin-top:22px;} .specialContentOne .specialOneBodyCenter:before{ width:100%; height:100%; left:0; top:0;} .specialContentOne .specialOneBodyCenter dd h2{ font-size:38px; line-height:40px;} .specialContentOne .specialOneBodyCenter dd h2 span{ font-size:14px; margin-left:4px;} .specialContentOne .specialOneBodyCenter dd h5{ font-size:14px; line-height:22px; margin-top:5px;} .specialContentOne .specialOneBodyCenter dd:last-child:before{ top:6px;} } .specialContentTen{ width:100%; float:left; background:url(images/special89.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; padding:97px 0 67px 0;} .specialTenBody{ width:100%; float:left; margin-top:44px; padding:0 145px;} .specialTenBody .specialTenLeft{ float:left; margin-top:27px; width:47.33%; text-align:center;} .specialTenBody .specialTenLeft h4{ width:100%; float:left; font-size:30px; color:#659ff6; line-height:40px; letter-spacing:1px; font-weight:bold; text-transform:uppercase;} .specialTenBody .specialTenLeft h5{ width:100%; float:left; margin-top:30px; font-size:18px; color:#333; line-height:25px; letter-spacing:1px;} .specialTenBody .specialTenLeft h6{ width:100%; float:left; margin-top:42px; font-size:14px; color:#666; line-height:22px; letter-spacing:1px;} .specialTenBody .specialTenLeft ul{ width:100%; float:left; margin-top:51px;} .specialTenBody .specialTenLeft ul li{ width:33.33%; float:left;} .specialTenBody .specialTenLeft ul li .specialTenIco{ width:83px; height:91px; display:inline-block; vertical-align:top; background:url(images/special90.png) no-repeat center center; background-size:cover;} .specialTenBody .specialTenLeft ul li:hover .specialTenIco{ background-image:url(images/special90_h.png);} .specialTenBody .specialTenLeft ul li .specialTenIco img{ width:100%; float:left;} .specialTenBody .specialTenLeft ul li .specialTenTit{ width:100%; margin-top:12px; font-size:16px; color:#333; font-weight:bold; line-height:30px; letter-spacing:1px;} .specialTenBody .specialTenLeft ul li .specialTenTxt{ width:100%; font-size:16px; color:#333; line-height:28px; letter-spacing:1px;} .specialTenBody .specialTenRight{ float:right; width:48.7%; height:507px; border:solid 1px #dcdcdd; position:relative; padding:63px 83px 0 83px;} .specialTenBody .specialTenRight:before{ content:''; width:97%; height:96%; position:absolute; left:1.5%; top:2%; border:dashed 1px #dcdcdd;} .specialTenBody .specialTenRight h3{ width:100%; float:left; text-align:center; overflow:hidden; position:relative; z-index:2;} .specialTenBody .specialTenRight h3 span{ display:inline-block; vertical-align:top; padding:0 19px; position:relative; font-size:30px; color:#333; line-height:40px; font-weight:bold; letter-spacing:1px;} .specialTenBody .specialTenRight h3 span:before{ content:''; width:150px; height:1px; background:#bbb; position:absolute; left:-150px; top:50%;} .specialTenBody .specialTenRight h3 span:after{ content:''; width:150px; height:1px; background:#bbb; position:absolute; right:-150px; top:50%;} .specialTenBody .specialTenRight ul{ width:100%; float:left; margin-top:17px; position:relative; z-index:2;} .specialTenBody .specialTenRight ul li{ width:100%; float:left; margin-top:10px;} .specialTenBody .specialTenRight ul li input,.specialTenBody .specialTenRight ul li textarea{ display:block; float:left; width:100%; height:46px; line-height:44px; border:solid 1px #dcdcdc; padding:0 20px; background:white; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .specialTenBody .specialTenRight ul li input:focus,.specialTenBody .specialTenRight ul li textarea:focus{ border-color:#659ff6;} .specialTenBody .specialTenRight ul li textarea{ height:119px; padding:8px 20px; line-height:24px;} .specialTenBody .specialTenRight ul li.l1{ margin-top:40px; text-align:center;} .specialTenBody .specialTenRight ul li.l1 input{ display:inline-block; vertical-align:top; float:none; width:270px; height:54px; line-height:54px; background:#659ff6; color:white; font-size:18px; letter-spacing:1px; border:0; -moz-border-radius:27px; -webkit-border-radius:27px; -khtml-border-radius:27px; border-radius:27px;} .specialTenBody .specialTenRight ul li.l1 input:hover{ background:#062d7e;} .specialTenBodyEwm{ width:100%; padding-left:65px; margin-top:43px; float:left;} .specialTenBodyEwm .specialTenBodyEwmLeft{ float:left; width:160px;} .specialTenBodyEwm .specialTenBodyEwmLeft .img{ float:left; width:160px; background:#f3f5f3; border:solid 5px #06408e; padding:6px;} .specialTenBodyEwm .specialTenBodyEwmLeft .img img{ width:100%; float:left; border:solid 4px white;} .specialTenBodyEwm .specialTenBodyEwmLeft h4{ width:100%; float:left; text-align:center; margin-top:10px; font-size:16px; color:#333; letter-spacing:2px; line-height:18px; font-weight:normal;} .specialTenBodyEwm .specialTenBodyEwmDl{ margin:16px 0 0 228px; text-align:left;} .specialTenBodyEwm .specialTenBodyEwmDl li{ float:left; width:100%;font-size:16px; color:#333; letter-spacing:2px; line-height:61px;} .specialTenBodyEwm .specialTenBodyEwmDl li img{ width:36px; vertical-align:middle; margin:-3px 17px 0 0;} @media screen and (max-width:1587px) { .specialTenBody{ padding:0 75px;} .specialTenBodyEwm .specialTenBodyEwmDl{ margin:16px 0 0 188px;} } @media screen and (max-width:1355px) { .specialContentTen{ padding:77px 0 47px 0;} .specialTenBody{ margin-top:24px;} } @media screen and (max-width:1199px) { .specialTenBody .specialTenRight{ padding:63px 63px 0 63px;} .specialTenBody{ padding:0 0px;} .specialTenBodyEwm .specialTenBodyEwmLeft{ width:140px;} .specialTenBodyEwm .specialTenBodyEwmLeft .img{ width:140px; border:solid 4px #06408e; padding:5px;} .specialTenBodyEwm .specialTenBodyEwmLeft h4{ font-size:14px;} .specialTenBodyEwm .specialTenBodyEwmDl{ margin:10px 0 0 168px;} .specialTenBodyEwm .specialTenBodyEwmDl li{font-size:14px; line-height:56px;} .specialTenBodyEwm .specialTenBodyEwmDl li img{ width:32px; margin:-3px 14px 0 0;} } @media screen and (max-width:991px) { .specialTenBodyEwm{ padding-left:0px; margin-top:23px;} .specialContentTen{ padding:57px 0 27px 0;} .specialTenBody{ margin-top:14px;} .specialTenBody .specialTenLeft{ margin-top:20px;} .specialTenBody .specialTenLeft h4{ font-size:24px; line-height:34px;} .specialTenBody .specialTenLeft h5{ margin-top:20px; font-size:16px; line-height:21px;} .specialTenBody .specialTenLeft h6{ margin-top:32px; font-size:12px; line-height:20px;} .specialTenBody .specialTenLeft ul{ margin-top:31px;} .specialTenBody .specialTenLeft ul li .specialTenIco{ width:76px; height:83px;} .specialTenBody .specialTenLeft ul li .specialTenTit{ margin-top:8px; font-size:14px; line-height:24px;} .specialTenBody .specialTenLeft ul li .specialTenTxt{ font-size:14px; line-height:24px;} .specialTenBody .specialTenRight{ padding:43px 43px 0 43px; height:420px;} .specialTenBody .specialTenRight:before{ width:96%; left:2%;} .specialTenBody .specialTenRight h3 span{ padding:0 15px; font-size:24px; line-height:34px;} .specialTenBody .specialTenRight ul{ margin-top:13px;} .specialTenBody .specialTenRight ul li input,.specialTenBody .specialTenRight ul li textarea{ height:42px; line-height:40px; padding:0 15px;} .specialTenBody .specialTenRight ul li textarea{ height:99px; padding:8px 15px; line-height:22px;} .specialTenBody .specialTenRight ul li.l1{ margin-top:30px;} .specialTenBody .specialTenRight ul li.l1 input{ width:200px; height:48px; line-height:48px; font-size:16px;} .specialTenBodyEwm .specialTenBodyEwmLeft{ width:100px; vertical-align:top;} .specialTenBodyEwm .specialTenBodyEwmLeft .img{ width:100px; border:solid 3px #06408e; padding:4px;} .specialTenBodyEwm .specialTenBodyEwmLeft h4{ font-size:14px;} .specialTenBodyEwm .specialTenBodyEwmDl li img{ width:26px; margin:-3px 10px 0 0;} .specialTenBodyEwm .specialTenBodyEwmDl{ margin:6px 0 0 120px;} .specialTenBodyEwm .specialTenBodyEwmDl li{ line-height:36px; letter-spacing:0;} } @media screen and (max-width:767px) { .specialContentTen{ padding:37px 10px 17px 10px;} .specialTenBody .specialTenLeft{ width:100%; margin-top:0px;} .specialTenBody .specialTenLeft h4{ font-size:18px; line-height:42px; color:white; background:#ec6431; margin-top:10px;} .specialTenBody .specialTenLeft h5{ margin-top:14px; font-size:14px; line-height:19px; opacity:0.5;} .specialTenBody .specialTenLeft h6{ margin-top:22px; line-height:18px; display:none;} .specialTenBody .specialTenLeft ul{ margin-top:21px;} .specialTenBody .specialTenLeft ul li .specialTenIco{ width:66px; height:72px;} .specialTenBody .specialTenLeft ul li .specialTenTit{ margin-top:6px; font-size:12px; line-height:22px;} .specialTenBody .specialTenLeft ul li .specialTenTxt{ font-size:12px; line-height:22px;} .specialTenBody .specialTenRight{ width:100%; margin-top:0px; padding:23px 23px 0 23px; height:340px;} .specialTenBody .specialTenRight:before{ width:97%; left:1.5%;} .specialTenBody .specialTenRight h3 span{ padding:0 10px; font-size:18px; line-height:30px;} .specialTit h3 span::before, .specialTit h3 span::after{ display:none;} .specialTenBody .specialTenRight ul{ margin-top:10px;} .specialTenBody .specialTenRight ul li input,.specialTenBody .specialTenRight ul li textarea{ height:38px; line-height:36px; padding:0 10px; border-radius:4px; overflow:hidden;} .specialTenBody .specialTenRight ul li textarea{ height:80px; padding:8px 10px; line-height:20px;} .specialTenBody .specialTenRight ul li.l1{ margin-top:20px;} .specialTenBody .specialTenRight ul li.l1 input{ width:140px; height:42px; line-height:42px; font-size:14px;} .specialTenBodyEwm{ display:inline-block; vertical-align:top; float:none; width:310px;} .specialTenBodyEwm .specialTenBodyEwmLeft h4{ background:none; color:#333; font-size:14px; margin-top:5px;} .specialTenBody{ margin-top:0px;} } .specialTit{ width:100%; float:left; text-align:center; overflow:hidden;} .specialTit h3{ width:100%; float:left; font-size:38px; color:balck; line-height:56px; font-weight:bold;} .specialTit h3 span{ display:inline-block; vertical-align:top; padding:0 30px; position:relative;} .specialTit h3 span:before,.specialTit h3 span:after{ content:''; background:url(images/514-33.png) no-repeat right center; height:18px; width:619px; position:absolute; left:-619px; top:50%; margin-top:-9px;} .specialTit h3 span:after{ left:auto; right:-619px; background-image:url(images/514-34.png); background-position:left center;} .specialTit h4{ width:100%; float:left; font-size:24px; color:balck; line-height:38px; opacity:0.5; text-transform:uppercase;} @media screen and (max-width:1630px) { .specialTit{ width:100%;} } @media screen and (max-width:1366px) { .specialTit h3{ font-size:32px; line-height:50px;} .specialTit h3 span{ padding:0 20px;} .specialTit h3 span:before,.specialTit h3 span:after{ height:12px; width:413px; left:-413px; margin-top:-6px; background-size:contain;} .specialTit h3 span:after{ left:auto; right:-413px;} .specialTit h4{ font-size:18px; line-height:32px;} } @media screen and (max-width:991px) { .specialTit h3{ font-size:26px; line-height:40px;} .specialTit h4{ font-size:16px; line-height:28px;} } @media screen and (max-width:767px) { .specialTit h3{ font-size:20px; line-height:30px;} .specialTit h4{ font-size:14px; line-height:22px; margin-top:5px;} } /*首页创始人手机端*/ .indexContentNin{ padding:28px 0 30px 0;} .indexContentNin .aboutContentTwo .aboutTwoText .aboutTwoP{ height:auto;} .indexContentNin .aboutTwoPage{ margin-top:10px;} .indexContentTen{ padding:35px 0 0 0; background:#f5f5f5;} .indexContentTen .indexContentTenBody{ width:100%; float:left; margin-top:16px;} .indexContentEle{ background:none; padding:0;} .indexContentEle .indexContentEleBody{ background:#f5f5f5; width:100%; float:left; padding:40px 15px;} .indexContentEle .indexContentEleDown{ background:#e3e1df; width:100%; float:left; padding:0 15px 40px 15px;} .indexContentTre{ padding:71px 0 83px 0;} .indexTitWhite:before{ content:''; width:100%; height:1px; background:white; opacity:0.2; position:absolute; left:0; bottom:9px;} .indexContentTre ul{ width:100%; float:left; margin-top:32px; border-left:solid 1px rgba(255,255,255,0.2); border-top:solid 1px rgba(255,255,255,0.2);} .indexContentTre ul li{ width:20%; float:left; border-right:solid 1px rgba(255,255,255,0.2); border-bottom:solid 1px rgba(255,255,255,0.2); padding:56px 10px 0 10px; text-align:center; height:240px; cursor:pointer;} .indexContentTre ul li .contentTreIco{ width:100%; height:92px;} .indexContentTre ul li .contentTreIco img{ height:100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .indexContentTre ul li .contentTreTit{ width:100%; margin-top:12px; font-size:16px; color:white; line-height:22px; letter-spacing:1px;} .indexContentTre ul li:hover .contentTreIco img{ transform:rotateY(360deg); margin-top:-10px;} @media screen and (max-width: 1199px) { .indexContentTre{ padding:51px 0 63px 0;} .indexTitWhite{ padding-bottom:30px; background-size:14px 14px;} .indexTitWhite:before{ bottom:7px;} .indexContentTre ul{ width:80%; margin-left:10%;} .indexContentTre ul li{ padding:36px 10px 0 10px; height:180px;} .indexContentTre ul li .contentTreIco{ height:72px;} .indexContentTre ul li .contentTreTit{ margin-top:8px; font-size:14px;} } @media screen and (max-width: 991px) { .indexContentTre{ padding:31px 0 43px 0;} .indexTitWhite{ padding-bottom:20px; background-size:10px 10px;} .indexTitWhite:before{ bottom:5px;} .indexContentTre ul{ width:90%; margin-left:5%;} .indexContentTre ul li{ padding:36px 10px 0 10px; height:150px;} .indexContentTre ul li .contentTreIco{ height:52px;} .indexContentTre ul li .contentTreTit{ margin-top:6px; font-size:12px;} } @media screen and (max-width: 767px) { .indexContentTre{ padding:11px 0 23px 0;} .indexTitWhite{ padding-bottom:0px; background:none;} .indexTitWhite:before{ display:none;} .indexContentTre ul{ width:94%; margin-left:3%;} .indexContentTre ul li{ padding:16px 10px 0 10px; width:50%; height:120px;} .indexContentTre ul li .contentTreIco{ height:42px;} .indexContentTre ul li .contentTreTit{ line-height:20px;} .indexContentTre ul{ margin-top:12px;} }