body {color:#666666} a{color:#333333}a:active,a:hover {color:#e81c0f} @media (min-width: 1630px) {.container{ width: 1630px; }} @media (min-width: 1920px) {.container{ width: 1660px; }} /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Top{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*pc版头部*/ #Top .width{width:100%; dispplay:block; float:left;} #Top .top1{width: 100%; position: fixed; top: 0;left: 0; z-index:999; height:78px; padding-top:18px; background:url(/template/theme/CN/1147_dh_bg.png)no-repeat; background-size:100% 100%; box-shadow: 0 2px 43px rgba(0,0,0,0.1); } #Top .top1.active{background:url(/template/theme/CN/1147_dh_bg.png)no-repeat; background-size:100% 100%; box-shadow: 0 2px 43px rgba(0,0,0,0.1);} #Top .top1 .logo{height: auto; float:left; margin-top:12px;} #Top .top1 .span_a{padding-top:14px; text-align:right; color:#ffffff; font-size:24px; line-height:26px; float:right; display:none; } #Top .top1 .span_a .i{background:url(/template/theme/CN/1147_tel.png)no-repeat; background-size:26px 26px; width:26px; height:26px; display:inline-block; margin-right:10px; vertical-align: bottom; } #Top .top1 .span_a .b{font-weight:500; font-size:24px;} #Top .menu_box{ float:right; padding:0 50px; } #Top .menu{float:right;} #Top .menu .nli{ float:left; z-index:15; position:relative; text-align:center; padding:0 36px; height:52px;} #Top .menu .nli span a{float:left; font-size:18px; line-height:52px; position:relative; color:#fff;height:52px;} #Top .menu .nli span a::after{float:left; width:0; height:1px; position:absolute; left:50%; top:46px; content:''; background:#e81c0f;oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } #Top .menu .nli.active span a::after, #Top .menu .nli:hover span a::after{ width:100%;} #Top .menu .nli:hover span > a{color:#e81c0f;} #Top .menu .nli.active span > a{color:#e81c0f;} #Top .menu .mc_width{display:none; position:absolute;left:50%;z-index:21; top:51px; padding-top:20px;} #Top .menu .nli:nth-child(4) .mc_width{left:-70%;} #Top .menu .nli:nth-child(4) .mc_width .mb{left:175px;} #Top .menu .sub{ background:rgba(0,0,0,0.5); border-radius:3px; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Top .menu .sub_1 .sub_ul{ padding:28px 30px;} #Top .menu .sub_1 .li_a{width:30.666%; float:left; margin-right:4%; margin-bottom:35px;} #Top .menu .sub_1 .li_a:nth-child(3n){margin-right:0;} #Top .menu .sub_1 .li_a .h3_a{color:#ffffff; font-size:18px; line-height:24px!important; text-align:left; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:10px; } #Top .menu .sub_1 .li_a .a_link{display:block; width:100%; color:#ffffff; line-height:20px; font-size:14px; text-align:left; padding:5px 0; } #Top .menu .sub_1 .li_a .a_link:hover{color:#e81c0f;} #Top .menu .sub_1{margin-left:-50px; width:722px; } #Top .menu .sub_2{ width:116px; margin-left:-54px; text-align:center; } #Top .menu .sub_2 .mb{margin-left:52px!important;} #Top .menu .sub_2 a{text-align:center!important; display:block; height:100%; width:100%!important; color:#ffffff!important;} #Top .menu .sub_2 li{line-height:45px!important; width:100%!important;} #Top .menu .sub_2 li:hover a{background:#e81c0f; color:#ffffff!important;} #Top .menu .sub_3{margin-left:-50px; width: 518px;} #Top .menu .sub_3 .sub_ul{ padding:28px 30px;} #Top .menu .sub_3 .li_a{width:48%; float:left; margin-right:4%; margin-bottom:35px;} #Top .menu .sub_3 .li_a:nth-child(2n){margin-right:0;} #Top .menu .sub_3 .li_a .h3_a{color:#ffffff; font-size:18px; line-height:24px!important; text-align:left; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:10px; } #Top .menu .sub_3 .li_a .a_link{display:block; width:100%; color:#ffffff; line-height:20px; font-size:14px; text-align:left; padding:10px 0; } #Top .menu .sub_3 .li_a .a_link:hover{color:#e81c0f;} #Top .menu .mc_width .mb{position: absolute;top:6px;width: 0; height: 0; border: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.3); margin-left:-6px; } #Top .menu_box ul .nli:hover .mc_width{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-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)} } /*手机头*/ #Top .top2{width:100%; height:71px;display: none ; position: fixed; top:0; left: 0; z-index: 9999; } #Top .top2.active{background:url(/template/theme/CN/1147_dh_bg.png)no-repeat; background-size:100% 100%; box-shadow: 0 2px 43px rgba(0,0,0,0.1);} #Top .top2 .logo{ height:auto; float:left; margin-top:30px; position:relative;} /*下拉*/ #Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;} #Top .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before{width: 28px;} #Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #fff; } #Top .menuph .navbtn::after{top: -11px;} #Top .menuph .navbtn::before{ top: 10px;} #Top .menuph .point.active .navbtn{ background: transparent;} #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; } #Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机下拉*/ #Top .xialaph{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; padding-top:60px; overflow-y: auto;z-index: 200; background:rgba(0,0,0,0.3); } #Top .xialaph .img_d{ display:none;} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ display: block;color: #fff; font-size: 14px; line-height: 40px; position: relative; /* font-weight: bold;*/ text-transform: uppercase; } #Top .xialaph h4{ position: relative;} #Top .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;} #Top .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f2;display: none } #Top .xialaph li:first-child h4::after{display:none;} #Top .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px; background-color:#dedede; /*opacity: 0.1;*/ } #Top .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;} #Top .xialaph h5 a{ display: block; color: #fff;font-size: 14px;line-height: 42px; padding:0 10px;} #Top .xialaph h5{position: relative;} #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px; background-color:rgba(95,123,118,0.1);; /*opacity: 0.05;*/ } #Top .xialaph li:last-child h5::after{display: none;} #Top .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px; float: right; border-top: #fff solid 1px; border-right: #fff solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear; } #Top .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); -o-transform:rotate(135deg);margin-top: -7px; } /*.xialaph .ul2{ padding-left: 30px; }*/ #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0;right: 0; height: 1px; background-color: #e5e5e5;} #Top .xialaph li:last-child .ul3::after{ display: none;} #Top .xialaph .ul3 li a{ color: #fff; font-size: 14px; line-height: 35px; display: block;} #Top .xialaph .ul3 li{ padding-top: 5px;} #Top .xialaph .ul3 li:first-child{padding-top: 0;} #Top .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #fff solid 1px; border-right: #fff solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear; } #Top .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px; } #Top .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6; z-index: 99;display: none; } #Top .phonemeng.active{ display: block;} @media screen and (max-width:1629px){ #Top .menu .nli{padding:0 16px;} #Top .menu .nli span a{font-size:16px;} #Top .menu_box{padding:0 10px;} #Top .menu .sub_1{width: 625px;} #Top .menu .sub_1 .sub_ul{padding:20px 25px;} #Top .menu .sub_1 .li_a .a_link{font-size:12px; padding:6px 0;} } @media screen and (max-width:1199px){ #Top .top1 .span_a .b{font-size:18px;} #Top .top1 .span_a .i{width:24px; height:24px; background-size:24px 24px; margin-right:6px;} #Top .top1 .logo{width:260px;} #Top .menu .nli span a{font-size:14px;} #Top .menu .nli{padding:0 10px;} #Top .menu .sub_1{width: 518px;} #Top .menu .sub_1 .sub_ul{padding:20px 25px;} #Top .menu .sub_1 .li_a{width:48%; margin-bottom:20px;} #Top .menu .sub_1 .li_a:nth-child(3n){margin-right:4%;} #Top .menu .sub_1 .li_a:nth-child(2n){margin-right:0;} #Top .menu .sub_1 .li_a .h3_a{padding-bottom:5px; margin-bottom:8px; font-size:16px;} #Top .menu .sub_3 .sub_ul{padding:20px 25px;} #Top .menu .sub_3 .li_a{margin-bottom:20px;} #Top .menu .sub_3 .li_a .h3_a{padding-bottom:5px; margin-bottom:8px; font-size:16px;} #Top .menu .sub_2 li{line-height:34px!important;} #Top .menu .sub_2 li a{font-size:14px!important;} } @media screen and (max-width:991px){ #Top .top2{ display:block;} #Top .top1{ display:none;} #Top .h110{height:71px;} } @media screen and (max-width:767px){ #Top .top2 .logo{width:180px; margin-top:24px;} #Top .menuph{margin-top:12px;} #Top .xialaph{padding-top:50px;} #Top .h110{height:60px;} #Top .top2{height:60px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Slide{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*banner*/ #Slide .pz_banner{clear: both; position:relative; width:100%; overflow:hidden;} #Slide .pz_banner img{display: block;} #Slide .pz_banner a{display:block; width:100%;} #Slide .pz_banner .slide1 .list{line-height:0; position: relative;} #Slide .pz_banner .slide1 .slick-dots{width:auto; display:block!important; top:50%; font-size:0; right:60px; text-align:right; margin-top:-30px; } #Slide .pz_banner .slide1 .slick-dots li{width:12px; height:12px; margin:8px 0; position:relative; border:1px solid #ffffff; border-radius:50%; display:block; } #Slide .pz_banner .slide1 .slick-dots li.slick-active{ position:relative;background:#e81c0f;border:1px solid #e81c0f; } #Slide .pz_banner .slide1 .slick-dots li button:before, #Slide .pz_banner .slide1 .slick-dots li button{display:none;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{ width:44px; height:44px; background-size:44px 44px; right:60px; left:auto; display:none!important; } #Slide .pz_banner .slick-prev{background:url(/template/theme/CN/1148_index_img_10b.png)no-repeat; top:35%;} #Slide .pz_banner .slick-prev:hover{background:url(/template/theme/CN/1148_index_img_10a1.png)no-repeat; top:35%;} #Slide .pz_banner .slick-next{background:url(/template/theme/CN/1148_index_img_10a.png)no-repeat; top:35%; margin-top:60px;} #Slide .pz_banner .slick-next:hover{background:url(/template/theme/CN/1148_index_img_10b1.png)no-repeat; top:35%; margin-top:60px;} #Slide .pz_banner .banner_number{position:absolute; right:60px; bottom:60px; color:#fff; font-size:16px; text-align:right;} #Slide .pz_banner .banner_number::after{position: absolute; right:0; width:50%; height:1px; background:#fff; top:62%; content:""; } #Slide .pz_banner .banner_number font{font-size:14px; color:#dadde6; display:block; line-height:30px;} #Slide .pz_banner .banner_number font:first-child{ font-size:36px; color:#ffffff; line-height:54px; text-align:right; margin-right:-5px;} #Slide .pz_banner .bann_text{position:absolute; left:0; padding-left:100px; bottom:100px; width:100%; display:block;} #Slide .pz_banner .li_b{width:120px; float:left; margin-right:20px; height:120px;} #Slide .pz_banner .li_b a{width:100%; height:100%; display: block; background:rgba(0,0,0,0.3); padding:20px; text-align:center; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Slide .pz_banner .li_b .span_img{width:44px; height:32px; margin:0 auto; display:block; position:relative;} #Slide .pz_banner .li_b .img02{position:absolute; width:100%; height:100%; left:0; top:0; opacity: 0; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Slide .pz_banner .li_b img{display:block; width:44px; height:32px;} #Slide .pz_banner .li_b .h3_b{font-size:16px; display:block; color:#ffffff; line-height:24px; margin-top:10px;} #Slide .pz_banner .li_b .p_b{ color:#dadde6; font-size:14px;} #Slide .pz_banner .li_b:hover a{background:#e81c0f;} #Slide .pz_banner .li_b:hover .img02{opacity: 1;} @media screen and (max-width:1629px){ #Slide .pz_banner .bann_text{padding-left:5%;} #Slide .pz_banner .li_b a{padding:16px;} #Slide .pz_banner .li_b{width:102px; height:102px;} #Slide .pz_banner .li_b .span_img{width:36px; height:26px;} } @media screen and (max-width:1199px){ #Slide .pz_banner .bann_text{bottom:70px;} #Slide .pz_banner .li_b a{padding:12px 10px;} #Slide .pz_banner .li_b{width:120px; height:120px;} #Slide .pz_banner .li_b .span_img{width:40px; height:33px;} #Slide .pz_banner .li_b .h3_b{font-size:16px;} } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Slide .pz_banner .bann_text{bottom:10px; width:100%; padding:0; display:flex; align-items: center; justify-content: center; } #Slide .pz_banner .li_b a{padding:12px 10px;} #Slide .pz_banner .li_b{width:60px; height:60px; margin:0 5px;} #Slide .pz_banner .li_b .span_img{width:40px; height:33px;} #Slide .pz_banner .li_b .h3_b{font-size:16px; display:none;} #Slide .pz_banner .li_b .p_b{display:none;} #Slide .pz_banner .banner_number{display:none;} #Slide .pz_banner .slide1 .slick-dots{right:20px;} #Slide .pz_banner .slide1 .slick-dots li{width:8px; height:8px;} #Slide .pz_banner .slick-prev, #Slide .pz_banner .slick-next{width:34px; height:34px; background-size:100% 100%; right:15px;} #Slide .pz_banner .slick-prev{background:url(/template/theme/CN/1148_index_img_10b.png)no-repeat; top:40%; background-size:100% 100%;} #Slide .pz_banner .slick-prev:hover{background:url(/template/theme/CN/1148_index_img_10a1.png)no-repeat; top:40%;background-size:100% 100%;} #Slide .pz_banner .slick-next{background:url(/template/theme/CN/1148_index_img_10a.png)no-repeat; top:40%; margin-top:40px; background-size:100% 100%; } #Slide .pz_banner .slick-next:hover{background:url(/template/theme/CN/1148_index_img_10b1.png)no-repeat; top:40%; margin-top:40px; background-size:100% 100%; } } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*数字动画*/ #Content .cont1{ float:left; width:100%;display:block;} #Content .cont1 .ul1{ margin:0 auto; width:90%;} #Content .cont1 .l1{ float:left; width:14.28%; padding:0 15px; text-align:center;} #Content .cont1 .l1 .b_a{color:#333333; font-size:48px; height:50px; line-height:50px; font-weight:bold; } #Content .cont1 .nub{ float:left; width:100%; color:#333333; font-size:48px; height:50px; line-height:50px; font-weight:bold; position:relative; overflow:hidden;} #Content .cont1 .nub font{ display:inline-block; vertical-align:top; line-height:19px; margin:24px 0 0 8px; border-radius:50%; width:19px; height:19px; background:#e7e7e7; color:#666666; font-size:12px;} #Content .cont1 .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:2px;} #Content .cont1 .slick-dots{ height:10px; position:static;} #Content .cont1 .slick-dots li{ width:10px; height:10px; border-radius:50%; text-indent:-999px; overflow:hidden; background:#fff; vertical-align:top; border:1px solid #e81c0f;} #Content .cont1 .slick-dots .slick-active{ background:#e81c0f;} #Content .cont1 .dataNums{position:relative;top:50%;display:inline-block; vertical-align:top;height:50px;margin-top:-30px;text-align:center} #Content .cont1 .dataNums .dataOne{ display:inline-block; vertical-align:top; width:30px;height:50px;text-align:center;} #Content .cont1 .dataNums .dataBoc{position:relative;width:100%;height:100%; float:left;} #Content .cont1 .dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%;float:left;} #Content .cont1 .dataNums .tt span{float:left;width:100%;height:100%;} @media screen and (max-width:1629px){ #Content .cont1 .tit2{font-size:14px;} } @media screen and (max-width:1199px){ #Content .cont1 .ul1{width:100%;} #Content .cont1 .l1{padding:0 10px;} } @media screen and (max-width:991px){ #Content .cont1 .nub, #Content .cont1 .l1 .b_a{font-size:36px;} #Content .cont1 .dataNums .dataOne{width:20px;} #Content .cont1 .tit2{font-size:12px;} #Content .cont1 .nub, #Content .cont1 .l1 .b_a{height:40px; line-height:40px;} #Content .cont1 .dataNums{height:40px; margin-top:-20px;} #Content .cont1 .dataNums .dataOne{height:40px;} #Content .cont1 .l1{padding:0;} } @media screen and (max-width:767px){ #Content .cont1 .nub, #RGB1149 .cont1 .l1 .b_a{font-size:30px;} #Content .cont1 .dataNums .dataOne{width:16px;} #Content .cont1 .tit2{font-size:12px; line-height:20px;word-break:keep-all; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; } } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content2{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } }/*企业数字*/ #Content2 .Camel-enter{width:100%; float:left; display:block; position:relative; height:723px;} #Content2 .Camel-enter .right{float:right; width:40%; padding-top:67px; position:relative; z-index:2; height:723px;} #Content2 .Camel-enter .h3_a{text-align:right; line-height:56px; color:#333333; font-size:44px; font-weight:normal; display:block;padding-top:140px; position:relative; } #Content2 .Camel-enter .h3_a::after{position:absolute; right:0; top:0; width:7px; height:22px; background:#e81c0f; content:""; } #Content2 .Camel-enter .text_a{line-height:36px; color:#444444; font-size:16px; text-align:right; display:block; margin:56px 0 124px; height:144px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; } #Content2 .Camel-enter .more_a{text-align:right; width:100%; } #Content2 .Camel-enter .more_a:hover .btn, #Content2 .Camel-enter .more_a:hover .point::after, #Content2 .Camel-enter .more_a:hover .point::before, #Content2 .Camel-enter .more_a:hover .link_a::after{background:#e81c0f; } #Content2 .Camel-enter .more_a:hover .span_a{color:#e81c0f;} #Content2 .Camel-enter .span_a{float:right; font-size:14px; color: #333333;} #Content2 .Camel-enter .link_a{float:right; padding-right:80px; position:relative; margin-right:20px; padding-top:8px; height:22px; } #Content2 .Camel-enter .link_a .point{width:34px; height:6px; position:relative;} #Content2 .Camel-enter .link_a .btn{position:absolute; left:50%; margin-left:-3px; width:6px; height:6px; background:#000000; border-radius:50%; } #Content2 .Camel-enter .link_a .point::after{left:0; width:6px; height:6px;background:#000000; border-radius:50%; position:absolute; content:""; } #Content2 .Camel-enter .link_a .point::before{right:0; width:6px; height:6px;background:#000000; border-radius:50%; position:absolute; content:""; } #Content2 .Camel-enter .link_a::after{position:absolute; right:0; top:50%; margin-top:-1px; height:1px; background:#b2b2b2; width:66px; content:""; } #Content2 .Camel-enter .left_img{position:absolute; left:0; top:0; background:#f2f2f2;} #Content2 .Camel-enter .left_img img{display:block; position:relative; bottom:0; height:100%;} @media screen and (max-width:1629px){ #Content2 .Camel-enter .left_img{width:43%; height:504px;} #Content2 .Camel-enter .right{width:54%; padding-top:30px; height:504px;} #Content2 .Camel-enter .h3_a{padding-top:92px; font-size:40px; line-height: 50px;} #Content2 .Camel-enter .text_a{margin: 48px 0 50px;} #Content2 .Camel-enter{height:504px;} } @media screen and (max-width:1199px){ #Content2 .Camel-enter .left_img{width:49%; height:430px;} #Content2 .Camel-enter .right{width:49%; padding-top:30px; height:430px;} #Content2 .Camel-enter .h3_a{padding-top:90px; font-size:32px; line-height: 40px;} #Content2 .Camel-enter .text_a{margin: 38px 0 50px; font-size:12px; line-height:22px; height:88px;} #Content2 .Camel-enter{height:430px;} } @media screen and (max-width:991px){ #Content2 .Camel-enter .left_img{float:left; display:block; position:inherit; width:100%; height:auto;} #Content2 .Camel-enter .right{width:100%;text-align:left; float:left; height:auto;} #Content2 .Camel-enter .h3_a{padding-top:60px; font-size:26px; line-height:30px; text-align:left;} #Content2 .Camel-enter .h3_a::after{right:auto; left:0;} #Content2 .Camel-enter .text_a{margin:25px 0 30px; font-size:12px; line-height:22px; height:88px;text-align:left;} #Content2 .Camel-enter{height:auto;} } @media screen and (max-width:767px){ #Content2 .Camel-enter .h3_a{padding-top:0; font-size:20px; padding-left:10px; line-height:22px; text-align:left;} #Content2 .Camel-enter .h3_a::after{width:5px; height:16px; top:3px;} #Content2 .Camel-enter .text_a{margin:15px 0 20px;} #Content2 .Camel-enter .right{padding-top:20px;} #Content2 .Camel-enter .link_a{padding-right:60px;} #Content2 .Camel-enter .link_a::after{width:50px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content3{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*策略伙伴*/ #Content3 .Camel-stra{width:100%; display:block; float:left; padding:120px 0; } #Content3 .Camel-stra .h3_b{position:relative; display:block; width:100%; padding:6px 0 0 38px; color:#ffffff; font-size:36px; line-height:46px; margin-bottom:45px; } #Content3 .Camel-stra .h3_b::after{position:absolute; left:0; top:0; width:7px; height:22px; background:#e81c0f; content:""; } #Content3 .Camel-stra .stra_ul{width:100%; display:block; } #Content3 .Camel-stra .li_b{width:32%; float:left; margin:0 2% 2% 0;} #Content3 .Camel-stra .li_b:nth-child(3n){margin-right:0;} #Content3 .Camel-stra .li_b .a{width:100%; display:block; height:100%; position:relative;} #Content3 .Camel-stra .li_b img{display: block;} #Content3 .Camel-stra .li_b .a::after{width:100%; height:100%; position: absolute; left:0; top:0; background:url(/template/theme/CN/1151_lvli_bg_03.png)no-repeat; background-size:100% 100%; content:""; z-index:1; } #Content3 .Camel-stra .li_b .pic{display:block;} #Content3 .Camel-stra .li_b .text{position:absolute; z-index:2; left:0; width:100%; bottom:0; padding:30px; color:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content3 .Camel-stra .li_b .h4_b{line-height:30px; font-size:24px; padding-bottom:15px;} #Content3 .Camel-stra .li_b .p_b{line-height:16px; font-size:12px; letter-spacing:5px;} #Content3 .Camel-stra .li_b:hover .text{ -webkit-transform: translateY(-20px); transform: translateY(-20px); } @media screen and (max-width:1629px){ #Content3 .Camel-stra .h3_b{font-size:32px; line-height: 40px;} #Content3 .Camel-stra{padding:100px 0;} } @media screen and (max-width:1199px){ #Content3 .Camel-stra .h3_b{ font-size:30px; line-height: 40px;margin-bottom:30px; padding-left:30px;} #Content3 .Camel-stra .li_b .text{padding:20px;} #Content3 .Camel-stra .li_b .h4_b{padding-bottom:10px;} #Content3 .Camel-stra{padding:80px 0;} } @media screen and (max-width:991px){ #Content3 .Camel-stra{padding:60px 0;} #Content3 .Camel-stra .h3_b{ font-size:26px; line-height:30px; margin-bottom:20px;} #Content3 .Camel-stra .li_b{width:48%;} #Content3 .Camel-stra .li_b:nth-child(3n){margin-right:2%;} #Content3 .Camel-stra .li_b:nth-child(2n){margin-right:0;} #Content3 .Camel-stra .li_b .h4_b{font-size:20px;padding-bottom:6px;} #Content3 .Camel-stra .li_b .p_b{letter-spacing:3px;} } @media screen and (max-width:767px){ #Content3 .Camel-stra{padding:35px 0;} #Content3 .Camel-stra .h3_b{ font-size:20px; padding-top:0; padding-left:10px; line-height:22px; } #Content3 .Camel-stra .h3_b::after{width:5px; height:16px; top:3px;} #Content3 .Camel-stra .li_b .text{padding:10px;} #Content3 .Camel-stra .li_b{width:100%; margin:0 0 4% 0;} #Content3 .Camel-stra .li_b .h4_b{font-size:16px;padding-bottom:0; line-height:24px;} #Content3 .Camel-stra .li_b .p_b{letter-spacing:3px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content4{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*自主研发*/ #Content4 .Camel-resea{display:block; float:left; width:100%; position:relative;} #Content4 .Camel-resea .title{position:absolute; right:0; top:0; padding-top:66px;} #Content4 .Camel-resea .h3_c{text-align:right; line-height:56px; color:#333333; font-size:44px; font-weight:normal; display:block;padding-top:140px; position:relative; } #Content4 .Camel-resea .h3_c::after{position:absolute; right:0; top:0; width:7px; height:22px; background:#e81c0f; content:""; } #Content4 .Camel-resea .more_a{text-align:right; width:100%; margin-top:86px;} #Content4 .Camel-resea .more_a:hover .btn, #Content4 .Camel-resea .more_a:hover .point::after, #Content4 .Camel-resea .more_a:hover .point::before, #Content4 .Camel-resea .more_a:hover .link_a::after{background:#e81c0f; } #Content4 .Camel-resea .more_a:hover .span_a{color:#e81c0f;} #Content4 .Camel-resea .span_a{float:right; font-size:14px; color: #333333;} #Content4 .Camel-resea .link_a{float:right; padding-right:80px; position:relative; margin-right:20px; padding-top:8px; height:22px; } #Content4 .Camel-resea .link_a .point{width:34px; height:6px; position:relative;} #Content4 .Camel-resea .link_a .btn{position:absolute; left:50%; margin-left:-3px; width:6px; height:6px; background:#000000; border-radius:50%; } #Content4 .Camel-resea .link_a .point::after{left:0; width:6px; height:6px;background:#000000; border-radius:50%; position:absolute; content:""; } #Content4 .Camel-resea .link_a .point::before{right:0; width:6px; height:6px;background:#000000; border-radius:50%; position:absolute; content:""; } #Content4 .Camel-resea .link_a::after{position:absolute; right:0; top:50%; margin-top:-1px; height:1px; background:#b2b2b2; width:66px; content:""; } #Content4 .Camel-resea .resea_ul{width:100%; display:block;} #Content4 .Camel-resea .li_c{width:25%; float:left; background:#f6f6f6;} #Content4 .Camel-resea .li_c a{text-align:center; width:100%; display:block; padding:40px 102px;} #Content4 .Camel-resea .li_c:nth-child(3){clear:both;} #Content4 .Camel-resea .li_c:nth-child(4){background:#60626d;} #Content4 .Camel-resea .li_c:first-child, #Content4 .Camel-resea .li_c:last-child{background:#f1f1f1;} #Content4 .Camel-resea .li_c:hover{ background:#e81c0f !important;} #Content4 .Camel-resea .li_c .pic{display:block; width:123px; margin:70px auto 90px; height:120px;} #Content4 .Camel-resea .li_c img{display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content4 .Camel-resea .li_c .pic .img2{ display:none;} #Content4 .Camel-resea .li_c:hover .pic .img1{ display:none;} #Content4 .Camel-resea .li_c:hover .pic .img2{ display:block;} #Content4 .Camel-resea .li_c .h4_c{position:relative; display:inherit;color:#333333; font-size:18px; padding-top:20px;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content4 .Camel-resea .li_c:hover .h4_c{ color:white;} #Content4 .Camel-resea .li_c .h4_c::after{position:absolute; left:50%; margin-left:-25px; width:50px; height:1px; background:#cfcfcf; content:""; top:0; } #Content4 .Camel-resea .li_c:nth-child(4) .h4_c{color:#ffffff;} #Content4 .Camel-resea .li_c:nth-child(4) .h4_c::after{background:#ffffff;} #Content4 .Camel-resea .li_c:hover .pic img, #Content4 .Camel-resea .li_c:hover .h4_c{ -webkit-transform: translateY(-15px); transform: translateY(-15px); } @media screen and (max-width:1629px){ #Content4 .Camel-resea .title{padding-top:50px;} #Content4 .Camel-resea .h3_c{padding-top:80px; font-size:40px; line-height: 50px;} #Content4 .Camel-resea .li_c a{padding: 40px;} #Content4 .Camel-resea .li_c .pic{margin:30px auto;} #Content4 .Camel-resea .more_a{margin-top:70px;} } @media screen and (max-width:1199px){ #Content4 .Camel-resea .title{padding-top:40px;} #Content4 .Camel-resea .h3_c{padding-top:60px; font-size:32px; line-height: 40px;} #Content4 .Camel-resea .more_a{margin-top:50px;} #Content4 .Camel-resea .li_c a{padding:30px;} #Content4 .Camel-resea .li_c .pic{margin:20px auto; width:110px; height:107px;} } @media screen and (max-width:991px){ #Content4 .Camel-resea .title{padding-top:30px;} #Content4 .Camel-resea .h3_c{padding-top:40px; font-size:26px; line-height:30px; text-align:left;} #Content4 .Camel-resea .more_a{margin-top:30px;} #Content4 .Camel-resea .li_c a{padding:25px;} #Content4 .Camel-resea .li_c .pic{margin:20px auto; width:90px; height:87px;} #Content4 .Camel-resea .li_c .h4_c{font-size:16px; padding-top:10px;} } @media screen and (max-width:767px){ #Content4 .Camel-resea .title{position:inherit; display: block; width:100%; padding-top:10px;} #Content4 .Camel-resea .h3_c{padding-top:0px; font-size:20px; padding-left:10px; line-height:22px; text-align:left;} #Content4 .Camel-resea .h3_c::after{width:5px; height:16px; top:3px; right:auto; left:0;} #Content4 .Camel-resea .more_a{margin-top:15px;} #Content4 .Camel-resea .link_a{padding-right:60px;} #Content4 .Camel-resea .link_a::after{width:50px;} #Content4 .Camel-resea .li_c:nth-child(3){clear:none;} #Content4 .Camel-resea .li_c{width:50%;} #Content4 .Camel-resea .resea_ul{margin-top:10px;} #Content4 .Camel-resea .li_c a{padding:6%;} #Content4 .Camel-resea .li_c .pic{width:80px; height:77px;} #Content4 .Camel-resea .li_c .h4_c{font-size:14px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content5{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*解决方案*/ #Content5 .Camel-solu{width:100%; display:block; float:left; position:relative; } #Content5 .Camel-solu .left{position:absolute; left:0; top:104px; width:31%; } #Content5 .Camel-solu .solu_ul{width:69%; float:right; background:rgba(136,136,136,0.3); padding:122px 6% 300px 8%;} #Content5 .Camel-solu .solu_ul .solu_width{width:100%; display:block;} #Content5 .Camel-solu .h4_d{color:#ffffff; font-size:24px; line-height:30px; padding-bottom:50px; display:block; width:100%; display:none;} #Content5 .Camel-solu .Solve_ul{width:100%; display:block;} #Content5 .Camel-solu .li_d{text-align:center; float:left; margin-right:2%; /*width:16%;*/ } #Content5 .Camel-solu .li_d a{height:48px; line-height:48px; border:1px solid #6e6f74; width:100%; display:block; color:#ffffff; font-size:16px;padding:0 5px; } #Content5 .Camel-solu .li_d:hover a, #Content5 .Camel-solu .li_d.on a{background:#e81c0f; border:1px solid #e81c0f;} #Content5 .Camel-solu .top{color:#ffffff; font-size:16px; padding:30px 0 50px; border-bottom:1px solid #6d6f74; display:block; line-height:24px; } /*20200221修改*/ #Content5 .Camel-solu .Solve_width{min-height: 292px;} /*20200221修改*/ #Content5 .Camel-solu .bottom_ul{width:100%; display:block;margin-top:56px;} #Content5 .Camel-solu .li_e{width:16.4666%; float:left; padding:5px; overflow: hidden;} #Content5 .Camel-solu .li_e:nth-child(6n){margin-right:0;} #Content5 .Camel-solu .li_e a{width:100%; display:block; background:white; overflow:hidden} #Content5 .Camel-solu .li_e a:hover{ box-shadow:0 0 10px #e81c0f;} #Content5 .Camel-solu .li_e img{display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content5 .Camel-solu .li_e:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #Content5 .Camel-solu .h3_a{padding:0 16%; color:#ffffff; font-size:44px; line-height: 56px; display:block; width:100%;} #Content5 .Camel-solu .left_top{display:block; padding:0 16%; width:100%;margin-top:30px;display:flex; } #Content5 .Camel-solu .a_1{line-height:20px; color:#ffffff; font-size:14px; float:left; padding-right:2px;} /*#Content5 .Camel-solu .a_1:hover{color:#e81c0f;}*/ #Content5 .Camel-solu .left_ul{width:100%; display:block; margin-top:20px;} #Content5 .Camel-solu .li_a{width:100%; display:block; padding:0 16%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .Camel-solu .li_a a{padding:40px 0; color:#ffffff; font-size:20px; line-height:30px; width:100%; position:relative; display:block; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .Camel-solu .li_a a::after{width:100%; position:absolute; left:0; bottom:0; height:1px; background:rgba(136,136,136,0.3); content:""; } #Content5 .Camel-solu .li_a .i{ position: absolute; right:50px;top:56%; width:20px;height:20px; float: right; border-top:solid 1px rgba(255,255,255,0.4); opacity: 0; border-right:solid 1px rgba(255,255,255,0.4);margin-top: -10px; cursor: pointer;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content5 .Camel-solu .li_a:hover, #Content5 .Camel-solu .li_a.on{background:rgba(232,28,15,0.5);} #Content5 .Camel-solu .li_a:hover a, #Content5 .Camel-solu .li_a.on a{padding-left:0;} #Content5 .Camel-solu .li_a:hover a::after, #Content5 .Camel-solu .li_a.on a::after{display: none;} #Content5 .Camel-solu .li_a:hover .i, #Content5 .Camel-solu .li_a.on .i{opacity: 1; right:15px;} @media screen and (max-width:1629px){ #Content5 .Camel-solu .h3_a{font-size:36px; line-height: 40px;} #Content5 .Camel-solu .li_a a{padding:30px 0; font-size:18px;} #Content5 .Camel-solu .li_e{width:19.8%;} #Content5 .Camel-solu .li_e:nth-child(6n){margin-right:1px;} #Content5 .Camel-solu .li_e:nth-child(5n){margin-right:0;} #Content5 .Camel-solu .solu_ul{padding: 100px 6% 170px 8%;} #Content5 .Camel-solu .left{top:80px;} } @media screen and (max-width:1199px){ #Content5 .Camel-solu .h3_a{font-size:28px; line-height:32px;} #Content5 .Camel-solu .left_top{margin-top:14px;} #Content5 .Camel-solu .a_1{font-size:12px; padding-right:0;} #Content5 .Camel-solu .li_a a{padding:22px 0; font-size:18px; line-height:28px;} #Content5 .Camel-solu .h4_d{font-size:20px; padding-bottom: 30px;} #Content5 .Camel-solu .li_d a{line-height:36px; height:36px; font-size:14px;} #Content5 .Camel-solu .top{padding:20px 0 30px;} #Content5 .Camel-solu .bottom_ul{margin-top:40px;} #Content5 .Camel-solu .left{top:80px;} #Content5 .Camel-solu .solu_ul{padding:90px 6% 140px 8%;} } @media screen and (max-width:991px){ #Content5 .Camel-solu .left{display:block; position:inherit; width:100%; top:0; height:auto; padding:50px 15px;} #Content5 .Camel-solu .li_a{width:25%; float:left;} #Content5 .Camel-solu .h3_a{font-size:26px; line-height:30px; text-align:center;padding:0 5%;} #Content5 .Camel-solu .li_a, #Content5 .Camel-solu .left_top{padding:0 5%; } #Content5 .Camel-solu .left_top{align-items: center; justify-content: center;} #Content5 .Camel-solu .li_a a{padding:16px 0; font-size:20px; line-height:24px;} #Content5 .Camel-solu .li_a .i{width: 16px;height: 16px; margin-top:-8px;} #Content5 .Camel-solu .h4_d{font-size:20px; padding-bottom: 30px;} #Content5 .Camel-solu .li_d a{line-height:36px; height:36px; font-size:14px;} #Content5 .Camel-solu .top{padding:20px 0 30px; text-align:center;} #Content5 .Camel-solu .bottom_ul{margin-top:40px;} #Content5 .Camel-solu .li_e{width:24.7%;} #Content5 .Camel-solu .li_e:nth-child(5n){margin-right:1px;} #Content5 .Camel-solu .li_e:nth-child(4n){margin-right:0;} #Content5 .Camel-solu .solu_ul{padding:46px; width:100%;} } @media screen and (max-width:767px){ #Content5 .Camel-solu .left{padding:30px 15px;} #Content5 .Camel-solu .h3_a{font-size:20px; line-height:22px; text-align:center; padding:0;} #Content5 .Camel-solu .left_top{padding:0;} #Content5 .Camel-solu .li_a{padding:0;} #Content5 .Camel-solu .li_a a{padding:5px 0;font-size:14px; line-height: 24px; text-align:center;} #Content5 .Camel-solu .li_a:hover a, #Content5 .Camel-solu .li_a.on a{padding-left:0;} #Content5 .Camel-solu .li_a:hover a::after, #Content5 .Camel-solu .li_a.on a::after{display:block; background:#e81c0f;} #Content5 .Camel-solu .li_a:hover, #Content5 .Camel-solu .li_a.on{background:none;} #Content5 .Camel-solu .li_a .i{width:10px; height:10px; margin-top:-5px; display:none;} #Content5 .Camel-solu .h4_d{font-size:16px; padding-bottom:20px;line-height: 24px;} #Content5 .Camel-solu .li_d{width:32%; margin:0 2% 2% 0;} #Content5 .Camel-solu .li_d:nth-child(3n){margin-right:0;} #Content5 .Camel-solu .top{padding:10px 0 16px; font-size:14px;} #Content5 .Camel-solu .bottom_ul{margin-top:20px;} #Content5 .Camel-solu .solu_ul{padding:30px 15px;} #Content5 .Camel-solu .li_e{width:24.7%;} #Content5 .Camel-solu .li_e:nth-child(5n){margin-right:1px;} #Content5 .Camel-solu .li_e:nth-child(3n){margin-right:1px;} #Content5 .Camel-solu .li_e:nth-child(4n){margin-right:0;} /*20200221修改*/ #Content5 .Camel-solu .Solve_width{min-height: 152px;} /*20200221修改*/ } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content6{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*合作伙伴*/ #Content6 .Camel-coop{width:100%; float:left; display:block; position:relative;} #Content6 .Camel-coop .right{position: absolute; right:0; top:0; padding-top:40px;} #Content6 .Camel-coop .h3_a{text-align:right; line-height:56px; color:#333333; font-size:44px; font-weight:normal; display:block;padding-top:96px; position:relative; } #Content6 .Camel-coop .h3_a::after{position:absolute; right:0; top:0; width:7px; height:22px; background:#e81c0f; content:""; } #Content6 .Camel-coop .left{ width:100%; display: block; position:relative;} #Content6 .Camel-coop .coop_ul{width:100%; display:block; position:relative;padding:0 25% 0 8%;} #Content6 .Camel-coop .slick-slide{padding:5px; background:#ffffff;} #Content6 .Camel-coop .li_img{margin-top:10px; background:#f8f8f8; display:block; width:100%;transition:all 0.5s ease; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content6 .Camel-coop .li_imga{display:none;} #Content6 .Camel-coop .li_img img{display:block;} #Content6 .Camel-coop .li_img:hover{background:#ffffff; box-shadow:0 0 20px rgba(232,28,15,0.2); -webkit-filter:none;-moz-filter:none;-o-filter:none;filter:none; } #Content6 .Camel-coop .slick-prev, #Content6 .Camel-coop .slick-next{width:45px; height:45px; border-radius:50%; background-size:45px 45px; right:0; left:auto; bottom:20%; top:auto; } #Content6 .Camel-coop .slick-prev{background:url(/template/theme/CN/1176_index_img_54.png)no-repeat #e5e5e5; margin-right:66px;} #Content6 .Camel-coop .slick-next{background:url(/template/theme/CN/1176_index_img_55.png)no-repeat #e5e5e5;} #Content6 .Camel-coop .slick-prev:hover{background:url(/template/theme/CN/1176_index_img_54.png)no-repeat #e81c0f;background-size:100% 100%;} #Content6 .Camel-coop .slick-next:hover{background:url(/template/theme/CN/1176_index_img_55.png)no-repeat #e81c0f;background-size:100% 100%;} #Content6 .Camel-coop .more{width:96px;position:absolute; left:0; bottom:0; padding-top:220px;} #Content6 .Camel-coop .more a{color:#ffffff; font-size:16px; background:#e81c0f; padding:30px 0; line-height:24px; height:84px; text-align:center; font-weight:bold;line-height:24px; width:100%; display:block;} #Content6 .Camel-coop .more::after{content: ""; position: absolute; z-index:-1;width: 240px; height: 1px;border-top: 1px dashed #b0b0b0;left: 50%; margin-left: -68px;top: 106px; transform: rotate(-70deg); -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); } @media screen and (max-width:1629px){ #Content6 .Camel-coop .h3_a{padding-top:92px; font-size:40px; line-height: 50px;} #Content6 .Camel-coop .more{width:80px; padding-top:340px;} #Content6 .Camel-coop .more a{padding:20px 0; height:64px;} #Content6 .Camel-coop .more::after{ width: 210px;margin-left: -68px;top: 238px; } } @media screen and (max-width:1199px){ #Content6 .Camel-coop .h3_a{padding-top:64px; font-size:32px; line-height: 40px;} #Content6 .Camel-coop .more{width:60px;} #Content6 .Camel-coop .more a{padding:16px 0; height:50px; font-size:14px;} } @media screen and (max-width:991px){ #Content6 .Camel-coop .h3_a{padding-top:30px; font-size:26px; padding-bottom:10px; line-height:30px; text-align:left;} #Content6 .Camel-coop .h3_a::after{right:auto; left:0;} #Content6 .Camel-coop .right{position:absolute; left:0;} #Content6 .Camel-coop .coop_ul{padding:110px 0 0 15%;} #Content6 .Camel-coop .slick-prev, #Content6 .Camel-coop .slick-next{bottom:auto; top:80px; width:40px; height:40px; background-size:100% 100%;} #Content6 .Camel-coop .slick-prev{margin-right:50px;} #Content6 .Camel-coop .slick-prev:hover #Content6 .Camel-coop .slick-next:hover{background-size:100% 100%; width:40px; height:40px;} #Content6 .Camel-coop .li_imga{display:block;} } @media screen and (max-width:767px){ #Content6 .Camel-coop .right{padding-top:20px;} #Content6 .Camel-coop .h3_a{padding-top:0px; padding-left:10px; font-size:20px; line-height:22px; text-align:left;} #Content6 .Camel-coop .h3_a::after{width:5px; height:16px; top:3px;} #Content6 .Camel-coop .coop_ul{padding:50px 0 0 0;} #Content6 .Camel-coop .slick-prev, #Content6 .Camel-coop .slick-next{top:33px; width:28px; height:28px; background-size:100% 100%; display:none!important;} #Content6 .Camel-coop .slick-prev{margin-right:33px;} #Content6 .Camel-coop .slick-prev:hover #Content6 .Camel-coop .slick-next:hover{background-size:100% 100%; width:28px; height:28px;} #Content6 .Camel-coop .more{position:inherit; margin:10px auto; padding-top:0; width:80px; } #Content6 .Camel-coop .more::after{display:none;} #Content6 .Camel-coop .more a{padding:10px 0; height:36px; font-size:14px; line-height:16px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Down{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*底部*/ #Down .footer{width:100%; display: block; background:#2d2f38; float:left; padding:80px 0 50px; position:relative;} #Down .footer .ul_a{float:left; padding-right:8%;} #Down .footer .ul_a1{width:20%;} #Down .footer .ul_a2{width:24%;padding-right:6%;} #Down .footer .ul_a3{width:35%;} #Down .footer .ul_a4{width:13%;} #Down .footer .ul_a5{padding-right:0!important;width:8%;} #Down .footer .h4_a{position:relative; display:block; width:100%; color:#ffffff; padding-bottom:16px; line-height:20px; font-size:18px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:26px; } #Down .footer .h4_a .b{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #ffffff; border-right:solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .footer .h5_b .b1{position: absolute; display:none; right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #ffffff; border-right:solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .footer .h4_a.active .b, #Down .footer .h5_b.active .b1{ transform: rotate(135deg);-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px; } #Down .footer .h5_b{line-height:20px; font-weight: bold; font-size:16px; color:#ffffff; margin-bottom:12px; width:100%; position: relative; } #Down .footer .ul_b{width:50%; float:left; padding-right:5%;} #Down .footer .li_b{line-height:24px; font-size:14px; width:100%; display:block;} #Down .footer .li_b a{color: #939396; font-size:14px; width:100%; display:block;} #Down .footer .li_b:hover a{color:#e81c0f;} #Down .footer_1{background:#24262e; padding:20px 0; width:100%; float:left;} #Down .footer_1 .d_width{width:100%; position:relative; line-height:35px; padding-right:180px;} #Down .footer_1 .left{line-height:35px; color: #939396; font-size:14px; text-align:left;} #Down .footer_1 .ul_a{position:absolute; right:0; top:0;} #Down .footer_1 .li_a{width:35px; height:35px; background:rgba(255,255,255,0.1); border-radius:50%; margin:0 5px; float:left; padding:7px; } #Down .footer_1 .ri-wechat-fill, #Down .footer_1 .ri-weibo-fill, #Down .footer_1 .ri-qq-fill{color:#bdbec0; font-size:21px; text-align:center;} #Down .footer_1 .li_a:hover{background:#e81c0f;} #Down .footer_1 .li_a:hover .ri-wechat-fill, #Down .footer_1 .li_a:hover .ri-weibo-fill, #Down .footer_1 .li_a:hover .ri-qq-fill{color:#ffffff;} #Down .footer_1 .li_a .wx_bx_1{ position:absolute; left:50%; top:-90px;width:0; height:0; overflow:hidden; -oz-transition: all 0.5s linear; margin-left:-50px; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); } #Down .footer_1 .li_a:hover .wx_bx_1{width:80px; height:80px; padding:6px; background:#ffffff;} #Down .pf_right{position:absolute; right:30px; bottom:80px; width:46px;z-index:99;} #Down .pf_right .ly_pic{background:#2e303b; border-radius:6px; padding:22px 8px; text-align:center; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .pf_right .h5_a{font-size:16px; color:#ffffff; line-height:16px;} #Down .pf_right .ico{width:18px; margin:0 auto 5px;} #Down .pf_right .ly_pic:hover{background:#e81c0f;} #Down .pf_right .ly_pic:hover .ly_width{ right:50px; opacity: 1;} #Down .pf_right .ly_width{position:absolute; right:-540px; bottom:0; width:490px; padding-right:15px; z-index:99; opacity: 0; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Down .pf_right .ly_width::after{position:absolute; right:8px;bottom:63px; content:""; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #2e303b; } #Down .pf_right .foo_width{background:#2e303b; border-radius:6px; padding:20px; width:100%;} #Down .pf_right .li_a{margin-bottom:10px; width:100%; display:block;} #Down .pf_right .li_b{width:48%; float:left; background:#393b45; position:relative; padding:12px 5px 12px 15px; display:flex; } #Down .pf_right .li_b:nth-child(2n){float:right;} #Down .pf_right .span{color:#c2c2c4; font-size: 14px; line-height:14px; border-right:1px dashed #c2c2c4; width:70px; float:left; text-align:left; } #Down .pf_right .input1{background:none; border:none; padding-left:5px; width:60%; float:left; line-height:14px; color:#c2c2c4; font-size: 14px; } #Down .pf_right .inputa{width:25%;} #Down .pf_right .i{position:absolute;right:4px; top:6px; width:71px;} #Down .pf_right .li_a1{background:#393b45; position:relative; padding:12px 5px 12px 15px; display:flex;} #Down .pf_right .input2{background:none; border:none; padding-left:5px; width:60%; float:left; line-height:14px; color:#c2c2c4; font-size: 14px; resize: none; height:20px; } #Down .pf_right .tj{width:100%; display:block;} #Down .pf_right .input{background:#e81c0f; width:100%; display:block;border:none; text-align:center; color:#ffffff; padding:12px 0; line-height:14px; font-size:14px; } /*弹窗留言*/ #Down .m-layer-bg{position: fixed; z-index: 888; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; display:none;} #Down .ly_widtha{position:fixed; left:0; top:20%; width:100%; z-index:999; padding:0 2%;display:none; } #Down .ly_widtha .foo_width{background:#2e303b; border-radius:6px; padding:20px; width:100%;} #Down .ly_widtha .li_a{ width:100%; display:block;} #Down .ly_widtha .li_b{width:100%; background:#393b45; position:relative; padding:12px 5px 12px 15px; display:flex;margin-bottom:10px; } #Down .ly_widtha .span{color:#c2c2c4; font-size: 14px; line-height:14px; border-right:1px dashed #c2c2c4; width:70px; float:left; text-align:left; } #Down .ly_widtha .input1{background:none; border:none; padding-left:5px; width:60%; float:left; line-height:14px; color:#c2c2c4; font-size: 14px; } #Down .ly_widtha .inputa{width:25%;} #Down .ly_widtha .i{position:absolute;right:4px; top:6px; width:71px;} #Down .ly_widtha .li_a1{background:#393b45; position:relative; padding:12px 5px 12px 15px; display:flex;} #Down .ly_widtha .input2{background:none; border:none; padding-left:5px; width:60%; float:left; line-height:14px; color:#c2c2c4; font-size: 14px; resize: none; height:20px; } #Down .ly_widtha .tj{width:100%; display:block;margin-top:10px;} #Down .ly_widtha .input{background:#e81c0f; width:100%; display:block;border:none; text-align:center; color:#ffffff; padding:12px 0; line-height:14px; font-size:14px; } #Down .pf_down{display:none;} @media screen and (max-width:1629px){ #Down .footer{padding:60px 0 40px;} #Down .footer .li_b a{font-size:12px; line-height:22px;} #Down .footer .h5_b{font-size:14px;} #Down .footer .ul_a{padding-right:5%;} } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ #Down .footer{padding:40px 0 30px;} #Down .footer .ul_width{display:none;padding:8px 15px;} #Down .footer .ul_a{width:49%; margin:0 2% 2% 0;border: 1px solid rgba(255,255,255,0.1); padding-right:0;} #Down .footer .h4_a{border:none; line-height:20px; font-size:16px; padding:8px 15px; margin:0;} #Down .footer .h4_a .b, #Down .footer .h5_b .b1{display:block;} #Down .footer .ul_a:nth-child(2n){margin-right:0;} #Down .footer .ul_b{width:100%; display:block;} #Down .footer .ul_width1{display:none;} } @media screen and (max-width:767px){ #Down .footer .h4_a{font-size:15px;} #Down .footer .ul_a{width:100%; margin-right:0;} #Down .footer_1 .ul_a{display:none;} #Down .footer_1{padding:10px 0;} #Down .footer_1 .d_width{padding:0; } #Down .footer_1 .left{text-align:center; line-height:24px; font-size:14px;} /*底部导航*/ #Down .q_d_m{float:left; width:100%; height:50px;} #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background-color: #ffffff; border-top: solid 1px #dddddd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#1e1e1e; line-height:14px; text-transform:uppercase;} #Down .pf_down li.l1 .ico7{ background:url(/template/theme/CN/1177_btn15.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(/template/theme/CN/1177_btn16.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(/template/theme/CN/1177_btn17.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l4 .ico7{ background:url(/template/theme/CN/1177_btn18.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li:hover .d_name, #Down .pf_down li.on .d_name{ color:#e81c0f;} #Down .pf_down .l1:hover .ico7, #Down .pf_down .l1.on .ico7{ background:url(/template/theme/CN/1177_btn15_1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down .l2:hover .ico7, #Down .pf_down .l2.on .ico7{ background:url(/template/theme/CN/1177_btn16_1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down .l3:hover .ico7, #Down .pf_down .l3.on .ico7{ background:url(/template/theme/CN/1177_btn17_1.png) no-repeat center; background-size:20px 20px;} #Down .pf_down .l4:hover .ico7, #Down .pf_down .l4.on .ico7{ background:url(/template/theme/CN/1177_btn18_1.png) no-repeat center; background-size:20px 20px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Slide2{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*内页轮播图*/ #Slide2 .pc_banner{width:100%; display:block; float:left; position:relative;} #Slide2 .pc_banner .ba_text{position: absolute; left:0; width:100%; height:100%; top:0; display: flex; align-items: center;justify-content: center; text-align: center; } #Slide2 .pc_banner .h3_a{color:#ffffff; font-size:48px; font-weight:normal; line-height:66px; font-family: 'sy_light'; } #Slide2 .pc_banner .p_a{color:#ffffff; font-size: 18px; line-height:32px; letter-spacing:10px; font-family: 'sy_light'; } @media screen and (max-width:1629px){ #Slide2 .pc_banner .h3_a{font-size:40px; line-height:58px;} #Slide2 .pc_banner .p_a{letter-spacing:6px;} } @media screen and (max-width:1199px){ #Slide2 .pc_banner .h3_a{font-size:36px; line-height:54px;} #Slide2 .pc_banner .p_a{letter-spacing:4px; font-size:16px; line-height:24px;} } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Slide2 .pc_banner .h3_a{font-size:22px; line-height:30px;} #Slide2 .pc_banner .p_a{letter-spacing:0px; font-size:14px; line-height:22px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content7{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*文字介绍*/ #Content7 .Camel-aboutpic{width:100%; float:left; display:block;} #Content7 .Camel-aboutpic .ab_left{width:44%; float:left; height:855px;} #Content7 .Camel-aboutpic .h3_a{color:#222222; font-size:42px; line-height:54px; padding-left:60px; position:relative; display:block; } #Content7 .Camel-aboutpic .i{position:absolute; left:0; top:10px; width:14px; font-size:14px; line-height:14px; text-align:center;color:#666666;letter-spacing:3px; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ } #Content7 .Camel-aboutpic .text_a{width:100%; padding-top:40px; min-height:130px; line-height:30px; color:#666666; font-size:16px; padding-left:60px; } #Content7 .Camel-aboutpic .img_a{text-align:center; width:69.24%; margin:100px auto 85px;} #Content7 .Camel-aboutpic .ab_text{width:100%; padding-left:37%; } #Content7 .Camel-aboutpic .h4_a{font-weight:bold; font-size:30px; color:#1b1d26; line-height:40px; padding-top:48px; position:relative; display:block; width:100%; } #Content7 .Camel-aboutpic .h4_a::after{position:absolute; left:0; top:0; content:""; width:31px; height:23px; background:url(/template/theme/CN/1179_gs_img1.png)no-repeat; background-size:100% 100%; } #Content7 .Camel-aboutpic .text_a1{line-height:30px; color:#666666; font-size:16px; padding-top:26px; min-height:86px;} #Content7 .Camel-aboutpic .ab_right{float:right; width:37.21%;height:855px;} #Content7 .Camel-aboutpic .ab_right img{display:block;} @media screen and (max-width:1629px){ #Content7 .Camel-aboutpic .h3_a{font-size:36px; line-height:44px;} #Content7 .Camel-aboutpic .text_a{padding-top:12px; min-height:132px;} #Content7 .Camel-aboutpic .img_a{margin:40px auto 30px;} #Content7 .Camel-aboutpic .ab_left{width:50%;height:581px;} #Content7 .Camel-aboutpic .h4_a{font-size:24px; line-height:30px; padding-top:30px;} #Content7 .Camel-aboutpic .h4_a::after{width:25px; height:19px; } #Content7 .Camel-aboutpic .text_a1{padding-top:16px; line-height:24px; font-size:14px; min-height:64px;} #Content7 .Camel-aboutpic .ab_right{height:581px;} } @media screen and (max-width:1199px){ #Content7 .Camel-aboutpic .h3_a{font-size:28px; line-height:32px; padding-left:40px;} #Content7 .Camel-aboutpic .text_a{padding-top:12px; line-height:24px; min-height:90px; padding-left:40px;font-size:14px;} #Content7 .Camel-aboutpic .i{font-size:12px;letter-spacing:1px;} #Content7 .Camel-aboutpic .img_a{margin:40px auto 40px; width:55.24%;} #Content7 .Camel-aboutpic .ab_left{width:57%;height:478px;} #Content7 .Camel-aboutpic .h4_a{font-size:18px; line-height:22px; padding-top:20px;} #Content7 .Camel-aboutpic .h4_a::after{width:18px; height:13px; } #Content7 .Camel-aboutpic .text_a1{padding-top:16px; line-height:24px; font-size:14px; min-height:64px;} #Content7 .Camel-aboutpic .ab_right{height:478px;} } @media screen and (max-width:991px){ #Content7 .Camel-aboutpic .h3_a{font-size:20px; line-height:26px; padding-left:30px;} #Content7 .Camel-aboutpic .text_a{padding-top:12px; line-height:24px; min-height:108px; padding-left:30px;font-size:14px;} #Content7 .Camel-aboutpic .i{font-size:12px;top:5px;letter-spacing:1px;} #Content7 .Camel-aboutpic .img_a{margin:20px auto 20px; width:35.24%;} #Content7 .Camel-aboutpic .ab_left{width:57%;height:367px; } #Content7 .Camel-aboutpic .h4_a{font-size:18px; line-height:22px; padding-top:20px;} #Content7 .Camel-aboutpic .h4_a::after{width:18px; height:13px; } #Content7 .Camel-aboutpic .text_a1{padding-top:16px; line-height:24px; font-size:14px; min-height:64px;} #Content7 .Camel-aboutpic .ab_right{height:367px;} #Content7 .Camel-aboutpic .ab_text{padding-left:30px;} } @media screen and (max-width:767px){ #Content7 .Camel-aboutpic .ab_left{width:100%; height:auto;} #Content7 .Camel-aboutpic .ab_right{width:100%;height:auto;} #Content7 .Camel-aboutpic .h3_a, #Content7 .Camel-aboutpic .text_a, #Content7 .Camel-aboutpic .ab_text{padding-left:20px;} #Content7 .Camel-aboutpic .text_a1{padding-top:8px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content8{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*聚焦*/ #Content8 .Camel-focus{width:100%; display:block; float:left; position:relative; padding-top:158px;} #Content8 .Camel-focus .focus_pic{width:100%; padding-left:60%; padding-bottom:71px; height:458px;} #Content8 .Camel-focus .h3_b{line-height:50px; color:#333333; font-size:42px; padding-top:55px; position:relative; text-align:right; width:100%; } #Content8 .Camel-focus .h3_b::after{position:absolute; right:0; top:0; width:85px; height:1px; background:#e81c0f; content:""; } #Content8 .Camel-focus .ul_b{padding-top:160px; width:100%; display:block; position:relative; right:-40px;} #Content8 .Camel-focus .li_b{width:20%; float:left; text-align:center; } #Content8 .Camel-focus .li_b:hover img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } #Content8 .Camel-focus .li_b:hover .p_b{color:#e81c0f;} #Content8 .Camel-focus .li_b a{display:block; width:100%;} #Content8 .Camel-focus .li_b .pic{width:100%; display:block; width:76px; margin:10px auto;} #Content8 .Camel-focus .li_b img{display:block; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content8 .Camel-focus .li_b .p_b{color:#666666; font-size:18px; line-height:40px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content8 .Camel-focus .right_pic{position:absolute; left:0; bottom:0; width:50%; padding:0 3% 5%;} #Content8 .Camel-focus .right_pic::after{position:absolute; bottom:0; left:0; height:238px; background:rgba(232,28,15,0.7); content:""; z-index:1; width:100%; } #Content8 .Camel-focus .right_pic .span_img{width:70.777%; text-align:left; position:relative; z-index:2;} #Content8 .Camel-focus .right_pic img{display:block;} @media screen and (max-width:1629px){ #Content8 .Camel-focus{padding-top:202px;} #Content8 .Camel-focus .h3_b{padding-top:30px; font-size:36px; line-height:40px;} #Content8 .Camel-focus .ul_b{padding-top:130px; right:-20px;} #Content8 .Camel-focus .right_pic{width:56%;} #Content8 .Camel-focus .right_pic .span_img{width: 80.777%;} #Content8 .Camel-focus .right_pic::after{height:190px;} #Content8 .Camel-focus .focus_pic{height:393px;} } @media screen and (max-width:1199px){ #Content8 .Camel-focus .h3_b{font-size:30px; line-height:34px;} #Content8 .Camel-focus .h3_b::after{width:60px;} #Content8 .Camel-focus .ul_b{padding-top:80px; right:-10px;} #Content8 .Camel-focus .li_b .pic{width:60px;} #Content8 .Camel-focus .li_b .p_b{font-size:16px; line-height:32px;} #Content8 .Camel-focus .focus_pic{height:297px; padding-bottom:52px;} } @media screen and (max-width:991px){ #Content8 .Camel-focus{padding-top:130px;} #Content8 .Camel-focus .h3_b{font-size:24px; line-height:30px; padding-top:24px;} #Content8 .Camel-focus .h3_b::after{width:50px;} #Content8 .Camel-focus .ul_b{padding-top:60px; right:0px;} #Content8 .Camel-focus .li_b .pic{width:50px;} #Content8 .Camel-focus .li_b .p_b{font-size:14px; line-height:24px;} #Content8 .Camel-focus .focus_pic{height:241px; padding-bottom:42px;} #Content8 .Camel-focus .right_pic::after{height:120px;} } @media screen and (max-width:767px){ #Content8 .Camel-focus{padding-top:30px;} #Content8 .Camel-focus .focus_pic{width:100%; text-align:left; padding:0 0 20px 0;} #Content8 .Camel-focus .h3_b{font-size:20px; text-align:left; line-height:24px; padding-top:14px;} #Content8 .Camel-focus .h3_b::after{width:40px; left:0; right:auto;} #Content8 .Camel-focus .ul_b{padding-top:30px; right:0px; text-align:center;} #Content8 .Camel-focus .li_b{width:20%; padding:0 5px;} #Content8 .Camel-focus .li_b .pic{width:40px; margin:8px auto;} #Content8 .Camel-focus .li_b .p_b{font-size:12px; line-height:22px;} #Content8 .Camel-focus .focus_pic{height:auto; } #Content8 .Camel-focus .right_pic::after{height:80px;} #Content8 .Camel-focus .right_pic{width:100%; position:inherit;} #Content8 .Camel-focus .right_pic .span_img{text-align:center; margin:0 auto; display:block;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content9{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*发展历程*/ #Content9 .Camel-history{width:100%; display:block; float:left; position:relative;} #Content9 .Camel-history .history_pic{width:100%; } #Content9 .Camel-history .top{line-height:30px; color:#666666; font-size:16px;width:50%; padding:10% 10% 0 5%; background:rgba(255,255,255,0.5);} #Content9 .Camel-history .bottom{width:100%; display:block; background:#f2f2f2; position:relative; padding-bottom:6%; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); } #Content9 .Camel-history .bottom::after{position: absolute; right:0; bottom:0; width:5%; background:#ffffff; height:100%; content:""; } #Content9 .Camel-history .title{padding-top:310px; width:38%; display:block;} #Content9 .Camel-history .h3_a{position:relative; display:block; width:100%; padding-top:60px; color:#333333; font-size:42px; line-height:50px; padding-bottom:110px; } #Content9 .Camel-history .h3_a::after{position:absolute; left:0; top:0; width:85px; height:1px; content:"";background:#e81c0f; } #Content9 .Camel-history .bottom_ul{width:100%; didplay:block;} #Content9 .Camel-history .ul_a{padding-top:130px; display:block; width:100%; padding-right:20px;} #Content9 .Camel-history .h4_a{padding-left:48px; line-height:25px; position:relative; display:block; width:100%; font-weight:bold; font-size:18px; color:#333333; } #Content9 .Camel-history .h4_a .i{position: absolute; left:0; top:0; width:25px;} #Content9 .Camel-history .h4_a .ri-time-line{color:#e81c0f; font-size:25px;} #Content9 .Camel-history .p_a{padding-left:48px; display:block; color:#666666; font-size:18px; line-height:24px; padding-top:14px; } #Content9 .Camel-history .slick-prev, #Content9 .Camel-history .slick-next{width:12px; height:20px; background-size:100% 100%; top:0; left:0; riight:auto;} #Content9 .Camel-history .slick-prev{background:url(/template/theme/CN/1181_left_jt.png)no-repeat; background-size:100% 100%;} #Content9 .Camel-history .slick-next{background:url(/template/theme/CN/1181_left_jt1.png)no-repeat; margin-left:50px; background-size:100% 100%;} #Content9 .Camel-history .slick-prev:hover{background:url(/template/theme/CN/1181_right_jt1.png)no-repeat; background-size:100% 100%;} #Content9 .Camel-history .slick-next:hover{background:url(/template/theme/CN/1181_right_jt.png)no-repeat; background-size:100% 100%;} #Content9 .Camel-history .right_pic{position:absolute; right:0; top:10%;width: 59.643%;} #Content9 .Camel-history .right_pic .span_img{width:100%;} #Content9 .Camel-history .right_pic img{display:block;} @media screen and (max-width:1629px){ #Content9 .Camel-history .top{width: 56%; padding:12% 24% 0 6%; font-size:14px;line-height:24px;} #Content9 .Camel-history .right_pic{top:10%;} #Content9 .Camel-history .title{padding-top:217px;} #Content9 .Camel-history .h3_a{padding:40px 0 66px;font-size: 36px;line-height: 40px;} #Content9 .Camel-history .ul_a{padding-top:60px;} } @media screen and (max-width:1199px){ #Content9 .Camel-history .top{width: 56%; padding:12% 15% 0 2%; font-size:14px; line-height:24px;} #Content9 .Camel-history .right_pic{top:10%;} #Content9 .Camel-history .title{padding-top:100px;} #Content9 .Camel-history .h3_a{padding:30px 0 46px;font-size: 30px;line-height: 34px;} #Content9 .Camel-history .h3_a::after{width:60px;} #Content9 .Camel-history .ul_a{padding-top:95px;} #Content9 .Camel-history .bottom::after{display:none;} #Content9 .Camel-history .slick-next{margin-left:40px;} #Content9 .Camel-history .h4_a{padding-left:40px;} #Content9 .Camel-history .p_a{padding:3px 0 0 40px; font-size:16px;} #Content9 .Camel-history .bottom{padding-bottom:4%;} } @media screen and (max-width:991px){ #Content9 .Camel-history .title{padding-top:40px;} #Content9 .Camel-history .ul_a{padding-top:85px;} #Content9 .Camel-history .h3_a{padding:24px 0 36px;font-size: 24px;line-height: 30px;} #Content9 .Camel-history .h3_a::after{width:50px;} #Content9 .Camel-history .top{ padding:12% 18% 0 2%; } #Content9 .Camel-history .bottom{padding-bottom:2%;} } @media screen and (max-width:767px){ #Content9 .Camel-history .top{width:100%; padding:5% 15px;} #Content9 .Camel-history .right_pic{position:inherit;} #Content9 .Camel-history .title{padding-top:10px; width:100%;} #Content9 .Camel-history .h3_a{font-size: 20px; text-align: left;line-height: 24px; padding: 14px 0 20px;} #Content9 .Camel-history .h3_a::after{width:40px;} #Content9 .Camel-history .ul_a{padding-top:0; padding-right:0;} #Content9 .Camel-history .slick-list{margin:0 15px;} #Content9 .Camel-history .slick-prev, #Content9 .Camel-history .slick-next{width:10px; height:18px;background-size:100% 100%; top:60%; margin-top:-5px;} #Content9 .Camel-history .slick-prev{left:0;} #Content9 .Camel-history .slick-next{margin-left:0; right:0; left:auto;} #Content9 .Camel-history .h4_a{font-size:16px;line-height: 22px; padding-left:30px;} #Content9 .Camel-history .h4_a .ri-time-line{font-size:20px;} #Content9 .Camel-history .p_a{ padding-left:30px;font-size: 12px;line-height: 20px;} #Content9 .Camel-history .right_pic{width:100%;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content10{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*关于精国*/ #Content10 .Camel-sincer{width:100%; display:flex; height:auto; float:left; padding:50px 0; position:relative; } #Content10 .Camel-sincer::after{width:15.6%; position:absolute; left:0; top:0; height:100%; background:url(/template/theme/CN/1418_gy_bg.jpg)no-repeat; background-size:100% 100%; } #Content10 .Camel-sincer .title{width:100%; padding-left:30%; display:block; text-align:right;} #Content10 .Camel-sincer .h3_a{position:relative; display:block; width:100%; padding-top:20px; color:#333333; font-size:32px; line-height:40px; padding-bottom:20px; } #Content10 .Camel-sincer .h3_a::after{position:absolute; right:0; top:0; width:85px; height:1px; content:"";background:#e81c0f; } #Content10 .Camel-sincer .text_a{line-height:32px; color:#666666; font-size:16px;} #Content10 .Camel-sincer .bottom_width{width:100%; padding:20px 0 0 20%; display:block; position:relative;} #Content10 .Camel-sincer .right{width:900px; height:685px; float:right; position:relative;} #Content10 .Camel-sincer .right img{display:block;} #Content10 .Camel-sincer .right_bott{position: absolute; right:0; bottom:40%; width:90px;} #Content10 .Camel-sincer .right_bott .li_b{display:block; width:100%; margin:20px 0; color:#333333; font-size:14px; line-height:16px; padding-left:22px; position:relative; } #Content10 .Camel-sincer .right_bott .i_b{position:absolute; left:0; top:1px;text-align:center; } #Content10 .Camel-sincer .right_bott .ri-star-fill{font-size:16px;color:#e81c0f;} #Content10 .Camel-sincer .right_bott .i_b1{background:#e81c0f; border-radius:50%; width:9px; height:9px; margin:3px; display:block; } #Content10 .Camel-sincer .right_bott .ri-map-pin-2-fill{font-size:18px;color:#e81c0f;} #Content10 .Camel-sincer .right_ul{width:100%; display:block; position:absolute; left:0; top:0; height:100%;} #Content10 .Camel-sincer .li_a{position:absolute;text-align:center; margin:0 auto; cursor: pointer;} #Content10 .Camel-sincer .i_a{text-align:center; margin:0 auto;} #Content10 .Camel-sincer .i_a1{background:#e81c0f; border-radius:50%; width:9px; height:9px; margin:3px; display:block; } #Content10 .Camel-sincer .li_a .ri-star-fill{font-size:16px;color:#e81c0f;} #Content10 .Camel-sincer .li_a .ri-map-pin-2-fill{font-size:24px;color:#e81c0f;} #Content10 .Camel-sincer .li_a .p_a{line-height:30px; color:#ea1107; font-size:18px; left:50%; text-aling:center; opacity: 0; position:absolute; bottom:-30px; width:70px; margin-left:-35px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content10 .Camel-sincer .li_a:hover .p_a{opacity: 1; } #Content10 .Camel-sincer .li_a1{right:18%; top:15%;} #Content10 .Camel-sincer .li_a2{right: 23.1%; top: 17%;} #Content10 .Camel-sincer .li_a3{right: 30.4%;top: 28.7%;} #Content10 .Camel-sincer .li_a4{ right: 20.1%; top: 32%;} #Content10 .Camel-sincer .li_a5{right: 22%;top: 36.2%;} #Content10 .Camel-sincer .li_a6{right: 31.3%; top: 37.6%;} #Content10 .Camel-sincer .li_a7{right: 24.3%;top: 50.4%;} #Content10 .Camel-sincer .li_a8{right: 22.9%;top: 57.1%;} #Content10 .Camel-sincer .li_a9{right: 20%;top: 60.2%;} #Content10 .Camel-sincer .li_a10{right: 22%;top: 63.2%;} #Content10 .Camel-sincer .li_a11{right: 54%;top: 65.2%;} #Content10 .Camel-sincer .li_a12{right: 34.4%;top: 60.2%;} #Content10 .Camel-sincer .li_a13{right: 29.5%;top: 73.2%;} #Content10 .Camel-sincer .li_a14{right: 18.1%;top: 76.2%;} #Content10 .Camel-sincer .li_a15{right: 18.5%;top: 79%;} #Content10 .Camel-sincer .li_a16{right: 19.1%;top: 80.6%;} #Content10 .Camel-sincer .li_a17{right: 19.5%;top: 84.2%;} #Content10 .Camel-sincer .li_a18{right: 32.9%;top: 84%;} #Content10 .Camel-sincer .li_a19{right: 31.5%;top: 85.2%;} #Content10 .Camel-sincer .li_a20{right: 33.1%;top: 86.7%;} #Content10 .Camel-sincer .left{position:absolute; left:20%; width:280px;} #Content10 .Camel-sincer .ul1{ margin:0 auto; width:90%;} #Content10 .Camel-sincer .l1{ float:left; width:100%; padding:0; margin-top:65px;} #Content10 .Camel-sincer .b_a{color:#333333; font-size:60px;height:62px; line-height:62px;font-weight:bold;} #Content10 .Camel-sincer .nub{ float:left; width:100%; color:#333333; font-size:60px; height:62px; line-height:62px; font-weight:bold; position:relative; overflow:hidden;} #Content10 .Camel-sincer .nub font{ display:inline-block; vertical-align:top; line-height:19px; margin:24px 0 0 8px; border-radius:50%; width:19px; height:19px; background:#e7e7e7; color:#666666; font-size:12px;} #Content10 .Camel-sincer .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:10px;} #Content10 .Camel-sincer .slick-dots{ height:10px; position:static;} #Content10 .Camel-sincer .slick-dots li{ width:10px; height:10px; border-radius:50%; text-indent:-999px; overflow:hidden; background:#fff; vertical-align:top; border:1px solid #e81c0f;} #Content10 .Camel-sincer .slick-dots .slick-active{ background:#e81c0f;} #Content10 .Camel-sincer .dataNums{position:relative;top:50%;display:inline-block; vertical-align:top;height:62px;margin-top:-35px;text-align:center} #Content10 .Camel-sincer .dataNums .dataOne{ display:inline-block; vertical-align:top; width:34px;height:61px;text-align:center;} #Content10 .Camel-sincer .dataNums .dataBoc{position:relative;width:100%;height:100%; float:left;} #Content10 .Camel-sincer .dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%;float:left;} #Content10 .Camel-sincer .dataNums .tt span{float:left;width:100%;height:100%;} @media screen and (max-width:1629px){ #Content10 .Camel-sincer .bottom_width{padding-left:10%;} #Content10 .Camel-sincer::after{width:8%;} #Content10 .Camel-sincer .h3_a{font-size: 30px; line-height: 40px; padding:30px 0 20px;} #Content10 .Camel-sincer{padding:80px 0;} #Content10 .Camel-sincer .left{left:10%;} } @media screen and (max-width:1366px){ #Content10 .Camel-sincer .left{position:inherit; width:100%; margin:0 auto; left:0; float:left;} #Content10 .Camel-sincer .l1{width:25%; float:left;} #Content10 .Camel-sincer .tit2{font-size:15px;} } @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ #Content10 .Camel-sincer .bottom_width{padding-left:0;} #Content10 .Camel-sincer{padding:60px 0;} #Content10 .Camel-sincer .left{position:inherit; width:100%; margin:0 auto; left:0; float:left;} #Content10 .Camel-sincer .l1{width:25%; float:left;} #Content10 .Camel-sincer .tit2{font-size:15px;} #Content10 .Camel-sincer::after{width:8%; display:none;} #Content10 .Camel-sincer .h3_a{font-size: 30px;line-height: 34px; padding:30px 0 20px;} #Content10 .Camel-sincer .right{width:950px;} #Content10 .Camel-sincer .title{padding-left:0; text-align:left;} #Content10 .Camel-sincer .h3_a::after{width:60px; left:0;} #Content10 .Camel-sincer .text_a{line-height:24px;} #Content10 .Camel-sincer .right_bott{bottom:45%;} #Content10 .Camel-sincer .li_a1{right:17%; top:13%;} #Content10 .Camel-sincer .li_a2{right: 23.1%; top: 15%;} #Content10 .Camel-sincer .li_a3{right: 30.4%;top: 24.9%;} #Content10 .Camel-sincer .li_a4{ right: 20.1%; top: 29%;} #Content10 .Camel-sincer .li_a5{right: 22%;top: 33.2%;} #Content10 .Camel-sincer .li_a6{right: 31.3%; top:32.6%;} #Content10 .Camel-sincer .li_a7{right: 24.3%;top:45.4%;} #Content10 .Camel-sincer .li_a8{right: 22.9%;top: 54.1%;} #Content10 .Camel-sincer .li_a9{right: 20%;top: 57.2%;} #Content10 .Camel-sincer .li_a10{right: 22%;top: 60.2%;} #Content10 .Camel-sincer .li_a11{right: 54%;top: 58.2%;} #Content10 .Camel-sincer .li_a12{right: 34.4%;top: 53.2%;} #Content10 .Camel-sincer .li_a13{right: 28.5%; top: 63.2%;} #Content10 .Camel-sincer .li_a14{right: 18.1%;top: 67.2%;} #Content10 .Camel-sincer .li_a15{right: 18.5%;top: 70%;} #Content10 .Camel-sincer .li_a16{right: 19.1%;top: 71.6%;} #Content10 .Camel-sincer .li_a17{right: 19.5%;top: 74.2%;} #Content10 .Camel-sincer .li_a18{right: 32.9%;top: 74.5%;} #Content10 .Camel-sincer .li_a19{right: 31.5%;top: 75.2%;} #Content10 .Camel-sincer .li_a20{right: 33.1%;top: 76.7%;} #Content10 .Camel-sincer .l1{margin-top:0;} #Content10 .Camel-sincer .tit2{font-size:14px;} } @media screen and (max-width:991px){ #Content10 .Camel-sincer{padding:40px 0;} #Content10 .Camel-sincer .left{position:inherit; width:100%; margin:0 auto; left:0; float:left;} #Content10 .Camel-sincer .l1{width:25%; float:left;} #Content10 .Camel-sincer .tit2{font-size:15px;} #Content10 .Camel-sincer::after{width:8%; display:none;} #Content10 .Camel-sincer .h3_a{font-size: 24px;line-height: 30px; padding:20px 0 20px;} #Content10 .Camel-sincer .right{width:720px; height:646px;} #Content10 .Camel-sincer .title{padding-left:0; text-align:left;} #Content10 .Camel-sincer .h3_a::after{width:60px; left:0;} #Content10 .Camel-sincer .text_a{line-height:22px; font-size:14px;} #Content10 .Camel-sincer .right_bott{bottom:45%;} #Content10 .Camel-sincer .li_a1{right:17%; top:13%;} #Content10 .Camel-sincer .li_a2{right: 23.1%; top:14%;} #Content10 .Camel-sincer .li_a3{right: 30.4%;top:23.9%;} #Content10 .Camel-sincer .li_a4{ right: 20.1%; top:28%;} #Content10 .Camel-sincer .li_a5{right: 22%;top:31.2%;} #Content10 .Camel-sincer .li_a6{right: 31.3%; top:31.6%;} #Content10 .Camel-sincer .li_a7{right: 24.3%;top:42.4%;} #Content10 .Camel-sincer .li_a8{right: 22.9%;top:48.1%;} #Content10 .Camel-sincer .li_a9{right: 20%;top: 50.2%;} #Content10 .Camel-sincer .li_a10{right: 22%;top:53.2%;} #Content10 .Camel-sincer .li_a11{right: 54%;top:55.2%;} #Content10 .Camel-sincer .li_a12{right: 34.4%;top:51.2%;} #Content10 .Camel-sincer .li_a13{right: 28.5%; top:60.2%;} #Content10 .Camel-sincer .li_a14{right: 18.1%;top: 64.2%;} #Content10 .Camel-sincer .li_a15{right: 18.5%; top: 67%;} #Content10 .Camel-sincer .li_a16{right: 19.1%;top: 68.6%;} #Content10 .Camel-sincer .li_a17{right: 19.5%;top: 71.2%;} #Content10 .Camel-sincer .li_a18{right: 32.9%;top:70.5%;} #Content10 .Camel-sincer .li_a19{right: 31.5%;top:72.2%;} #Content10 .Camel-sincer .li_a20{right: 33.1%;top:72.7%;} #Content10 .Camel-sincer .right_bott .li_b{margin:10px 0;} #Content10 .Camel-sincer .l1{margin-top:0;} #Content10 .Camel-sincer .tit2{font-size:14px;} #Content10 .Camel-sincer .nub, #Content10 .Camel-sincer .b_a{font-size:36px;} #Content10 .Camel-sincer .dataNums .dataOne{width:20px;} #Content10 .Camel-sincer .tit2{font-size:12px;} #Content10 .Camel-sincer .nub, #Content10 .Camel-sincer .b_a{height:40px; line-height:40px;} #Content10 .Camel-sincer .dataNums{height:40px; margin-top:-20px;} #Content10 .Camel-sincer .dataNums .dataOne{height:40px;} #Content10 .Camel-sincer .ul1{width:100%;} } @media screen and (max-width:767px){ #Content10 .Camel-sincer{padding:30px 0;} #Content10 .Camel-sincer .h3_a{font-size: 20px;text-align: left; line-height: 24px; padding: 14px 0 15px;} #Content10 .Camel-sincer .h3_a::after{width:40px;} #Content10 .Camel-sincer .bottom_width{padding-top:20px;} #Content10 .Camel-sincer .right{width:100%; height:68%; padding-bottom:50px;margin:0 auto; float:none;} #Content10 .Camel-sincer .right .span_img{display:block; width:100%; height:100;} #Content10 .Camel-sincer .right_ul{display:block; width:100%;height:98%;} #Content10 .Camel-sincer .right_bott{position:absolute;} #Content10 .Camel-sincer .right_bott{bottom:0; right:0; width:100%;} #Content10 .Camel-sincer .right_bott .li_b{width:31%; float:left; margin:15px 1%;} #Content10 .Camel-sincer .nub, #Content10 .Camel-sincer .b_a{font-size:30px;} #Content10 .Camel-sincer .dataNums .dataOne{width:16px;} #Content10 .Camel-sincer .tit2{font-size:10px!important; line-height:20px; word-break:keep-all; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; } #Content10 .Camel-sincer .l1{width:50%; text-align:center;} #Content10 .Camel-sincer .i_a1{width:4px; height:4px;} #Content10 .Camel-sincer .li_a .ri-map-pin-2-fill{font-size:18px;} #Content10 .Camel-sincer .li_a .p_a{font-size:12px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content11{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*愿景*/ #Content11 .Camel-vision{width:100%;display:block; float:left; padding:140px 0;} #Content11 .Camel-vision .li_a{width:48%; margin-right:4%;height:224px; float:left; padding:4.3% 7% 4.3% 5%;background:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content11 .Camel-vision .li_a:nth-child(2n){margin-right:0;} #Content11 .Camel-vision .li_a a{width:100%; display:block; padding-left:29%; position:relative; } #Content11 .Camel-vision .li_a .h3_a{font-size:48px; color:#333333; line-height:50px; position:absolute; left:0; top:0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content11 .Camel-vision .li_a .p_a{color:#333333; font-size:20px; line-height:24px; padding-bottom:20px; display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content11 .Camel-vision .li_a .span_a{color:#888888; font-size:12px; line-height:16px; display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content11 .Camel-vision .li_a:hover{background:#e81c0f; -webkit-transform: translateY(-10px); transform: translateY(-10px);} #Content11 .Camel-vision .li_a:hover .h3_a, #Content11 .Camel-vision .li_a:hover .p_a, #Content11 .Camel-vision .li_a:hover .span_a{color:#ffffff;} @media screen and (max-width:1629px){ #Content11 .Camel-vision{padding:120px 0;} #Content11 .Camel-vision .li_a a{padding-left:24%;} #Content11 .Camel-vision .li_a{padding:3.3% 6% 3.3% 4%; height:152px;} #Content11 .Camel-vision .li_a .h3_a{font-size:40px; line-height:46px;} #Content11 .Camel-vision .li_a .p_a{font-size:18px; line-height:22px;} } @media screen and (max-width:1199px){ #Content11 .Camel-vision{padding:90px 0;} #Content11 .Camel-vision .li_a a{padding-left:20%;} #Content11 .Camel-vision .li_a{padding:3.3% 6% 3.3% 4%; height:128px;} #Content11 .Camel-vision .li_a .h3_a{font-size:30px; line-height:40px;} #Content11 .Camel-vision .li_a .p_a{font-size:16px; line-height:22px; padding-bottom:10px;} } @media screen and (max-width:991px){ #Content11 .Camel-vision{padding:60px 0;} #Content11 .Camel-vision .li_a a{padding-left:20%;} #Content11 .Camel-vision .li_a{padding:5% 7% 5% 6%; height:auto; width:100%; margin-right:0; margin-bottom:20px;} #Content11 .Camel-vision .li_a .h3_a{font-size:30px; line-height:40px;} #Content11 .Camel-vision .li_a .p_a{font-size:16px; line-height:22px; padding-bottom:10px;} } @media screen and (max-width:767px){ #Content11 .Camel-vision{padding:30px 0;} #Content11 .Camel-vision .li_a a{padding-left:20%;} #Content11 .Camel-vision .li_a{padding:5% 7% 5% 6%; height:auto; width:100%; margin-right:0; margin-bottom:20px;} #Content11 .Camel-vision .li_a .h3_a{font-size:22px; line-height:30px;} #Content11 .Camel-vision .li_a .p_a{font-size:15px; line-height:22px; padding-bottom:6px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content12{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*定位*/ #Content12 .Camel-location{width:100%; display:block; float:left; text-align:center;} #Content12 .Camel-location .h3_a{line-height:40px; text-align:center; color:#333333; font-size:30px; display:block; margin-bottom:30px; } #Content12 .Camel-location .h3_a .span_a{display:inline-block;} #Content12 .Camel-location .text_a{text-align:center; width:100%; display:block; line-height:36px; font-size:16px; color:#666666; } @media screen and (max-width:1629px){ #Content12 .Camel-location .h3_a{font-size:32px; line-height:36px;} } @media screen and (max-width:1199px){ #Content12 .Camel-location .h3_a{font-size:24px; line-height:30px;} } @media screen and (max-width:991px){ #Content12 .Camel-location .h3_a{font-size:22px; line-height:26px; margin-bottom:20px;} #Content12 .Camel-location .text_a{ line-height:30px;} } @media screen and (max-width:767px){ #Content12 .Camel-location .h3_a{font-size:20px; line-height:26px; margin-bottom:12px;} #Content12 .Camel-location .text_a{ line-height:22px;font-size:14px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #List{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*合作伙伴*/ #List .Camel-partne{float:left; width:100%; display:block;} #List .Camel-partne .li_img{width:16.666%; float:left;background: #f6f6f6; display: block; position:relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.3s ease; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List .Camel-partne .li_img img{display:block;} #List .Camel-partne .li_img a{display:block; width:100%; height:100%; position: relative; z-index:2;} #List .Camel-partne .li_img:nth-child(2), #List .Camel-partne .li_img:nth-child(4), #List .Camel-partne .li_img:nth-child(6), #List .Camel-partne .li_img:nth-child(7), #List .Camel-partne .li_img:nth-child(9), #List .Camel-partne .li_img:nth-child(11), #List .Camel-partne .li_img:nth-child(14), #List .Camel-partne .li_img:nth-child(16), #List .Camel-partne .li_img:nth-child(18), #List .Camel-partne .li_img:nth-child(19), #List .Camel-partne .li_img:nth-child(21), #List .Camel-partne .li_img:nth-child(23), #List .Camel-partne .li_img:nth-child(26), #List .Camel-partne .li_img:nth-child(28), #List .Camel-partne .li_img:nth-child(30){background:#ededed;} #List .Camel-partne .li_img:hover{ background:#ffffff!important; -webkit-filter:none;-moz-filter:none;-o-filter:none;filter:none; } #List .Camel-partne .li_img:hover a{ box-shadow:0 0 20px rgba(232,28,15,0.2);} @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ #List .Camel-partne .li_img{width:25%;} #List .Camel-partne .li_img:nth-child(6), #List .Camel-partne .li_img:nth-child(9), #List .Camel-partne .li_img:nth-child(11), #List .Camel-partne .li_img:nth-child(14), #List .Camel-partne .li_img:nth-child(16), #List .Camel-partne .li_img:nth-child(19), #List .Camel-partne .li_img:nth-child(30){background:#f6f6f6;} #List .Camel-partne .li_img:nth-child(2), #List .Camel-partne .li_img:nth-child(4), #List .Camel-partne .li_img:nth-child(5), #List .Camel-partne .li_img:nth-child(7), #List .Camel-partne .li_img:nth-child(10), #List .Camel-partne .li_img:nth-child(12), #List .Camel-partne .li_img:nth-child(13), #List .Camel-partne .li_img:nth-child(15), #List .Camel-partne .li_img:nth-child(18), #List .Camel-partne .li_img:nth-child(20), #List .Camel-partne .li_img:nth-child(21), #List .Camel-partne .li_img:nth-child(23), #List .Camel-partne .li_img:nth-child(26), #List .Camel-partne .li_img:nth-child(28), #List .Camel-partne .li_img:nth-child(29){background:#ededed;} } @media screen and (max-width:991px){ #List .Camel-partne .li_img{width:33.333%;} #List .Camel-partne .li_img:nth-child(5), #List .Camel-partne .li_img:nth-child(7), #List .Camel-partne .li_img:nth-child(11), #List .Camel-partne .li_img:nth-child(13), #List .Camel-partne .li_img:nth-child(15), #List .Camel-partne .li_img:nth-child(19), #List .Camel-partne .li_img:nth-child(21), #List .Camel-partne .li_img:nth-child(23), #List .Camel-partne .li_img:nth-child(27), #List .Camel-partne .li_img:nth-child(29){background:#f6f6f6;} #List .Camel-partne .li_img:nth-child(2n){background:#ededed;} } @media screen and (max-width:767px){ } /*新闻分页*/ #Pagination .Camel-fya{width:100%; float:left; display:block; position:relative; } #Pagination .Camel-fya .wack1{ float:left; width:100%; padding:0; text-align:center;} #Pagination .Camel-fya .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .Camel-fya .pz_fy a { float:left; width:32px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:38px; -webkit-border-radius:32px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px; } #Pagination .Camel-fya .pz_fy a:hover, #Pagination .Camel-fya .pz_fy a.on{color:#fff; border:1px solid #e81c0f; background-color:#e81c0f;} #Pagination .Camel-fya .pz_fy .l_fy{ background:url(/template/theme/CN/1422_prve_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination .Camel-fya .pz_fy .r_fy{ background:url(/template/theme/CN/1422_next_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination .Camel-fya .pz_fy .l_fy:hover{ background:url(/template/theme/CN/1422_prve_fy_h.png) center no-repeat #e81c0f;} #Pagination .Camel-fya .pz_fy .r_fy:hover{ background:url(/template/theme/CN/1422_next_fy_h.png) center no-repeat #e81c0f;} @media screen and (max-width:1023px){ #Pagination .Camel-fya .wack1{padding:0; } #Pagination .Camel-fya .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .Camel-fya .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #e81c0f; background:#e81c0f; border-radius:16px; overflow:hidden;} #Pagination .Camel-fya .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content13{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*加入精诚*/ @font-face { font-family: 'sy_light'; src: url('fonts/SourceHanSansCN-Light.otf'); font-weight: normal; font-style: normal; } #Content13 .w_1300{width:1300px; margin:0 auto; display:block;} #Content13 .Camel-concept{width:100%; display:block; float:left; position:relative; padding-left:326px;} #Content13 .Camel-concept .h3_a{position:absolute; left:0; top:0; color:#000000; font-size:90px; width:182px; font-family: "sy_light"; margin-top:-5px; line-height:90px; } #Content13 .Camel-concept .text_a{color:#333333; font-size:16px; line-height:30px; min-height:100px;} @media screen and (max-width:1629px){ #Content13 .w_1300{width:1200px;} #Content13 .Camel-concept{padding-left:240px;} } @media screen and (max-width:1199px){ #Content13 .w_1300{width:992px;} #Content13 .Camel-concept{padding-left:240px;} #Content13 .Camel-concept .h3_a{font-size:70px; line-height:70px; margin-top:20px;} } @media screen and (max-width:991px){ #Content13 .w_1300{width:768px;} #Content13 .Camel-concept{padding-left:155px;} #Content13 .Camel-concept .h3_a{font-size:50px; width:135px; line-height:50px; margin-top:20px;} } @media screen and (max-width:767px){ #Content13 .w_1300{width:100%; padding:0 15px;} #Content13 .Camel-concept{padding-left:0;} #Content13 .Camel-concept .h3_a{font-size:20px; position:inherit; width:100%; line-height:30px; margin-top:0;} #Content13 .Camel-concept .text_a{margin-top:10px;line-height:22px; font-size:14px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content14{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*办公环境*/ #Content14 .Camel-office{width:100%; display:block; float:left;} #Content14 .Camel-office img{display:block; height:100%;} #Content14 .Camel-office .li_a{float:left; height:725px; overflow:hidden;} #Content14 .Camel-office .li_a1{width:36.364%;} #Content14 .Camel-office .li_a2{width:44.562%;} #Content14 .Camel-office .li_a3{width:19.074%;} #Content14 .Camel-office .li_b{width:50%; float:left; height:374px; overflow:hidden; position: relative;} #Content14 .Camel-office .pic{ padding:20px; width:100%; text-align:center; height:100%; position:absolute; left:0; top:0; } #Content14 .Camel-office .span{color:#ffffff; border:1px solid rgba(255,255,255,0.8); font-size:90px; line-height: 90px; font-family: "sy_light"; width:100%; height:100%; display:flex; align-items: center;justify-content: center; } #Content14 .Camel-office .bottom{width:100%; height:351px; overflow:hidden;} @media screen and (max-width:1629px){ #Content14 .Camel-office .li_a{height:463px;} #Content14 .Camel-office .li_b{height:239px;} #Content14 .Camel-office .bottom{height:224px;} #Content14 .Camel-office .span{font-size:70px; line-height:70px;} } @media screen and (max-width:1199px){ #Content14 .Camel-office .li_a{height:404px;} #Content14 .Camel-office .li_b{height:208px;} #Content14 .Camel-office .bottom{height:196px;} #Content14 .Camel-office .span{font-size:60px; line-height:60px;} } @media screen and (max-width:991px){ #Content14 .Camel-office .li_a{height:323px;} #Content14 .Camel-office .li_b{height:167px;} #Content14 .Camel-office .bottom{height:156px;} #Content14 .Camel-office .span{font-size:40px; line-height:40px;} #Content14 .Camel-office .pic{padding:10px;} } @media screen and (max-width:767px){ #Content14 .Camel-office .li_a{height:143px;} #Content14 .Camel-office .li_b{height:74px;} #Content14 .Camel-office .bottom{height:69px;} #Content14 .Camel-office .span{font-size:20px; line-height:20px;} #Content14 .Camel-office .pic{padding:5px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content15{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } #Content15 .Camel-jon{width:100%; display:block; float:left;} #Content15 .Camel-jon .li_c{width:49%; margin:0 2% 2% 0; float: left; background:#ffffff; padding:36px; cursor: pointer; -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; } #Content15 .Camel-jon .li_c .h3_c{color:#333333; font-size:28px; line-height:50px; dispaly:block; position:relative; padding-right:20px; width:100%; -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; } #Content15 .Camel-jon .li_c:nth-child(2n){margin-right:0;} #Content15 .Camel-jon .li_c .i{position:absolute; right:0; bottom:2px; line-height:20px; color:#e81c0f; font-size:14px; -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; } #Content15 .Camel-jon .li_c .text{margin-top:42px; width:100%; display:block; line-height:30px;} #Content15 .Camel-jon .li_c .span_a{font-size:16px; color:#333333; float:left; display:inline-block; -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; } #Content15 .Camel-jon .li_c .span_b{color:#c0c0c0;font-size:16px;float:left; display:inline-block; padding:0 10px; -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; } #Content15 .Camel-jon .li_c:hover{background:#e81c0f;} #Content15 .Camel-jon .li_c:hover .h3_c, #Content15 .Camel-jon .li_c:hover .i, #Content15 .Camel-jon .li_c:hover .span_a, #Content15 .Camel-jon .li_c:hover .span_b{color:#ffffff;} /*弹出层*/ #Content15 .Camel-jon .dn{ display: none;} #Content15 .Camel-jon .m-layer-bg { position: fixed; z-index: 888; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; } #Content15 .Camel-jon .m-layer{width:812px; position: fixed; top: 20%; margin-top: -270px; padding:0 50px; margin:0 auto; left:50%; margin-left:-406px; z-index:9999; } #Content15 .Camel-jon .li_tc{background:#ffffff; border-radius:6px; padding:30px; width:100%;} #Content15 .Camel-jon .li_tc .h4_a{color:#333333; font-size:24px; font-weight:bold; display:block; line-height:30px;} #Content15 .Camel-jon .li_tc .text_a{width:100%; display:block; line-height:30px; color:#444444; font-size:16px; margin-bottom:40px; } #Content15 .Camel-jon .li_tc .b{font-size:16px; color:#e81c0f; padding:24px 0; display: block;} #Content15 .Camel-jon .li_tc .more{width:158px; height:42px; line-height:42px; background:#e81c0f; color:#ffffff; font-size:16px; display:block; text-align:center; } #Content15 .Camel-jon .u-close{position:absolute; right:0; top:2px;width: 22px;cursor: pointer; display: inline-block; height: 22px; } #Content15 .Camel-jon .u-close:hover .navbtna, #Content15 .Camel-jon .u-close:hover .navbtna::after, #Content15 .Camel-jon .u-close:hover .navbtna::before { width: 22px; } #Content15 .Camel-jon .u-close .navbtna { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#ffffff; background: transparent; } #Content15 .Camel-jon .u-close .navbtna::after, #Content15 .Camel-jon .u-close .navbtna::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#ffffff; } #Content15 .Camel-jon .u-close .navbtna::after { top:-8px; } #Content15 .Camel-jon .u-close .navbtna::before { top:8px; } #Content15 .Camel-jon .u-close .navbtna::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;background:#ffffff; } #Content15 .Camel-jon .u-close .navbtna::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;background:#ffffff; } @media screen and (max-width:1629px){ #Content15 .Camel-jon .li_c .h3_c{font-size: 26px;line-height: 40px;} #Content15 .Camel-jon .li_c .text{margin-top:30px;} } @media screen and (max-width:1199px){ #Content15 .Camel-jon .li_c .h3_c{font-size:24px;line-height: 30px;} #Content15 .Camel-jon .li_c .text{margin-top:20px;} #Content15 .Camel-jon .li_c{padding:26px;} } @media screen and (max-width:991px){ #Content15 .Camel-jon .li_c .h3_c{font-size:20px;line-height:26px;} #Content15 .Camel-jon .li_c .text{margin-top:20px;} #Content15 .Camel-jon .li_c{padding:20px;} #Content15 .Camel-jon .li_c .span_a{font-size:14px;} #Content15 .Camel-jon .li_c .span_b{font-size:14px; padding:0 6px;} #Content15 .Camel-jon .m-layer{width:700px; padding:0 30px; margin-left:-350px;} #Content15 .Camel-jon .li_tc{padding:20px;} #Content15 .Camel-jon .li_tc .h4_a{font-size:20px;} #Content15 .Camel-jon .li_tc .text_a{margin-bottom:20px;} #Content15 .Camel-jon .li_tc .more{width:140px; height:36px; line-height:36px;} #Content15 .Camel-jon .li_tc .b{padding:16px 0;} } @media screen and (max-width:767px){ #Content15 .Camel-jon .li_c .h3_c{font-size:18px;line-height:24px;} #Content15 .Camel-jon .li_c .text{margin-top:10px;} #Content15 .Camel-jon .li_c{padding:12px; width:100%;} #Content15 .Camel-jon .li_c:nth-child(2n){margin-right:0;} #Content15 .Camel-jon .li_c .span_a{font-size:12px;} #Content15 .Camel-jon .li_c .span_b{font-size:12px; padding:0 3px;} #Content15 .Camel-jon .m-layer{width:100%; padding:0 26px; margin-left:0; left:0; top:20%;} #Content15 .Camel-jon .li_tc{padding:20px; height:320px; overflow-y: auto;} /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Content15 .Camel-jon .li_tc::-webkit-scrollbar { width:6px; height:6px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Content15 .Camel-jon .li_tc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Content15 .Camel-jon .li_tc::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(232,28,15,0.9);} #Content15 .Camel-jon .li_tc .h4_a{font-size:16px;} #Content15 .Camel-jon .li_tc .text_a{margin-bottom:20px; font-size:12px; line-height:22px;} #Content15 .Camel-jon .li_tc .more{width:100px; height:30px; line-height:30px;} #Content15 .Camel-jon .li_tc .b{padding:10px 0; font-size:14px;} } /*新闻资讯*/ #Content16 .Camel-news{width:100%; display:block; float:left;} #Content16 .Camel-news .title_a{width:100%; display:block; position:relative; padding-bottom:35px; } #Content16 .Camel-news .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #Content16 .Camel-news .span_aa{color:#666666; font-size:24px; display:block; line-height:32px; padding:15px 0 22px;} #Content16 .Camel-news .news_xul{ position:relative; display:block; width:100%; height:71px;} #Content16 .Camel-news .news_xul::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #Content16 .Camel-news .news_xul::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; right:0;border-radius:50%; bottom:0; } #Content16 .Camel-news .news_xul .li_xw{ line-height:24px; margin-right:58px; position:relative; float:left; } #Content16 .Camel-news .news_xul .li_xw a::after{position: absolute; left:0; bottom:-1px; height:3px; background:#e81c0f; width:0; content:""; z-index:2; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #Content16 .Camel-news .news_xul a{color:#333333; font-size:24px; width:100%; padding:0 6px 36px; position:relative;} #Content16 .Camel-news .li_xw:hover a, #Content16 .Camel-news .li_xw.on a{color:#e81c0f;} #Content16 .Camel-news .li_xw:hover a::after, #Content16 .Camel-news .li_xw.on a::after{width:100%;} @media screen and (max-width:1629px){ #Content16 .Camel-news .h3_a{font-size:40px; line-height:54px;} #Content16 .Camel-news .span_aa{font-size: 20px; line-height:26px; padding:10px 0 22px;} #Content16 .Camel-news .title_a{padding-bottom:30px;} #Content16 .Camel-news .news_xul .li_xw a{padding-bottom:30px;} #Content16 .Camel-news .news_xul{height:65px;} } @media screen and (max-width:1199px){ #Content16 .Camel-news .h3_a{font-size:32px; line-height:42px;} #Content16 .Camel-news .span_aa{font-size:18px; line-height:24px;} } @media screen and (max-width:991px){ #Content16 .Camel-news .h3_a{font-size:24px; line-height:36px;} #Content16 .Camel-news .span_aa{font-size:16px; line-height:24px; padding:6px 0;} #Content16 .Camel-news .title_a{padding-bottom:20px;} #Content16 .Camel-news .news_xul .li_xw a{padding-bottom:20px;} #Content16 .Camel-news .news_xul a{font-size:20px;} #Content16 .Camel-news .news_xul{height:53px;} } @media screen and (max-width:767px){ #Content16 .Camel-news .h3_a{font-size:20px; line-height:24px;} #Content16 .Camel-news .span_aa{font-size:14px; line-height:22px;} #Content16 .Camel-news .title_a{padding-bottom:0;} #Content16 .Camel-news .news_xul::after{bottom:5px;} #Content16 .Camel-news .news_xul::before{width:10px; height:10px;} #Content16 .Camel-news .news_xul .li_xw{margin-right:0; width:50%; float:left;} #Content16 .Camel-news .news_xul .li_xw a{font-size:15px; padding:0 0 12px;} #Content16 .Camel-news .news_xul{height:39px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #List2{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*新闻资讯*/ #List2 .Camel-news{width:100%; display:block; float:left;} #List2 .Camel-news .title_a{width:100%; display:block; position:relative; padding-bottom:35px; } #List2 .Camel-news .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #List2 .Camel-news .span_aa{color:#666666; font-size:24px; display:block; line-height:32px; padding:15px 0 22px;} #List2 .Camel-news .news_xul{ position:relative; display:block; width:100%; height:71px;} #List2 .Camel-news .news_xul::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #List2 .Camel-news .news_xul::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; right:0;border-radius:50%; bottom:0; } #List2 .Camel-news .news_xul .li_xw{ line-height:24px; margin-right:58px; position:relative; float:left; } #List2 .Camel-news .news_xul .li_xw a::after{position: absolute; left:0; bottom:-1px; height:3px; background:#e81c0f; width:0; content:""; z-index:2; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List2 .Camel-news .news_xul a{color:#333333; font-size:24px; width:100%; padding:0 6px 36px; position:relative;} #List2 .Camel-news .li_xw:hover a, #List2 .Camel-news .li_xw.on a{color:#e81c0f;} #List2 .Camel-news .li_xw:hover a::after, #List2 .Camel-news .li_xw.on a::after{width:100%;} #List2 .Camel-news .news_list{width:100%; display:block; padding-top:80px;} #List2 .Camel-news .li_d{width:100%; display:block;} #List2 .Camel-news .li_d a{width:100%; display:block;} #List2 .Camel-news .time{width:16.66%; float: left; text-align:center; padding:0 10px;} #List2 .Camel-news .b_d{color:#444444; font-size:46px; line-height:60px; font-weight:bold; display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List2 .Camel-news .span_d{color:#444444; font-size:14px; line-height:16px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List2 .Camel-news .right{width:83.34%; float:left; padding:0px 12.5366% 50px 7%; position:relative;} #List2 .Camel-news .right::after{position:absolute; left:2px; top:0; width:1px; height:100%; background:#dedede; content:""; } #List2 .Camel-news .right::before{position:absolute; left:0; top:0; width:5px; height:20px; background:#e81c0f; content:""; z-index:1; } #List2 .Camel-news .pic{display:block;} #List2 .Camel-news .pic img{display: block;} #List2 .Camel-news .h4_a{color:#333333; font-size:28px; line-height:30px; padding:25px 0 30px; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List2 .Camel-news .p_a{line-height:30px; color:#666666; font-size:18px; display:block; width:100%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #List2 .Camel-news .text_a{margin-top:20px; padding:30px 0; position:relative; border-top:1px dashed #dedede; width:100%; display:block; } #List2 .Camel-news .span_a{color:#333333; font-size:14px; line-height: 20px; float:left;} #List2 .Camel-news .i{color:#888888; padding-right:10px;} #List2 .Camel-news .span_a{width:33%;} #List2 .Camel-news .span_1{width:auto!important; text-align:right; float:right; position:absolute; right:0; top:30px; padding:0 5px 6px; } #List2 .Camel-news .span_1::after{position:absolute; left:0; bottom:0; height:1px; width:0; content:"";background:#e81c0f; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List2 .Camel-news .span_1 .b_1{color:#e81c0f; font-size:24px; margin-top: 1px; display: block;float: right;} #List2 .Camel-news .span_1 .i{color:#333333; padding-right:10px; font-size:14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List2 .Camel-news .li_d:hover .b_d, #List2 .Camel-news .li_d:hover .span_d, #List2 .Camel-news .li_d:hover .h4_a, #List2 .Camel-news .li_d:hover .span_1 .i{color:#e81c0f;} #List2 .Camel-news .li_d:hover .span_1::after{width:100%;} @media screen and (max-width:1629px){ #List2 .Camel-news .h3_a{font-size:40px; line-height:54px;} #List2 .Camel-news .span_aa{font-size: 20px; line-height:26px; padding:10px 0 22px;} #List2 .Camel-news .title_a{padding-bottom:30px;} #List2 .Camel-news .news_xul .li_xw a{padding-bottom:30px;} #List2 .Camel-news .news_xul{height:65px;} #List2 .Camel-news .news_list{padding-top:60px;} #List2 .Camel-news .h4_a{font-size:24px; line-height:26px; padding:20px 0 25px;} #List2 .Camel-news .p_a{font-size:16px; line-height:24px;} #List2 .Camel-news .text_a{padding:20px 0;} #List2 .Camel-news .span_1{top:20px;} #List2 .Camel-news .right{padding-bottom:40px;} } @media screen and (max-width:1199px){ #List2 .Camel-news .h3_a{font-size:32px; line-height:42px;} #List2 .Camel-news .span_aa{font-size:18px; line-height:24px;} } @media screen and (max-width:991px){ #List2 .Camel-news .h3_a{font-size:24px; line-height:36px;} #List2 .Camel-news .span_aa{font-size:16px; line-height:24px; padding:6px 0;} #List2 .Camel-news .title_a{padding-bottom:20px;} #List2 .Camel-news .news_xul .li_xw a{padding-bottom:20px;} #List2 .Camel-news .news_xul a{font-size:20px;} #List2 .Camel-news .news_xul{height:53px;} #List2 .Camel-news .news_list{padding-top:40px;} #List2 .Camel-news .b_d{font-size:30px; line-height:30px;} #List2 .Camel-news .h4_a{font-size:20px; line-height:24px; padding:10px 0 13px;} #List2 .Camel-news .p_a{font-size:14px; line-height:22px;} #List2 .Camel-news .text_a{padding:12px 0; margin-top:6px;} #List2 .Camel-news .right{padding-bottom:30px;} #List2 .Camel-news .span_a{font-size:14px; width:50%;} #List2 .Camel-news .span_a:nth-child(2n){text-align:right;} #List2 .Camel-news .span_1{position:inherit; top:0;} #List2 .Camel-news .span_1 .i{font-size:14px;} } @media screen and (max-width:767px){ #List2 .Camel-news .h3_a{font-size:20px; line-height:24px;} #List2 .Camel-news .span_aa{font-size:14px; line-height:22px;} #List2 .Camel-news .title_a{padding-bottom:0;} #List2 .Camel-news .news_xul::after{bottom:5px;} #List2 .Camel-news .news_xul::before{width:10px; height:10px;} #List2 .Camel-news .news_xul .li_xw{margin-right:0; width:50%; float:left;} #List2 .Camel-news .news_xul .li_xw a{font-size:15px; padding:0 0 12px;} #List2 .Camel-news .news_xul{height:39px;} #List2 .Camel-news .news_list{padding-top:15px;} #List2 .Camel-news .time{width:100%; text-align:left; display:none;} #List2 .Camel-news .span_d{float:left;line-height:30px;} #List2 .Camel-news .b_d{display:inline-block; float:left; line-height:30px;} #List2 .Camel-news .right{padding:0 0 20px; width:100%;} #List2 .Camel-news .right::after, #List2 .Camel-news .right::before{display:none;} #List2 .Camel-news .h4_a{font-size:16px; padding:10px 0;} #List2 .Camel-news .text_a{padding:8px 0; margin-top:12px; } #List2 .Camel-news .span_a{display:none;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Pagination2{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*新闻分页*/ #Pagination2 .Camel-fy{width:100%; float:left; display:block; position:relative; padding-left:16.66%;} #Pagination2 .Camel-fy::after{position:absolute; left:16.76%; top:0; width:1px; height:100%; background:#dedede; content:""; } #Pagination2 .Camel-fy .wack1{ float:left; width:100%; padding:10px 0 80px; text-align:center;} #Pagination2 .Camel-fy .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination2 .Camel-fy .pz_fy a { float:left; width:32px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination2 .Camel-fy .pz_fy a:hover, #Pagination2 .Camel-fy .pz_fy a.on{color:#fff; border:1px solid #e81c0f; background-color:#e81c0f;} #Pagination2 .Camel-fy .pz_fy .l_fy{ background:url(/template/theme/CN/1428_prve_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination2 .Camel-fy .pz_fy .r_fy{ background:url(/template/theme/CN/1428_next_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination2 .Camel-fy .pz_fy .l_fy:hover{ background:url(/template/theme/CN/1428_prve_fy_h.png) center no-repeat #e81c0f;} #Pagination2 .Camel-fy .pz_fy .r_fy:hover{ background:url(/template/theme/CN/1428_next_fy_h.png) center no-repeat #e81c0f;} @media screen and (max-width:1629px){ #Pagination2 .Camel-fy::after{left:16.86%;} } @media screen and (max-width:1023px){ #Pagination2 .Camel-fy .wack1{padding:30px 0; } #Pagination2 .Camel-fy .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination2 .Camel-fy .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #e81c0f; background:#e81c0f; border-radius:16px; overflow:hidden;} #Pagination2 .Camel-fy .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Pagination2 .Camel-fy{padding-left:0;} #Pagination2 .Camel-fy::after{display:none;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Subpage{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*新闻详情*/ #Subpage .Camel-newspic{width:100%; display:block; float:left;} #Subpage .Camel-newspic .top{background:#f1f1f1; display:block; padding:72px 0 20px; width:100%;} #Subpage .Camel-newspic .title{display:block;} #Subpage .Camel-newspic .h4_a{color:#191628; font-size:36px; line-height:40px;} #Subpage .Camel-newspic .time{margin:25px 0 15px; color:#444444; font-size:14px;} #Subpage .Camel-newspic .span_a{float:left; margin-right:10px;} #Subpage .Camel-newspic .i{padding-right:5px; margin-top:1px; float:left;} #Subpage .Camel-newspic .ri-time-line{color:#929292; font-size:20px; } #Subpage .Camel-newspic .ri-eye-line{color:#929292; font-size:20px;} #Subpage .Camel-newspic .xq_fx{text-align:right; float:right;} #Subpage .Camel-newspic .bdsharebuttonbox, #Subpage .Camel-newspic .bdsharebuttonbox, #Subpage .Camel-newspic .bdsharebuttonbox{float: right; margin: 0 !important; } #Subpage .Camel-newspic .bds_qzone, #Subpage .Camel-newspic .bds_qzone, #Subpage .Camel-newspic .bds_tsina, #Subpage .Camel-newspic .bds_tsina, #Subpage .Camel-newspic .bds_weixin, #Subpage .Camel-newspic .bds_weixin{float: left; width: 26px !important; height: 26px!important; background: url(/template/theme/CN/1429_newd_wx.png) no-repeat !important; margin: 0 5px!important; padding: 0!important; background-position: center !important;} #Subpage .Camel-newspic .bds_qzone, #Subpage .Camel-newspic .bds_qzone{background: url(/template/theme/CN/1429_newd_qq.png) no-repeat !important; } #Subpage .Camel-newspic .bds_tsina, #Subpage .Camel-newspic .bds_tsina{background: url(/template/theme/CN/1429_newd_wb.png) no-repeat !important; } #Subpage .Camel-newspic .bds_more, #Subpage .Camel-newspic .bds_more{float: left; width: 62px !important; height: 26px!important; line-height: 26px!important; padding: 0 0 0 28px !important; background: url(/template/theme/CN/1429_newsd_fx.png) no-repeat left!important; font-size: 16px !important; color: #444 !important; margin: 0 0 0 12px !important; } #Subpage .Camel-newspic .pic_text{width:100%; display:block; padding:60px 0;} #Subpage .Camel-newspic .text_left{width:80%; float: left; padding-right:7%; color:#444444; font-size:18px; line-height:30px; position:relative; } #Subpage .Camel-newspic .text_left::after{right:0; top:0; width:1px; height:100%; content:""; position:absolute; background:#e5e5e5; } #Subpage .Camel-newspic .right{width:20%; float:right; padding-left:6%; } #Subpage .Camel-newspic .h5_a{color:#e81c0f; font-size:20px; line-height:24px; padding:22px 0; display:block;} #Subpage .Camel-newspic .li_a{width:100%; display:block; padding-bottom:26px; overflow:hidden;} #Subpage .Camel-newspic .li_a img{display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Subpage .Camel-newspic .li_a a{width:100%; display:block;} #Subpage .Camel-newspic .li_a .p{color:#333333; font-size:14px; line-height:24px; width:100%; padding:15px 0 0;} #Subpage .Camel-newspic .li_a:hover .p{color:#e81c0f;} #Subpage .Camel-newspic .li_a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #Subpage .rmzx_pic{display:none!important;} @media screen and (max-width:1629px){ #Subpage .Camel-newspic .top{padding:60px 0 20px;} #Subpage .Camel-newspic .h4_a{font-size:30px; line-height:30px;} } @media screen and (max-width:1199px){ #Subpage .Camel-newspic .top{padding:50px 0 20px;} #Subpage .Camel-newspic .h4_a{font-size:28px; line-height:28px;} } @media screen and (max-width:991px){ #Subpage .Camel-newspic .top{padding:40px 0 10px;} #Subpage .Camel-newspic .title{text-align:center;} #Subpage .Camel-newspic .time{text-align:center; width:100%; display: inline-block; vertical-align: top;display:flex;align-items: center; justify-content: center;} #Subpage .Camel-newspic .span_a{float:none;} #Subpage .Camel-newspic .h4_a{font-size:24px; line-height:24px;} #Subpage .Camel-newspic .text_left{font-size:16px; line-height:24px;} #Subpage .Camel-newspic .text_left::after{display:none;} #Subpage .Camel-newspic .h5_a{font-size:18px; padding:20px 0; margin-top:20px;} #Subpage .Camel-newspic .right{width:100%; padding:0;} #Subpage .Camel-newspic .text_left{width:100%; padding:0;} #Subpage .Camel-newspic .pic_text{padding:40px 0;} #Subpage .Camel-newspic .li_a{width:31.333%; float:left; margin-right:3%;} #Subpage .Camel-newspic .li_a:nth-child(3n){margin-right:0;} #Subpage .Camel-newspic .li_a .p{text-align:center; padding:10px 5px 0; font-size:14px;} #Subpage .Camel-newspic .xq_fx{display:none;} #Subpage .Camel-newspic .right{display:none;} #Subpage .rmzx_pic{display:block!important;} } @media screen and (max-width:767px){ #Subpage .Camel-newspic .top{padding:20px 0 10px;} #Subpage .Camel-newspic .h4_a{font-size:18px; line-height:22px;} #Subpage .Camel-newspic .text_left{font-size:14px; line-height:24px;} #Subpage .Camel-newspic .h5_a{font-size:16px; padding:10px 0; margin-top:20px;} #Subpage .Camel-newspic .right{width:100%; padding:0; display:none;} #Subpage .Camel-newspic .text_left{width:100%; padding:0;} #Subpage .Camel-newspic .pic_text{padding:20px 0;} #Subpage .Camel-newspic .time{text-align:center; margin:6px 0;} #Subpage .Camel-newspic .li_a{width:100%; float:left; margin:0 0 15px 0; padding-bottom:0;} #Subpage .Camel-newspic .li_a:nth-child(3n){margin-right:2%;} #Subpage .Camel-newspic .li_a:nth-child(2n){margin-right:0;} #Subpage .Camel-newspic .li_a .p{text-align:center; padding:10px 5px 0; font-size:14px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content17{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*相关资讯*/ #Content17 .Camel-Relat{width:100%; display:block; padding:80px 0 58px; float:left; background:#f4f4f4;} #Content17 .Camel-Relat .h4_title{font-size:36px; padding:0 8%; line-height:50px; color:#333333; display:block; padding-bottom:36px;} #Content17 .Camel-Relat .Relat_ul{width:84%; margin:0 auto;} #Content17 .Camel-Relat .li_e{float:left; width:49%; margin:0 2% 2% 0; padding:20px; background:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content17 .Camel-Relat .li_e:nth-child(2n){margin-right:0;} #Content17 .Camel-Relat .li_e a{background:#ffffff; position:relative; width:100%; height:100%; display:block; } #Content17 .Camel-Relat .li_e .text{width:55%; float:left; padding-right:5%;} #Content17 .Camel-Relat .li_e .h5_a{color:#333333; font-size:20px; line-height:24px; padding:20px 0;} #Content17 .Camel-Relat .li_e .p_a{color:#666666; font-size:16px; line-height:30px; display:block; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content17 .Camel-Relat .li_e .span_a{margin-top:45px; padding-top:22px; color:#999999; font-size:14px; line-height:18px;display:block; width:100%; border-top:1px solid #e1e1e1; } #Content17 .Camel-Relat .li_e .pic{width:43.498%; float:right;} #Content17 .Camel-Relat .li_e:hover{box-shadow:0 0 20px rgba(232,28,15,0.2);} #Content17 .Camel-Relat .li_e:hover .h5_a{color:#e81c0f;} #Content17 .rmzx_pic{display:none!important;} @media screen and (max-width:1629px){ #Content17 .Camel-Relat{padding:70px 0 50px;} #Content17 .Camel-Relat .h4_title{font-size:36px; line-height: 40px;} #Content17 .Camel-Relat .li_e .pic{margin-top:20px;} } @media screen and (max-width:1199px){ #Content17 .Camel-Relat{padding:60px 0 40px;} #Content17 .Camel-Relat .h4_title{font-size:32px; line-height: 30px;} #Content17 .Camel-Relat .li_e .h5_a{padding:10px 0;} #Content17 .Camel-Relat .li_e .p_a{line-height:24px;} #Content17 .Camel-Relat .li_e .span_a{margin-top:30px; padding-top:10px;} #Content17 .Camel-Relat .li_e .pic{margin:14px 0;} } @media screen and (max-width:991px){ #Content17 .Camel-Relat{padding:40px 0 30px;} #Content17 .Camel-Relat .h4_title{font-size:26px; line-height: 28px;} #Content17 .Camel-Relat .li_e .h5_a{padding:10px 0;} #Content17 .Camel-Relat .li_e .p_a{line-height:24px;} #Content17 .Camel-Relat .li_e .span_a{margin-top:50px; padding-top:10px;} #Content17 .Camel-Relat .li_e .pic{margin:0;} #Content17 .Camel-Relat .li_e{width:100%; margin-right:0;} #Content17 .rmzx_pic{display:block!important;} } @media screen and (max-width:767px){ #Content17 .Camel-Relat{padding:40px 0 30px;} #Content17 .Camel-Relat .h4_title{font-size:20px; line-height: 24px; padding:0 0 20px;} #Content17 .Camel-Relat .Relat_ul{width:100%;} #Content17 .Camel-Relat .li_e .h5_a{padding:6px 0; font-size:16px;} #Content17 .Camel-Relat .li_e .p_a{line-height:24px; font-size:14px;} #Content17 .Camel-Relat .li_e .span_a{margin-top:20px; padding-top:10px;} #Content17 .Camel-Relat .li_e .pic{margin:15px 0 0;} #Content17 .Camel-Relat .li_e{width:100%; margin-right:0; padding:10px; margin-bottom:15px;} #Content17 .Camel-Relat .li_e .text{width:100%; padding:0;} #Content17 .Camel-Relat .li_e .pic{width:100%;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #List3{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*解决方案*/ #List3 .Camel-soluti{width:100%; display:block; float:left;} #List3 .Camel-soluti .title_a{width:100%; display:block; position:relative; padding-bottom:35px; } #List3 .Camel-soluti .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #List3 .Camel-soluti .span_aa{color:#666666; font-size:24px; display:block; line-height:32px; padding:15px 0 22px;} #List3 .Camel-soluti .soluti_ul{ position:relative; display:block; width:100%; height:71px;} #List3 .Camel-soluti .soluti_ul::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #List3 .Camel-soluti .soluti_ul::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; right:0;border-radius:50%; bottom:0; } #List3 .Camel-soluti .soluti_ul .li_solu{ line-height:24px; margin-right:58px; position:relative; float:left; } #List3 .Camel-soluti .soluti_ul .li_solu a::after{position: absolute; left:0; bottom:-1px; height:3px; background:#e81c0f; width:0; content:""; z-index:2; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List3 .Camel-soluti .soluti_ul a{color:#333333; font-size:24px; padding:0 6px 36px; position:relative; width:100%; } #List3 .Camel-soluti .li_solu:hover a, #List3 .Camel-soluti .li_solu.on a{color:#e81c0f;} #List3 .Camel-soluti .li_solu:hover a::after, #List3 .Camel-soluti .li_solu.on a::after{width:100%;} #List3 .Camel-soluti .soluti_list{width:100%; display:block; padding-top:30px;} #List3 .Camel-soluti .left_soluti{width:80%; float:left;} #List3 .Camel-soluti .top{width:100%; display:block; margin-bottom:50px; position:relative; padding-right:68px;} #List3 .Camel-soluti .left_input{width:100%; float:left; background:#f4f4f4; position:relative; padding:0 75px 0 35px; border-radius:5px 0 0 5px; } #List3 .Camel-soluti .input{background:none; border:none; outline: none; line-height:68px; height:68px; font-size:16px; color:#888888;float:left; width:100%; } #List3 .Camel-soluti .but{position:absolute; right:30px; top:0; padding:24px 0;} #List3 .Camel-soluti .ri-search-line{color:#aaaaaa; font-size:26px;} #List3 .Camel-soluti .right_bu{position:absolute; right:0; width:68px; background:#e81c0f; height:68px; border-radius:0 5px 5px 0; text-align:center; line-height:68px; } #List3 .Camel-soluti .ri-add-line{color:#ffffff; font-size:36px; text-align:center; cursor: pointer;} #List3 .Camel-soluti .tc_solu{position: absolute; right:0; top:78px; padding-top:16px; z-index:9; text-align:left; line-height:0; display:none; } #List3 .Camel-soluti .ul_b{background:rgba(0,0,0,0.6); padding:18px 35px; border-radius:5px; width:1075px;} #List3 .Camel-soluti .mb{position: absolute;top:0;width: 0; height: 0; border: 8px solid transparent; border-bottom-color: rgba(0,0,0,0.6); right:26px; } #List3 .Camel-soluti .ul_b .span_an{display:inline-block; padding:0 15px; border-radius:5px; line-height:30px; color:#ffffff; font-size:16px; margin-bottom:8px; background: #e81c0f; } #List3 .Camel-soluti .ul_b .span_an .a{color:#ffffff; font-size:16px; width:100%;} #List3 .Camel-soluti .ul_b .li_1{float:left; line-height:18px; display:inline-block; margin:10px 0 10px 0; } #List3 .Camel-soluti .ul_b .i_2{font-size:18px; color:#949494; float:left; margin:5px 25px; } #List3 .Camel-soluti .ul_b .li_1 a{color:#ffffff; font-size:18px; display:block; width:100%; position: relative;} #List3 .Camel-soluti .ul_b .li_1 a::after{background:#d7d8da; width:0; bottom:-3px; height:2px; content:""; left:50%; oz-transition: all 0.5s linear; position: absolute; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List3 .Camel-soluti .ul_b .li_1:hover a::after{width:100%;} #List3 .Camel-soluti .soluti{width:100%; margin-top:56px; display:block;} #List3 .Camel-soluti .li_u{width:32%; float:left; margin:0 2% 4% 0;} #List3 .Camel-soluti .li_u:nth-child(3n){margin-right:0;} #List3 .Camel-soluti .li_u a{width:100%; display:block; } #List3 .Camel-soluti .li_u .pic{width:100%; display:block; overflow:hidden;} #List3 .Camel-soluti .li_u img{display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List3 .Camel-soluti .li_u .span{margin:28px 0 20px; display:block; width:100%;} #List3 .Camel-soluti .li_u .h4_1{color:#333333; font-size:24px; line-height:30px; padding-bottom:26px; width:100%;} #List3 .Camel-soluti .li_u .p_1{color:#666666; line-height:30px; font-size:14px; width:100%; display:block; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; } #List3 .Camel-soluti .li_u .ul_1{margin:12px 0; display:block; width:100%;} #List3 .Camel-soluti .li_u .span_a{float:left; display:inline-block; padding:0 8px; background:#f3f3f5; color:#939395; font-size:14px; line-height:27px; margin-right:10px; border-radius:4px; } #List3 .Camel-soluti .li_u .span_1{color:#666666; font-size:16px; line-height:16px; } #List3 .Camel-soluti .li_u .i_1{padding:0 5px; background:#e81c0f; border-radius:3px; margin:0 5px; display:inline-block; position:relative; color:#ffffff; font-size:12px; line-height:15px; } #List3 .Camel-soluti .li_u .i_1::after{position:absolute; left:-5px; top:2px; content:""; width:0;height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #e81c0f; } #List3 .Camel-soluti .li_u:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #List3 .Camel-soluti .li_u:hover .h4_1{color:#e81c0f;} #List3 .Camel-soluti .right{width:20%; float:right; padding-left:6%; } #List3 .Camel-soluti .h5_a{color:#e81c0f; font-size:20px; line-height:24px; padding:22px 0; display:block;} #List3 .Camel-soluti .li_a{width:100%; display:block; padding-bottom:26px; overflow:hidden;} #List3 .Camel-soluti .li_a img{display:block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #List3 .Camel-soluti .li_a a{width:100%; display:block;} #List3 .Camel-soluti .li_a .p{color:#333333; font-size:14px; line-height:30px; width:100%; padding:15px 0 0;} #List3 .Camel-soluti .li_a:hover .p{color:#e81c0f;} #List3 .Camel-soluti .li_a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #List3 .Camel-soluti .wack1{ float:left; width:100%; text-align:center;} #List3 .Camel-soluti .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List3 .Camel-soluti .pz_fy a { float:left; width:32px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #List3 .Camel-soluti .pz_fy a:hover, #List3 .Camel-soluti .pz_fy a.on{color:#fff; border:1px solid #e81c0f; background-color:#e81c0f;} #List3 .Camel-soluti .pz_fy .l_fy{ background:url(/template/theme/CN/1431_prve_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #List3 .Camel-soluti .pz_fy .r_fy{ background:url(/template/theme/CN/1431_next_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #List3 .Camel-soluti .pz_fy .l_fy:hover{ background:url(/template/theme/CN/1431_prve_fy_h.png) center no-repeat #e81c0f;} #List3 .Camel-soluti .pz_fy .r_fy:hover{ background:url(/template/theme/CN/1431_next_fy_h.png) center no-repeat #e81c0f;} @media screen and (max-width:1023px){ #List3 .Camel-soluti .wack1{padding:30px 0; } #List3 .Camel-soluti .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List3 .Camel-soluti .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #e81c0f; background:#e81c0f; border-radius:16px; overflow:hidden;} #List3 .Camel-soluti .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1629px){ #List3 .Camel-soluti .h3_a{font-size:40px; line-height:54px;} #List3 .Camel-soluti .span_aa{font-size: 20px; line-height:26px; padding:15px 0 22px;} #List3 .Camel-soluti .title_a{padding-bottom:30px;} #List3 .Camel-soluti .soluti_ul .li_solu a{padding-bottom:30px;} #List3 .Camel-soluti .soluti_ul{height:65px;} #List3 .Camel-soluti .soluti_list{padding-top:30px;} #List3 .Camel-soluti .ul_b{width:804px;} #List3 .Camel-soluti .ul_b .i_2{margin:5px 20px;} } @media screen and (max-width:1199px){ #List3 .Camel-soluti .h3_a{font-size:32px; line-height:42px;} #List3 .Camel-soluti .span_aa{font-size:18px; line-height:24px;} #List3 .Camel-soluti .top{margin-bottom:30px;} #List3 .Camel-soluti .soluti{margin-top:30px;} #List3 .Camel-soluti .li_u .span{margin:16px 0 10px;} #List3 .Camel-soluti .li_u .h4_1{font-size:20px; line-height:24px; padding-bottom:18px;} #List3 .Camel-soluti .li_u .p_1{line-height:24px;} #List3 .Camel-soluti .ul_b{width:676px;} #List3 .Camel-soluti .ul_b .i_2{margin:5px 15px;} #List3 .Camel-soluti .left_soluti{width:100%;} #List3 .Camel-soluti .right{width:100%; padding:0;} #List3 .Camel-soluti .li_a{width:31.333%; float:left; margin-right:3%;} #List3 .Camel-soluti .li_a:nth-child(3n){margin-right:0;} #List3 .Camel-soluti .li_a .p{text-align:center; padding:10px 5px 0; font-size:14px;} } @media screen and (max-width:991px){ #List3 .Camel-soluti .h3_a{font-size:24px; line-height:36px;} #List3 .Camel-soluti .span_aa{font-size:16px; line-height:24px; padding:6px 0;} #List3 .Camel-soluti .title_a{padding-bottom:20px;} #List3 .Camel-soluti .soluti_ul .li_solu a{padding-bottom:20px;} #List3 .Camel-soluti .soluti_ul a{font-size:20px;} #List3 .Camel-soluti .soluti_ul{height:53px;} #List3 .Camel-soluti .soluti_list{padding-top:30px;} #List3 .Camel-soluti .input{line-height:54px; height:54px;} #List3 .Camel-soluti .but{padding:13px 0;} #List3 .Camel-soluti .right_bu{width:54px; height:54px; line-height:54px;} #List3 .Camel-soluti .top{padding-right:54px;} #List3 .Camel-soluti .left_soluti{width:100%;} #List3 .Camel-soluti .li_u{width:49%;} #List3 .Camel-soluti .li_u:nth-child(3n){margin-right:2%;} #List3 .Camel-soluti .li_u:nth-child(2n){margin-right:0%;} #List3 .Camel-soluti .tc_solu{top:55px;} #List3 .Camel-soluti .mb{right:17px;} #List3 .Camel-soluti .ul_b{width:618px; padding:15px 20px;} #List3 .Camel-soluti .ul_b .i_2{margin:0 15px;} #List3 .Camel-soluti .ul_b .li_1{margin:0;} #List3 .Camel-soluti .ul_b .li_1 a{font-size:16px;} #List3 .Camel-soluti .right{width:100%; padding:0;} #List3 .Camel-soluti .li_a{width:31.333%; float:left; margin-right:3%;} #List3 .Camel-soluti .li_a:nth-child(3n){margin-right:0;} #List3 .Camel-soluti .li_a .p{text-align:center; padding:10px 5px 0; font-size:14px;} } @media screen and (max-width:767px){ #List3 .Camel-soluti .h3_a{font-size:20px; line-height:24px;} #List3 .Camel-soluti .span_aa{font-size:14px; line-height:22px; } #List3 .Camel-soluti .title_a{padding-bottom:0;} #List3 .Camel-soluti .soluti_ul::after{bottom:5px;} #List3 .Camel-soluti .soluti_ul::before{width:10px; height:10px;} #List3 .Camel-soluti .soluti_ul .li_solu{ margin-right:0; width:50%; float:left;} #List3 .Camel-soluti .soluti_ul .li_solu a{font-size:15px; padding-bottom:10px;} #List3 .Camel-soluti .soluti_ul{height:39px;} #List3 .Camel-soluti .soluti_list{padding-top:15px;} #List3 .Camel-soluti .input{ height:36px; font-size:14px; line-height:36px;} #List3 .Camel-soluti .but{padding:13px 0;} #List3 .Camel-soluti .ri-search-line{font-size:20px;} #List3 .Camel-soluti .right_bu{width:36px; height:36px; line-height:36px;} #List3 .Camel-soluti .top{padding-right:36px; margin-bottom:15px;} #List3 .Camel-soluti .ri-add-line{font-size:26px;} #List3 .Camel-soluti .but{padding:9px 0 0;} #List3 .Camel-soluti .left_input{padding: 0 35px 0 10px; } #List3 .Camel-soluti .but{right:10px;} #List3 .Camel-soluti .left_soluti{width:100%;} #List3 .Camel-soluti .li_u{width:100%; margin-right:0;} #List3 .Camel-soluti .li_u:nth-child(3n){margin-right:0;} #List3 .Camel-soluti .li_u:nth-child(2n){margin-right:0%;} #List3 .Camel-soluti .li_u .span{margin:8px 0;} #List3 .Camel-soluti .li_u .span_1{font-size:14px;} #List3 .Camel-soluti .li_u .h4_1{font-size:16px; line-height:22px; padding-bottom:10px;} #List3 .Camel-soluti .tc_solu{top:33px;} #List3 .Camel-soluti .mb{right:10px;} #List3 .Camel-soluti .ul_b{width:278px; padding:10px 13px;} #List3 .Camel-soluti .ul_b .i_2{margin:0 1.8%;} #List3 .Camel-soluti .ul_b .li_1{margin:0;} #List3 .Camel-soluti .ul_b .li_1 a{font-size:12px;} #List3 .Camel-soluti .ul_b .span_an{ padding:0 10px; line-height:24px;} #List3 .Camel-soluti .ul_b .span_an .a{font-size:15px;} #List3 .Camel-soluti .right{width:100%; padding:0;} #List3 .Camel-soluti .li_a{width:49%; float:left; margin-right:2%; margin-bottom:10px; padding-bottom:10px;} #List3 .Camel-soluti .li_a:nth-child(3n){margin-right:2%;} #List3 .Camel-soluti .li_a:nth-child(2n){margin-right:0;} #List3 .Camel-soluti .li_a .p{text-align:center; padding:10px 5px 0; font-size:14px;} #List3 .Camel-soluti .h5_a{font-size:18px; padding:20px 0 10px;} #List3 .Camel-soluti .ul_b .i_2{font-size:10px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Subpage2{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*解决方案详情*/ #Subpage2 .Camel-details{position:relative; background:#ffffff; width:100%; display:block; float:left; margin-top:-158px; z-index:2; } #Subpage2 .Camel-details .top{border-bottom:1px solid #e9e9e9; width:100%; display: block; padding:0 30px;} #Subpage2 .Camel-details .left{line-height:56px; color:#333333; font-size:18px; float:left; width:90%;} #Subpage2 .Camel-details .left a{color:#333333; font-size:16px; display:inline-block;} #Subpage2 .Camel-details .left a:hover{color:#e81c0f;} #Subpage2 .Camel-details .right{float:right; text-align:right; line-height:56px; color:#333333; font-size:16px;} #Subpage2 .Camel-details .right .ri-arrow-go-back-line{color:#666666; font-size:18px; float:left; margin:1px 5px 0 0;} #Subpage2 .Camel-details .title{padding:70px 30px 0; width:100%; display:block; text-align:center; position:relative;} #Subpage2 .Camel-details .h3_a{color:#333333; font-size:52px; line-height:56px;} #Subpage2 .Camel-details .span_a{padding:0 28px; line-height:38px; color:#ffffff; background:#e81c0f; display:inline-block; font-size:16px; margin:30px 0; } #Subpage2 .Camel-details .time{display:flex;align-items: center; justify-content: center; text-align:center; width:100%; margin:10px 0 30px; } #Subpage2 .Camel-details .span_b{float:left; color:#999999; font-size:16px; line-height:16px; margin-right:20px;} #Subpage2 .Camel-details .ri-time-line, #Subpage2 .Camel-details .ri-eye-line{font-size:22px; color:#888888; float:left; padding:0 5px;} #Subpage2 .Camel-details .ul_c{display:flex; width:100%; text-align:center;align-items: center; justify-content: center; padding-bottom:50px; } #Subpage2 .Camel-details .li_c{display:inline-block; padding:0 8px; margin:0 10px;float:left; background:#f3f3f5; color:#939395; font-size:14px; line-height:26px; border-radisu:2px; } #Subpage2 .Camel-details .title::after{border-bottom:1px dashed #c4c4c4; width:95%; left:2.5%; bottom:0; content:""; height:1px; width:100%; } #Subpage2 .Camel-details .details_pic{width:100%; padding:60px 30px 0; display:block;} #Subpage2 .Camel-details .li_pic{margin-bottom:45px; display:block; width:100%;} #Subpage2 .Camel-details .li_pic .h4_a{padding-left:45px; position:relative; width:100%; display:block; color:#333333; font-size:30px; } #Subpage2 .Camel-details .li_pic .i{width:15px; height:15px; background:url(/template/theme/CN/1433_fnxq_img_01.png)no-repeat; background-size:100% 100%; left:0; top:50%; margin-top:-7px; position:absolute; } #Subpage2 .Camel-details .li_pic .text_a{padding:22px 0 0 45px; display:block; width:100%;} #Subpage2 .Camel-details .li_pic .text_a1{line-height:36px; color:#333333; font-size:18px;} #Subpage2 .Camel-details .li_pic .text_a2 .li_b{width:49.25%; margin:0 1.5% 1.5% 0; float:left; line-height:24px; background:#ededed; padding:20px 30px; } #Subpage2 .Camel-details .li_pic .text_a2 .li_b:nth-child(2n){margin-right:0;} #Subpage2 .Camel-details .li_pic .text_a3 .li_b1{width:100%; line-height:28px; color:#333333; font-size:18px; padding:10px 0; } @media screen and (max-width:321px){ #Subpage2 .Camel-details .left{width:100%; text-align:left; line-height:36px; font-size:12px;} } @media screen and (max-width:1629px){ #Subpage2 .Camel-details .title{padding-top:50px;} #Subpage2 .Camel-details .details_pic{padding-top:40px;} } @media screen and (max-width:1199px){ #Subpage2 .Camel-details .title{padding-top:40px;} #Subpage2 .Camel-details .details_pic{padding-top:30px;} #Subpage2 .Camel-details{margin-top:-110px;} #Subpage2 .Camel-details .left{width:80%;} #Subpage2 .Camel-details .h3_a{font-size:40px; line-height:42px;} #Subpage2 .Camel-details .span_a{margin:20px 0;} #Subpage2 .Camel-details .time{margin:0 0 20px;} #Subpage2 .Camel-details .ul_c{padding-bottom:30px;} #Subpage2 .Camel-details .li_pic .h4_a{font-size:28px;} #Subpage2 .Camel-details .li_pic .text_a{padding-top:16px;} #Subpage2 .Camel-details .li_pic .text_a1{line-height:30px;} #Subpage2 .Camel-details .li_pic .text_a2 .li_b{padding:15px 15px; font-size:14px;} #Subpage2 .Camel-details .li_pic{margin-bottom:30px;} #Subpage2 .Camel-details .li_pic .text_a3 .li_b1{font-size:16px; line-height:24px; padding:8px 0;} } @media screen and (max-width:991px){ #Subpage2 .Camel-details .title{padding-top:30px;} #Subpage2 .Camel-details .details_pic{padding-top:22px;} #Subpage2 .Camel-details{margin-top:-100px;} #Subpage2 .Camel-details .left{width:80%;} #Subpage2 .Camel-details .h3_a{font-size:30px; line-height:32px;} #Subpage2 .Camel-details .span_a{margin:12px 0; padding:0 16px; line-height:30px;} #Subpage2 .Camel-details .time{margin:0 0 20px;} #Subpage2 .Camel-details .ul_c{padding-bottom:22px;} #Subpage2 .Camel-details .li_pic .h4_a{font-size:22px; padding-left:35px;} #Subpage2 .Camel-details .li_pic .text_a{padding-top:16px; padding-left:35px;} #Subpage2 .Camel-details .li_pic .text_a1{line-height:24px; font-size:14px;} #Subpage2 .Camel-details .li_pic .text_a2 .li_b{padding:15px 15px; font-size:14px; width:100%; margin-right:0;} #Subpage2 .Camel-details .li_pic{margin-bottom:30px;} #Subpage2 .Camel-details .li_pic .text_a3 .li_b1{font-size:14px; line-height:22px; padding:4px 0;} } @media screen and (max-width:767px){ #Subpage2 .Camel-details .title{padding:20px 10px 0;} #Subpage2 .Camel-details .details_pic{padding-top:22px;} #Subpage2 .Camel-details{margin-top:-40px;} #Subpage2 .Camel-details .top{padding:0 10px;} #Subpage2 .Camel-details .left{width:70%; text-align:left; line-height:36px; font-size:12px;} #Subpage2 .Camel-details .right{line-height:36px; font-size:12px;} #Subpage2 .Camel-details .ul_c{display:block;} #Subpage2 .Camel-details .left a{font-size:14px;} #Subpage2 .Camel-details .h3_a{font-size:18px; line-height:24px;} #Subpage2 .Camel-details .span_a{margin:8px 0; padding:0 6px; font-size:14px; line-height:28px;} #Subpage2 .Camel-details .span_b{font-size:14px; margin-right:10px;} #Subpage2 .Camel-details .ri-time-line, #Subpage2 .Camel-details .ri-eye-line{font-size:16px;} #Subpage2 .Camel-details .li_c{margin:2px; padding:0 3px; font-isze:12px;} #Subpage2 .Camel-details .time{margin:0 0 20px;} #Subpage2 .Camel-details .ul_c{padding-bottom:15px;} #Subpage2 .Camel-details .li_pic .h4_a{font-size:16px; padding-left:18px;} #Subpage2 .Camel-details .li_pic .text_a{padding:10px 0 0 18px;adding-left:35px;} #Subpage2 .Camel-details .li_pic .text_a1{line-height:24px; font-size:14px;} #Subpage2 .Camel-details .li_pic .text_a2 .li_b{padding:10px 10px; line-height:22px; font-size:14px; width:100%; margin-right:0;} #Subpage2 .Camel-details .li_pic{margin-bottom:20px; } #Subpage2 .Camel-details .details_pic{padding:15px 10px 0;} #Subpage2 .Camel-details .li_pic .i{width:10px; height:10px; margin-top:-5px;} #Subpage2 .Camel-details .li_pic .text_a3 .li_b1{font-size:14px; line-height:22px; padding:4px 0;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content18{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*相关案例*/ #Content18 .Camel-Relata{width:100%; padding:100px 0 68px; float:left; background:#f4f4f4;display:block; } #Content18 .Camel-Relata .h4_title{font-size:48px; line-height:50px; color:#333333; display:block; padding-bottom:36px;} #Content18 .Camel-Relata .li_e{float:left; width:31.666%; margin:0 2.5% 0 0; background:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content18 .Camel-Relata .li_e:nth-child(3n){margin-right:0;} #Content18 .Camel-Relata .li_e a{width:100%; height:100%; display:block;} #Content18 .Camel-Relata .li_e .text{width:100%; background:#ffffff; padding:20px 30px;} #Content18 .Camel-Relata .li_e .h5_a{color:#333333; font-size:24px; line-height:24px;} #Content18 .Camel-Relata .li_e .p_a{color:#888888; font-size:16px; line-height:30px; display:block; padding-top:12px; } #Content18 .Camel-Relata .li_e .pic{width:100%;} #Content18 .Camel-Relata .li_e img{display:block;} #Content18 .Camel-Relata .li_e:hover .h5_a, #Content18 .Camel-Relata .li_e:hover .p_a{color:#e81c0f;} @media screen and (max-width:1629px){ #Content18 .Camel-Relata{padding:80px 0 50px;} #Content18 .Camel-Relata .h4_title{font-size:40px; line-height: 40px;} } @media screen and (max-width:1199px){ #Content18 .Camel-Relata{padding:60px 0 40px;} #Content18 .Camel-Relata .h4_title{font-size:32px; line-height: 30px;padding-bottom:30px;} #Content18 .Camel-Relata .li_e .text{padding:15px 20px;} #Content18 .Camel-Relata .li_e .h5_a{font-size:18px; line-height:18px;} #Content18 .Camel-Relata .li_e .p_a{padding-top:10px; line-height:24px; font-size:16px;} } @media screen and (max-width:991px){ #Content18 .Camel-Relata{padding:40px 0 30px;} #Content18 .Camel-Relata .h4_title{font-size:26px; line-height: 28px;padding-bottom:22px;} #Content18 .Camel-Relata .li_e .text{padding:15px 20px;} #Content18 .Camel-Relata .li_e .h5_a{font-size:18px; line-height:18px;} #Content18 .Camel-Relata .li_e .p_a{padding-top:10px; line-height:24px; font-size:16px;} } @media screen and (max-width:767px){ #Content18 .Camel-Relata{padding:40px 0 30px;} #Content18 .Camel-Relata .h4_title{font-size:20px; line-height: 24px;padding-bottom:15px;} #Content18 .Camel-Relata .li_e{width:49%; margin-right:2%; margin-bottom:2%;} #Content18 .Camel-Relata .li_e:nth-child(2n){margin-right:0;} #Content18 .Camel-Relata .li_e .text{padding:8px 8px;} #Content18 .Camel-Relata .li_e .h5_a{font-size:14px; line-height:16px;} #Content18 .Camel-Relata .li_e .p_a{padding-top:5px; line-height:24px; font-size:14px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #List4{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*成功案例*/ #List4 .Camel-Succe{width:100%; display: block; float:left;} #List4 .Camel-Succe .title_a{width:100%; display:block; position:relative; padding-bottom:35px; } #List4 .Camel-Succe .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #List4 .Camel-Succe .span_aa{color:#666666; font-size:24px; display:block; line-height:32px; padding:15px 0 22px;} #List4 .Camel-Succe .soluti_ul{ position:relative; display:block; width:100%; height:71px;} #List4 .Camel-Succe .soluti_ul::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #List4 .Camel-Succe .soluti_ul::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; right:0;border-radius:50%; bottom:0; } #List4 .Camel-Succe .soluti_ul .li_solu{ line-height:24px; margin-right:58px; position:relative; float:left; } #List4 .Camel-Succe .soluti_ul .li_solu a::after{position: absolute; left:0; bottom:-1px; height:3px; background:#e81c0f; width:0; content:""; z-index:2; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List4 .Camel-Succe .soluti_ul a{color:#333333; font-size:24px;padding:0 6px 36px; width:100%; position:relative;} #List4 .Camel-Succe .li_solu:hover a, #List4 .Camel-Succe .li_solu.on a{color:#e81c0f;} #List4 .Camel-Succe .li_solu:hover a::after, #List4 .Camel-Succe .li_solu.on a::after{width:100%;} #List4 .Camel-Succe .Succe_list{width:86%; display:block; padding-top:30px; margin:0 auto;} #List4 .Camel-Succe .li_case{width:46%; margin:0 8% 4% 0; float:left; padding-bottom:70px; border-bottom:1px dashed #cccccc; } #List4 .Camel-Succe .li_case .pic img{display:block; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List4 .Camel-Succe .li_case a{width:100%; display:block;} #List4 .Camel-Succe .li_case .h4_e{line-height:30px; color:#333333; font-size:24px; width:100%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List4 .Camel-Succe .li_case .span_e{color:#888888; font-size:16px; line-height:24px; padding:15px 0 25px; width:100%; display:block; } #List4 .Camel-Succe .li_case .pic{display:block; width:100%; overflow:hidden;} #List4 .Camel-Succe .li_case .p_e{line-height:30px; padding-top:26px; color:#666666; font-size:16px; width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; } #List4 .Camel-Succe .li_case:nth-child(2n){margin-right:0;} #List4 .Camel-Succe .li_case:hover .h4_e{color:#e81c0f;} #List4 .Camel-Succe .li_case:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width:1629px){ #List4 .Camel-Succe .h3_a{font-size:40px; line-height:54px;} #List4 .Camel-Succe .span_aa{font-size: 20px; line-height:26px;} #List4 .Camel-Succe .title_a{padding-bottom:30px;} #List4 .Camel-Succe .soluti_ul .li_solu a{padding-bottom:30px;} #List4 .Camel-Succe .soluti_ul{height:65px;} #List4 .Camel-Succe .Succe{padding-top:30px;} #List4 .Camel-Succe .li_case .span_e{padding:10px 0 20px;} #List4 .Camel-Succe .li_case{padding-bottom:50px;} } @media screen and (max-width:1199px){ #List4 .Camel-Succe .h3_a{font-size:32px; line-height:42px;} #List4 .Camel-Succe .span_aa{font-size:18px; line-height:24px;} #List4 .Camel-Succe .top{margin-bottom:30px;} #List4 .Camel-Succe .soluti{margin-top:30px;} #List4 .Camel-Succe .li_case .span_e{padding:10px 0 15px;} #List4 .Camel-Succe .li_case .p_e{line-height:24px; padding-top:16px;} } @media screen and (max-width:991px){ #List4 .Camel-Succe .h3_a{font-size:24px; line-height:36px;} #List4 .Camel-Succe .span_aa{font-size:16px; line-height:24px; padding:6px 0;} #List4 .Camel-Succe .title_a{padding-bottom:20px;} #List4 .Camel-Succe .soluti_ul .li_solu a{padding-bottom:20px;} #List4 .Camel-Succe .soluti_ul a{font-size:20px;} #List4 .Camel-Succe .soluti_ul{height:53px;} #List4 .Camel-Succe .Succe_list{padding-top:30px;} #List4 .Camel-Succe .li_case .h4_e{font-size:22px; line-height:24px;} #List4 .Camel-Succe .li_case .span_e{padding:10px 0 10px;} #List4 .Camel-Succe .li_case .p_e{font-size:15px;} #List4 .Camel-Succe .li_case{padding-bottom:30px;} } @media screen and (max-width:767px){ #List4 .Camel-Succe .h3_a{font-size:20px; line-height:24px;} #List4 .Camel-Succe .span_aa{font-size:14px; line-height:22px;} #List4 .Camel-Succe .title_a{padding-bottom:0;} #List4 .Camel-Succe .soluti_ul::after{bottom:5px;} #List4 .Camel-Succe .soluti_ul::before{width:10px; height:10px;} #List4 .Camel-Succe .soluti_ul .li_solu{ margin-right:0; width:50%; float:left;} #List4 .Camel-Succe .soluti_ul .li_solu a{font-size:15px;padding-bottom:12px;} #List4 .Camel-Succe .soluti_ul{height:39px;} #List4 .Camel-Succe .Succe_list{padding-top:15px; width:100%;} #List4 .Camel-Succe .li_case{padding-bottom:20px; width:100%; margin-right:0;} #List4 .Camel-Succe .li_case .h4_e{font-size:16px; line-height:24px;} #List4 .Camel-Succe .li_case .span_e{padding:8px 0; font-size:14px; line-height:22px;} #List4 .Camel-Succe .li_case .p_e{font-size:14px; padding-top:10px; line-height:22px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Pagination3{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*新闻分页*/ #Pagination3 .Camel-fya{width:100%; float:left; display:block; position:relative; } #Pagination3 .Camel-fya .wack1{ float:left; width:100%; padding:0; text-align:center;} #Pagination3 .Camel-fya .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination3 .Camel-fya .pz_fy a { float:left; width:32px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:38px; -webkit-border-radius:32px; border: #e2e2e2 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px; } #Pagination3 .Camel-fya .pz_fy a:hover, #Pagination3 .Camel-fya .pz_fy a.on{color:#fff; border:1px solid #e81c0f; background-color:#e81c0f;} #Pagination3 .Camel-fya .pz_fy .l_fy{ background:url(/template/theme/CN/1436_prve_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination3 .Camel-fya .pz_fy .r_fy{ background:url(/template/theme/CN/1436_next_fy.png) center no-repeat; width:80px; display:inline-block; *display:inline; *zoom:1;} #Pagination3 .Camel-fya .pz_fy .l_fy:hover{ background:url(/template/theme/CN/1436_prve_fy_h.png) center no-repeat #e81c0f;} #Pagination3 .Camel-fya .pz_fy .r_fy:hover{ background:url(/template/theme/CN/1436_next_fy_h.png) center no-repeat #e81c0f;} @media screen and (max-width:1023px){ #Pagination3 .Camel-fya .wack1{padding:0; } #Pagination3 .Camel-fya .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination3 .Camel-fya .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #e81c0f; background:#e81c0f; border-radius:16px; overflow:hidden;} #Pagination3 .Camel-fya .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #List5{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*视频案例*/ #List5 .Camel-vidcase{width:100%; display: block; float:left;} #List5 .Camel-vidcase .title_a{width:100%; display:block; position:relative; padding-bottom:35px; } #List5 .Camel-vidcase .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #List5 .Camel-vidcase .span_aa{color:#666666; font-size:24px; display:block; line-height:32px; padding:15px 0 22px;} #List5 .Camel-vidcase .soluti_ul{ position:relative; display:block; width:100%; height:71px;} #List5 .Camel-vidcase .soluti_ul::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #List5 .Camel-vidcase .soluti_ul::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; right:0;border-radius:50%; bottom:0; } #List5 .Camel-vidcase .soluti_ul .li_solu{ line-height:24px; margin-right:58px; position:relative; float:left; } #List5 .Camel-vidcase .soluti_ul .li_solu a::after{position: absolute; left:0; bottom:-1px; height:3px; background:#e81c0f; width:0; content:""; z-index:2; left:50%; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #List5 .Camel-vidcase .soluti_ul a{color:#333333; font-size:24px; padding:0 6px 36px; width:100%; position:relative;} #List5 .Camel-vidcase .li_solu:hover a, #List5 .Camel-vidcase .li_solu.on a{color:#e81c0f;} #List5 .Camel-vidcase .li_solu:hover a::after, #List5 .Camel-vidcase .li_solu.on a::after{width:100%;} #List5 .Camel-vidcase .videoList{width:86%; display:block; padding-top:30px; margin:0 auto;} #List5 .Camel-vidcase .li_case{width:46%; margin:0 8% 4% 0; float:left; padding-bottom:70px; border-bottom:1px dashed #cccccc; } #List5 .Camel-vidcase .li_case .videoBox{position:relative;} #List5 .Camel-vidcase .li_case .videoBox img{display:block; } #List5 .Camel-vidcase .li_case a{width:100%; display:block;} #List5 .Camel-vidcase .li_case .h4_e{line-height:30px; color:#333333; font-size:24px; width:100%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List5 .Camel-vidcase .li_case .span_e{color:#888888; font-size:16px; line-height:24px; padding:15px 0 25px; width:100%; display:block; } #List5 .Camel-vidcase .li_case .videoBox{display:block; width:100%; overflow:hidden;} #List5 .Camel-vidcase .li_case .p_e{line-height:30px; padding-top:26px; color:#666666; font-size:16px; width:100%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; } #List5 .Camel-vidcase .li_case:nth-child(2n){margin-right:0;} #List5 .Camel-vidcase .li_case:hover .h4_e{color:#e81c0f;} #List5 .Camel-vidcase video{display: block;position: relative;width: 100%;height: 100%;object-fit: cover;} #List5 .Camel-vidcase .videoBox .play2{position: absolute; left: 50%; background:#ffffff; border-radius:50px; top: 50%; width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; cursor: pointer; line-height:62px; text-align:center; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List5 .Camel-vidcase .videoBox .ri-play-fill{color:#515151; font-size:32px; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #List5 .Camel-vidcase .li_case:hover .play2{background:#e81c0f;} #List5 .Camel-vidcase .li_case:hover .ri-play-fill{color:#ffffff;} /* 视频弹窗 */ #List5 .Camel-vidcase .vidTc{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 9997;} #List5 .Camel-vidcase .vidTc .closed{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9;} #List5 .Camel-vidcase .vidTc .photoTc_m{position: absolute; left: 50%; top: 50%; padding: 0 12%; overflow: hidden; width: 100%; z-index: 19; -webkit-transform: translate(-50%, -54%); -ms-transform: translate(-50%, -54%); transform: translate(-50%, -54%);} #List5 .Camel-vidcase .vidTc .photoTc_m .pic{position: relative;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoImg{width: 100%; position: relative; text-align: center; left: 0;top: 0; overflow: hidden; height: auto; -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;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoImg:nth-child(1){opacity: 1;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoImg:nth-child(2){opacity: 0;position: absolute;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoImg video{display: block;position: relative;width: 100%;height: 100%; object-fit: cover;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_prev{position:absolute; width:50px; height:50px; left:0; top:50%; margin-top: -25px; z-index: 19; font-size:20px; line-height:50px; text-align:center; border-radius:5px;cursor:pointer; display: block; border:1px solid #515151; } #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-left-s-line{color:#515151; font-size:30px;} #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-right-s-line{color:#515151; font-size:30px;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_next{position:absolute; width:50px; height:50px; right:0; top:50%; margin-top: -25px; z-index: 19; line-height:50px; text-align:center; border-radius:5px;cursor:pointer; display: block; border:1px solid #515151; } #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_prev:hover, #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_next:hover{border:1px solid #e81c0f; background:#e81c0f; color:#ffffff;} @media screen and (max-width:1629px){ #List5 .Camel-vidcase .h3_a{font-size:40px; line-height:54px;} #List5 .Camel-vidcase .span_aa{font-size: 20px; line-height:26px;} #List5 .Camel-vidcase .title_a{padding-bottom:30px;} #List5 .Camel-vidcase .soluti_ul .li_solu a{padding-bottom:30px;} #List5 .Camel-vidcase .soluti_ul{height:65px;} #List5 .Camel-vidcase .Succe{padding-top:30px;} #List5 .Camel-vidcase .li_case .span_e{padding:10px 0 20px;} #List5 .Camel-vidcase .li_case{padding-bottom:50px;} } @media screen and (max-width:1199px){ #List5 .Camel-vidcase .h3_a{font-size:32px; line-height:42px;} #List5 .Camel-vidcase .span_aa{font-size:18px; line-height:24px;} #List5 .Camel-vidcase .top{margin-bottom:30px;} #List5 .Camel-vidcase .soluti{margin-top:30px;} #List5 .Camel-vidcase .li_case .span_e{padding:10px 0 15px;} #List5 .Camel-vidcase .li_case .p_e{line-height:24px; padding-top:16px;} #List5 .Camel-vidcase .vidTc .photoTc_m{position: absolute; left: 50%; top: 50%; padding: 0 8%; overflow: hidden; width: 90%; } #List5 .Camel-vidcase .videoBox .play2{width:50px; height:50px; line-height:50px;margin-left: -25px; margin-top: -25px; } #List5 .Camel-vidcase .videoBox .ri-play-fill{font-size:30px; } } @media screen and (max-width:991px){ #List5 .Camel-vidcase .h3_a{font-size:24px; line-height:36px;} #List5 .Camel-vidcase .span_aa{font-size:16px; line-height:24px; padding:6px 0;} #List5 .Camel-vidcase .title_a{padding-bottom:20px;} #List5 .Camel-vidcase .soluti_ul .li_solu a{padding-bottom:20px;} #List5 .Camel-vidcase .soluti_ul a{font-size:20px;} #List5 .Camel-vidcase .soluti_ul{height:53px;} #List5 .Camel-vidcase .videoList{padding-top:30px;} #List5 .Camel-vidcase .li_case .h4_e{font-size:22px; line-height:24px;} #List5 .Camel-vidcase .li_case .span_e{padding:10px 0 10px;} #List5 .Camel-vidcase .li_case .p_e{font-size:15px;} #List5 .Camel-vidcase .li_case{padding-bottom:30px;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_prev{line-height:40px; width:40px; height:40px;margin-top: -20px; background-size: 100%; } #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_next{width:40px; height:40px; margin-top: -20px; background-size: 100%; line-height:40px; } #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-left-s-line{color:#515151; font-size:26px;} #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-right-s-line{color:#515151; font-size:26px;} #List5 .Camel-vidcase .videoBox .play2{width:44px; height:44px; line-height:44px;margin-left: -22px; margin-top: -22px; } #List5 .Camel-vidcase .videoBox .ri-play-fill{font-size:30px; } } @media screen and (max-width:767px){ #List5 .Camel-vidcase .h3_a{font-size:20px; line-height:24px;} #List5 .Camel-vidcase .span_aa{font-size:14px; line-height:22px; padding:6px 0;} #List5 .Camel-vidcase .title_a{padding-bottom:0;} #List5 .Camel-vidcase .soluti_ul::after{bottom:5px;} #List5 .Camel-vidcase .soluti_ul::before{width:10px; height:10px;} #List5 .Camel-vidcase .soluti_ul .li_solu{ margin-right:0; width:50%; float:left;} #List5 .Camel-vidcase .soluti_ul .li_solu a{font-size:15px;padding-bottom:12px;} #List5 .Camel-vidcase .soluti_ul{height:39px;} #List5 .Camel-vidcase .videoList{padding-top:15px; width:100%;} #List5 .Camel-vidcase .li_case{padding-bottom:20px; width:100%; margin-right:0;} #List5 .Camel-vidcase .li_case .h4_e{font-size:16px; line-height:24px;} #List5 .Camel-vidcase .li_case .span_e{padding:8px 0; font-size:14px; line-height:22px;} #List5 .Camel-vidcase .li_case .p_e{font-size:14px; padding-top:10px; line-height:22px;} #List5 .Camel-vidcase .vidTc .photoTc_m{ transform: translate(-50%, -50%); padding:0;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_prev{width:30px; height:30px;margin-top: -15px; background-size: 100%; line-height:30px;} #List5 .Camel-vidcase .vidTc .photoTc_m .photoTc_next{width:30px; height:30px; margin-top: -15px;background-size: 100%; line-height:30px;} #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-left-s-line{color:#515151; font-size:22px;} #List5 .Camel-vidcase .vidTc .photoTc_m .ri-arrow-right-s-line{color:#515151; font-size:22px;} #List5 .Camel-vidcase .videoBox .play2{width:36px; height:36px; line-height:36px;margin-left: -18px; margin-top: -18px; } #List5 .Camel-vidcase .videoBox .ri-play-fill{font-size:24px; } } /*服务运维*/ #Content19 .Camel-Arriv{width: 100%; display:block; float:left;} #Content19 .Camel-Arriv .title{ width:100%; dipslay:block; padding-bottom:30px; text-align: center;} #Content19 .Camel-Arriv .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#111111; font-size:40px;font-family: 'sy_light'; } #Content19 .Camel-Arriv .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content19 .Camel-Arriv .text_a{line-height:42px; color:#555555; font-size:18px; display:block; text-align:center;} @media screen and (max-width:1629px){ #Content19 .Camel-Arriv .text_a{font-size: 16px; line-height:36px;} } @media screen and (max-width:1199px){ #Content19 .Camel-Arriv .title{padding-bottom:20px;} #Content19 .Camel-Arriv .h3_a{font-size:36px; line-height:40px; padding-bottom:22px;} #Content19 .Camel-Arriv .text_a{font-size: 14px; line-height:30px;} } @media screen and (max-width:991px){ #Content19 .Camel-Arriv .title{padding-bottom:20px;} #Content19 .Camel-Arriv .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content19 .Camel-Arriv .h3_a::after{width:60px; margin-left:-30px;} #Content19 .Camel-Arriv .text_a{font-size: 14px; line-height:30px;} } @media screen and (max-width:767px){ #Content19 .Camel-Arriv .title{padding-bottom:15px;} #Content19 .Camel-Arriv .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content19 .Camel-Arriv .h3_a::after{width:40px; margin-left:-20px;} #Content19 .Camel-Arriv .text_a{font-size: 14px; line-height:24px;} } /*培训*/ #Content20 .Camel-Train{width:100%; float:left; display:block; padding:115px 0 110px; background:#f2f2f2;} #Content20 .Camel-Train .title{ width:100%; dipslay:block; padding-bottom:56px; text-align: center;} #Content20 .Camel-Train .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#111111; font-size:40px; font-family: 'sy_light'; } #Content20 .Camel-Train .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content20 .Camel-Train .li_b{width:23.5%; margin-right:2%; float:left;position:relative;} #Content20 .Camel-Train .li_b:nth-child(4n){margin-right:0;} #Content20 .Camel-Train .li_b a{display:block; width:100%; height:100%;} #Content20 .Camel-Train .li_b .pic{width:100%;} #Content20 .Camel-Train .li_b img{display:block;} #Content20 .Camel-Train .li_b::after{position:absolute; left:0; top:0; text-align:center; content:""; background:url(/template/theme/CN/1439_yw_bg_03.png)no-repeat; width:100%; height:100%; background-size:100% 100%; } #Content20 .Camel-Train .li_b .text_b{padding:40px 10px; position:absolute; bottom:0; text-align:center; width:100%;z-index: 2; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content20 .Camel-Train .li_b .span_b{line-height:52px; color:#ffffff; width:52px; height:52px; position:relative; z-index: 2; font-size:20px; } #Content20 .Camel-Train .li_b .span_b::after{position:absolute; left:50%; margin-left:-18px; top:50%; content:""; border-color:#e81c0f; border-style: solid; border-width:18px; margin-top:-18px; width: 0; height: 0;z-index: -1; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); transform:rotate(45deg); } #Content20 .Camel-Train .li_b .p_b{color:#ffffff; font-size:24px; padding-top:16px; line-height:26px;} #Content20 .Camel-Train .li_b:hover .text_b{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #Content20 .Camel-Train{padding:90px 0 80px;} } @media screen and (max-width:1199px){ #Content20 .Camel-Train{padding:70px 0 60px;} #Content20 .Camel-Train .title{padding-bottom:20px; } #Content20 .Camel-Train .h3_a{font-size:36px; line-height:44px; padding-bottom:22px;} #Content20 .Camel-Train .li_b .p_b{font-size:20px;} } @media screen and (max-width:991px){ #Content20 .Camel-Train{padding:50px 0 40px;} #Content20 .Camel-Train .title{padding-bottom:20px;} #Content20 .Camel-Train .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content20 .Camel-Train .h3_a::after{width:60px; margin-left:-30px;} #Content20 .Camel-Train .li_b{width:49%; margin-bottom:2%;} #Content20 .Camel-Train .li_b:nth-child(4n){margin-right:2%;} #Content20 .Camel-Train .li_b:nth-child(2n){margin-right:0;} #Content20 .Camel-Train .li_b .text_b{padding:0 10px 30px;} #Content20 .Camel-Train .li_b .p_b{font-size:18px;padding-top:10px; line-height: 26px;} } @media screen and (max-width:767px){ #Content20 .Camel-Train{padding:25px 0 20px;} #Content20 .Camel-Train .title{padding-bottom:15px;} #Content20 .Camel-Train .h3_a{font-size:18px; line-height:32px; padding-bottom:10px;} #Content20 .Camel-Train .h3_a::after{width:40px; margin-left:-20px;} #Content20 .Camel-Train .li_b .text_b{padding:0 5px 15px;} #Content20 .Camel-Train .li_b .p_b{font-size:14px;padding-top:6px; line-height: 22px;} #Content20 .Camel-Train .li_b .span_b{width:40px; height:40px; line-height:40px; font-size:14px;} #Content20 .Camel-Train .li_b .span_b::after{border-width:12px; margin-left:-12px; margin-top:-12px;} } /*运维*/ #Content21 .Camel-Oper{width:100%; display: block; float:left; padding:110px 0 115px; } #Content21 .Camel-Oper .title{ width:100%; dipslay:block; padding-bottom:80px; text-align: center;} #Content21 .Camel-Oper .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#ffffff; font-size:40px;font-family: 'sy_light'; } #Content21 .Camel-Oper .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#ffffff; width:80px; margin-left:-40px; } #Content21 .Camel-Oper .li_c{float:left; width:25%; text-align:center; padding:0 6%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content21 .Camel-Oper .pic{width:120px; height:120px; border-radius:50%; background:rgba(232,28,15,0.7); margin:0 auto; text-align:center; } #Content21 .Camel-Oper .text_c{dispaly:block; padding-top:20px; width:100%;} #Content21 .Camel-Oper .span_c{ line-height:30px; color:#ffffff; font-size:24px;} #Content21 .Camel-Oper .p_c{color:#a9a9a9; font-size:16px; line-height:26px; display:block; padding-top:15px; text-align:left; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content21 .Camel-Oper .li_c:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #Content21 .Camel-Oper .pic{width:100px; height:100px;} #Content21 .Camel-Oper .li_c{padding:0 3%;} #Content21 .Camel-Oper{padding:90px 0 90px;} } @media screen and (max-width:1199px){ #Content21 .Camel-Oper .title{padding-bottom:20px;} #Content21 .Camel-Oper .h3_a{font-size:36px; line-height:44px; padding-bottom:22px;} #Content21 .Camel-Oper .pic{width:80px; height:80px;} #Content21 .Camel-Oper .li_c{padding:0 3%;} #Content21 .Camel-Oper{padding:70px 0 60px;} #Content21 .Camel-Oper .text_c{padding-top:15px;} #Content21 .Camel-Oper .span_c{font-size:20px; line-height:24px;} #Content21 .Camel-Oper .p_c{line-height:22px; font-size:15px;} } @media screen and (max-width:991px){ #Content21 .Camel-Oper .title{padding-bottom:20px;} #Content21 .Camel-Oper .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content21 .Camel-Oper .h3_a::after{width:60px; margin-left:-30px;} #Content21 .Camel-Oper .pic{width:80px; height:80px;} #Content21 .Camel-Oper .li_c{padding:2% 11%; width:50%;} #Content21 .Camel-Oper{padding:50px 0 40px;} #Content21 .Camel-Oper .text_c{padding-top:10px;} #Content21 .Camel-Oper .span_c{font-size:18px; line-height:22px;} #Content21 .Camel-Oper .p_c{line-height:22px; font-size:15px;} } @media screen and (max-width:767px){ #Content21 .Camel-Oper .title{padding-bottom:15px;} #Content21 .Camel-Oper .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content21 .Camel-Oper .h3_a::after{width:40px; margin-left:-20px;} #Content21 .Camel-Oper .pic{width:70px; height:70px;} #Content21 .Camel-Oper .li_c{padding:2% 2%; width:50%;} #Content21 .Camel-Oper{padding:30px 0 20px;} #Content21 .Camel-Oper .text_c{padding-top:5px;} #Content21 .Camel-Oper .span_c{font-size:16px; line-height:22px;} #Content21 .Camel-Oper .p_c{line-height:16px; font-size:12px; padding-top:10px; height:42px;} } /*服务流程*/ #Content22 .Camel-Servi{width:100%; display:block; float:left; padding:120px 0;} #Content22 .Camel-Servi .title{ width:100%; dipslay:block; padding-bottom:98px; text-align: center;} #Content22 .Camel-Servi .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#111111; font-size:40px;font-family: 'sy_light'; } #Content22 .Camel-Servi .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content22 .Camel-Servi .text_c{line-height:42px; color:#555555; font-size:18px; display:block; text-align:center; } @media screen and (max-width:1629px){ #Content22 .Camel-Servi{padding:100px 0;} #Content22 .Camel-Servi .title{padding-bottom:80px;} } @media screen and (max-width:1199px){ #Content22 .Camel-Servi .title{padding-bottom:70px;} #Content22 .Camel-Servi .h3_a{font-size:36px; line-height:44px; padding-bottom:22px;} #Content22 .Camel-Servi{padding:80px 0;} } @media screen and (max-width:991px){ #Content22 .Camel-Servi .title{padding-bottom:50px;} #Content22 .Camel-Servi .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content22 .Camel-Servi .h3_a::after{width:60px; margin-left:-30px;} #Content22 .Camel-Servi{padding:50px 0;} } @media screen and (max-width:767px){ #Content22 .Camel-Servi .title{padding-bottom:30px;} #Content22 .Camel-Servi .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content22 .Camel-Servi .h3_a::after{width:40px; margin-left:-20px;} #Content22 .Camel-Servi{padding:30px 0;} } /*服务内容*/ #Content23 .Camel-vice{background: #f2f2f2; width:100%; float:left; display:block; padding:120px 0;} #Content23 .Camel-vice .title{ width:100%; dipslay:block; padding-bottom:40px; text-align: center;} #Content23 .Camel-vice .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:64px; color:#111111; font-size:50px;font-family: 'sy_light'; } #Content23 .Camel-vice .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content23 .Camel-vice .vice_pic{width:96.4%; display:block; margin:0 auto;} #Content23 .Camel-vice .ul_1{background:#e81c0f; display:flex; padding:0 30px;width:100%; border-radius:8px 8px 0 0;} #Content23 .Camel-vice .ul_1 .li_1{color:#ffffff; font-size:18px; padding:20px 0; line-height:22px; } #Content23 .Camel-vice .li_a{width:9%; text-indent:20px; text-align:left; } #Content23 .Camel-vice .li_b{width:32%; text-indent:20px;text-align:left; } #Content23 .Camel-vice .li_c{width:8%; text-align:center;} #Content23 .Camel-vice .li_d{width:11%; text-align:center;} #Content23 .Camel-vice .li_e{width:9%; text-align:center;} #Content23 .Camel-vice .li_f{width:15%; text-align:center;} #Content23 .Camel-vice .li_g{width:9%; text-align:center;} #Content23 .Camel-vice .li_h{width:9%; text-align:center;} #Content23 .Camel-vice .ul_2{background:rgba(232,28,15,0.1); height:40px; display:flex;padding:0 30px;} #Content23 .Camel-vice .ul_2 .li_1{color:#e81c0f; font-size:12px; line-height:40px; align-items: center; justify-content: center; } #Content23 .Camel-vice .ul_2 .li_c1{line-height:18px;} #Content23 .Camel-vice .cont_ul{background:#ffffff; padding:30px; width:100%; display:block; border-radius:0 0 8px 8px; } #Content23 .Camel-vice .ul_3{background:#f2f2f2; display:flex;} #Content23 .Camel-vice .ul_3 .li_1{font-size:14px; line-height:22px; padding:16.5px 0; align-items: center; justify-content: center; } #Content23 .Camel-vice .ul_3 .ri-check-line{color:#e81c0f; font-size:24px;} #Content23 .Camel-vice .ul_3:nth-child(2n){background:#ffffff;} @media screen and (max-width:1629px){ #Content23 .Camel-vice{padding:100px 0;} #Content23 .Camel-vice .ul_1 .li_1{padding:15px 0; font-size:16px;} #Content23 .Camel-vice .ul_1, #Content23 .Camel-vice .ul_2{padding:0 20px;} #Content23 .Camel-vice .cont_ul{padding:25px 20px;} #Content23 .Camel-vice .li_c{width:10%; text-align:center;} #Content23 .Camel-vice .li_d{width:10%; text-align:center;} #Content23 .Camel-vice .li_h{width:8%; text-align:center;} #Content23 .Camel-vice .ul_3 .li_1{font-size:13px;} #Content23 .Camel-vice .li_g{width:8%; text-align:center;} #Content23 .Camel-vice .li_a{width:10%;} } @media screen and (max-width:1199px){ #Content23 .Camel-vice .title{padding-bottom:30px;} #Content23 .Camel-vice .h3_a{font-size:40px; line-height:54px; padding-bottom:22px;} #Content23 .Camel-vice{padding:80px 0;} #Content23 .Camel-vice .vice_pic{width:100%;} #Content23 .Camel-vice .ul_1 .li_1{padding:12px 0; font-size:13px;} #Content23 .Camel-vice .ul_1, #Content23 .Camel-vice .ul_2{padding:0 20px;} #Content23 .Camel-vice .cont_ul{padding:25px 20px;} #Content23 .Camel-vice .li_c{width:10%; text-align:center;} #Content23 .Camel-vice .li_d{width:10%; text-align:center;} #Content23 .Camel-vice .li_h{width:8%; text-align:center;} #Content23 .Camel-vice .ul_3 .li_1{font-size:13px;} #Content23 .Camel-vice .li_g{width:8%; text-align:center;} #Content23 .Camel-vice .li_a{width:10%;text-indent:5px;} #Content23 .Camel-vice .li_b{text-indent:5px;} #Content23 .Camel-vice .ul_2{height:auto;} } @media screen and (max-width:991px){ #Content23 .Camel-vice .title{padding-bottom:20px;} #Content23 .Camel-vice .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content23 .Camel-vice .h3_a::after{width:60px; margin-left:-30px;} #Content23 .Camel-vice{padding:50px 0;} #Content23 .Camel-vice .ul_1 .li_1{padding:10px 0; font-size:12px; line-height:24px;} #Content23 .Camel-vice .ul_1, #Content23 .Camel-vice .ul_2{padding:0 10px;} #Content23 .Camel-vice .cont_ul{padding:15px 10px;} #Content23 .Camel-vice .li_c{width:15%; text-align:center;} #Content23 .Camel-vice .li_d{width:11%; text-align:center;} #Content23 .Camel-vice .li_e{width:9%;} #Content23 .Camel-vice .li_f{width:17%;} #Content23 .Camel-vice .li_h{width:12%; text-align:center;} #Content23 .Camel-vice .ul_3 .li_1{font-size:12px; padding:10px 0;} #Content23 .Camel-vice .li_g{width:8%; text-align:center;} #Content23 .Camel-vice .li_a{width:13%;text-indent:5px;} #Content23 .Camel-vice .li_b{text-indent:0; width:15%;} #Content23 .Camel-vice .ul_2 .li_1:nth-child(6){line-height:18px;} #Content23 .Camel-vice .ul_2{height:auto;} } @media screen and (max-width:767px){ #Content23 .Camel-vice .title{padding-bottom:15px;} #Content23 .Camel-vice .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content23 .Camel-vice .h3_a::after{width:40px; margin-left:-20px;} #Content23 .Camel-vice{padding:30px 0;} #Content23 .Camel-vice .ul_1{display:block;} #Content23 .Camel-vice .li_a, #Content23 .Camel-vice .li_b, #Content23 .Camel-vice .li_c, #Content23 .Camel-vice .li_d, #Content23 .Camel-vice .li_e, #Content23 .Camel-vice .li_f, #Content23 .Camel-vice .li_g, #Content23 .Camel-vice .li_h{ float:left; text-indent:0; padding-left:0; text-align:left;} #Content23 .Camel-vice .ul_1 .li_1{padding:5px 0;} #Content23 .Camel-vice .ul_2{display:flex;} #Content23 .Camel-vice .ul_2 .li_1{line-height:18px;} #Content23 .Camel-vice .ul_3{display:flex;} #Content23 .Camel-vice .ul_3 .li_a, #Content23 .Camel-vice .ul_3 .li_b{text-align:left;} #Content23 .Camel-vice .ul_3 .li_a{text-indent:10px;} #Content23 .Camel-vice .ul_3 .li_c, #Content23 .Camel-vice .ul_3 .li_d, #Content23 .Camel-vice .ul_3 .li_e, #Content23 .Camel-vice .ul_3 .li_f, #Content23 .Camel-vice .ul_3 .li_g, #Content23 .Camel-vice .ul_3 .li_h{} #Content23 .Camel-vice .vice_pic{overflow:auto;} #Content23 .Camel-vice .width_a{width:738px;overflow: auto; } /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Content23 .Camel-vice .vice_pic::-webkit-scrollbar { width:6px; height:6px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Content23 .Camel-vice .vice_pic::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Content23 .Camel-vice .vice_pic::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(232,28,15,0.9);} } /*模板详情*/ #Content24 .Camel-Temp{width:100%; float:left; display:block; position:relative; padding-left:315px;} #Content24 .Camel-Temp .span_img{position: absolute; left:0; top:0; margin-top:10px; width:201px; } #Content24 .Camel-Temp .text{padding-left:76px; border-left:1px solid #d6d6d6; line-height:36px; color:#333333; font-size:18px; width:100%; display:block;} @media screen and (max-width:1629px){ #Content24 .Camel-Temp{padding-left:200px;} #Content24 .Camel-Temp .text{padding-left:50px;} #Content24 .Camel-Temp .span_img{width:150px;} } @media screen and (max-width:1199px){ #Content24 .Camel-Temp .text{padding-left:50px; font-size:16px; line-height:30px;} } @media screen and (max-width:991px){ } @media screen and (max-width:767px){ #Content24 .Camel-Temp{padding:0;} #Content24 .Camel-Temp .span_img{position:inherit; width:201px; display:block; margin-top:0;} #Content24 .Camel-Temp .text{padding-left:0; font-size:14px; line-height:22px; border:none;} } /*模板详情*/ #Content25 .Camel-clou{width:100%; float:left; display:block; } #Content25 .Camel-clou .li_cl{background:#f6f6f6; display:block; width:100%; margin-bottom:80px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content25 .Camel-clou .left{float:left; width:50%;} #Content25 .Camel-clou .right{float:right; width:50%;} #Content25 .Camel-clou .text{padding:80px 12%;} #Content25 .Camel-clou .h3_c{position: relative; line-height:40px; color:#333333; font-size:36px; padding-top:20px;} #Content25 .Camel-clou .h3_c::after{position:absolute; left:0; top:0; background:#e81c0f; height:1px; width:84px; content:""; } #Content25 .Camel-clou .p_c{color:#666666; font-size:16px; margin-top:30px; min-height:120px; line-height:36px; } #Content25 .Camel-clou .li_cl:nth-child(2n) .right{float:left;} #Content25 .Camel-clou .li_cl:nth-child(2n) .left{float:right;} #Content25 .Camel-clou .li_cl img{display:block;} #Content25 .Camel-clou .li_cl:hover{ box-shadow:0 0 20px rgba(232,28,15,0.2); -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #Content25 .Camel-clou .text{padding:50px 8%;} } @media screen and (max-width:1199px){ #Content25 .Camel-clou .text{padding:50px 8%;} #Content25 .Camel-clou .p_c{min-height:100px; margin-top:30px; line-height:24px; font-size:15px;} #Content25 .Camel-clou .h3_c{font-size:30px; line-height:36px;} #Content25 .Camel-clou .li_cl{margin-bottom:50px;} } @media screen and (max-width:991px){ #Content25 .Camel-clou .text{padding:30px 5%;} #Content25 .Camel-clou .p_c{min-height:100px; margin-top:20px; line-height:22px; font-size:14px;} #Content25 .Camel-clou .h3_c{font-size:22px; line-height:28px; padding-top:6px;} #Content25 .Camel-clou .h3_c::after{width:50px;} #Content25 .Camel-clou .li_cl{margin-bottom:30px;} } @media screen and (max-width:767px){ #Content25 .Camel-clou .text{padding:30px 5%;} #Content25 .Camel-clou .left{width:100%;} #Content25 .Camel-clou .right{width:100%;} #Content25 .Camel-clou .p_c{min-height:100px; margin-top:10px; line-height:22px; font-size:14px;} #Content25 .Camel-clou .h3_c{font-size:18px; line-height:24px; padding-top:10px;} #Content25 .Camel-clou .h3_c::after{width:30px;} #Content25 .Camel-clou .li_cl{margin-bottom:30px;} } /*行业应用*/ #Content26 .Camel-applic{width:100%; float:left; display:block;} #Content26 .Camel-applic .title{text-align:center; width:100%;} #Content26 .Camel-applic .h3_a{color:#111111; font-size:50px; line-height:60px; padding-bottom:30px;} #Content26 .Camel-applic .ul_a{display:flex;align-items: center; justify-content: center; width:100%;} #Content26 .Camel-applic .li_a{position:relative;margin:0 33px;padding-bottom:10px;} #Content26 .Camel-applic .li_a a{width:100%; padding:0 2px; line-height:30px; font-size:24px; color:#333333; } #Content26 .Camel-applic .li_a::after{width:0; position: absolute; left:50%; bottom:0; height:3px; background:#e81c0f; content:""; oz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } #Content26 .Camel-applic .li_a:hover a, #Content26 .Camel-applic .li_a.on a{color:#e81c0f;} #Content26 .Camel-applic .li_a:hover::after, #Content26 .Camel-applic .li_a.on::after{width:100%;} /**/ #Content26 .Camel-manu{width:100%; display:block; float:left; background:#f4f4f4; padding:50px 0 30px;} #Content26 .Camel-manu .li_b{width:30%; margin:0 5% 2% 0; float:left; border-bottom:1px solid #e1e1e1;} #Content26 .Camel-manu .ul_a{width:90%; margin:0 auto;} #Content26 .Camel-manu .li_b a{display:block; width:100%;} #Content26 .Camel-manu .li_b img{display: block; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content26 .Camel-manu .li_b .pic{overflow: hidden; height:321px;} #Content26 .Camel-manu .li_b .h4_b{font-size:24px; line-height:30px; padding:12px 5px; width:100%; text-align:center;} #Content26 .Camel-manu .li_b:nth-child(3n){margin-right:0;} #Content26 .Camel-manu .li_b:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width:1629px){ #Content26 .Camel-applic .h3_a{font-size:40px; line-height:50px;} #Content26 .Camel-manu .li_b .pic{height:auto;} #Content26 .Camel-manu{padding:50px 0 20px;} } @media screen and (max-width:1199px){ #Content26 .Camel-applic .h3_a{font-size:30px; line-height:40px; padding-bottom:20px;} #Content26 .Camel-applic .li_a a{font-size:20px; line-height:24px;} #Content26 .Camel-manu{padding:50px 0 20px;} #Content26 .Camel-manu .li_b .h4_b{padding:20px 5px; font-size:20px; line-height:24px;} } @media screen and (max-width:991px){ #Content26 .Camel-applic .h3_a{font-size:24px; line-height:34px; padding-bottom:20px;} #Content26 .Camel-applic .li_a a{font-size:18px; line-height:24px;} #Content26 .Camel-manu{padding:40px 0 10px;} #Content26 .Camel-manu .li_b .h4_b{padding:14px 5px; font-size:18px; line-height:24px;} } @media screen and (max-width:767px){ #Content26 .Camel-applic .h3_a{font-size:20px; line-height:30px; padding-bottom:0px;} #Content26 .Camel-applic .li_a a{font-size:14px; line-height:24px;} #Content26 .Camel-applic .li_a{margin:0 10px; padding-bottom:5px;} #Content26 .Camel-manu{padding:30px 0 10px;} #Content26 .Camel-manu .li_b .h4_b{padding:10px 5px; font-size:14px; line-height:22px;} #Content26 .Camel-manu .li_b{width:45%; float:left; margin-bottom:20px;} #Content26 .Camel-manu .li_b:nth-child(3n){margin-right:5%;} #Content26 .Camel-manu .li_b:nth-child(2n){margin-right:0;} } /*团队*/ #Content27 .Camel-team{width:100%; display:block; float:left;} #Content27 .Camel-team .title{ width:100%; dipslay:block; padding-bottom:30px; text-align: center;} #Content27 .Camel-team .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#111111; font-size:42px;font-family: 'sy_light'; } #Content27 .Camel-team .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content27 .Camel-team .span_a{color:#111111; font-size:18px; line-height:30px; margin-top:36px; display:block;} #Content27 .Camel-team .ul_c{width:88%; margin:0 auto;} #Content27 .Camel-team .li_c{width:48%; margin:0 4% 4% 0; float:left; padding-left:160px; position:relative;} #Content27 .Camel-team .li_c .span_img{width:160px; position:absolute; left:0; top:50%; height:160px; background: #f6f6f6; border-radius:50%; display:block; margin-top:-80px; } #Content27 .Camel-team .li_c .right{width:100%; padding-left:5%; margin:16px 0;} #Content27 .Camel-team .li_c .h4_c{color:#111111; font-size:20px; line-heigt:30px; display:block;} #Content27 .Camel-team .li_c .p_c{color:#555555; font-size:14px; line-height:30px; margin-top:10px; width:100%;} #Content27 .Camel-team .li_c:nth-child(2n){margin-right:0;} #Content27 .Camel-team .li_c:hover .h4_c{color:#e81c0f;} @media screen and (max-width:1629px){ #Content27 .Camel-team .li_c .p_c{line-height:24px; font-size:14px;} } @media screen and (max-width:1199px){ #Content27 .Camel-team .title{padding-bottom:20px;} #Content27 .Camel-team .h3_a{font-size:40px; line-height:54px; padding-bottom:22px;} #Content27 .Camel-team .span_a{margin-top:20px;} #Content27 .Camel-team .li_c .span_img{width:130px; height:130px; margin-top:20px; top:0;} #Content27 .Camel-team .li_c{padding-left:160px;} #Content27 .Camel-team .li_c .p_c{line-height:22px; font-size:14px; margin-top:0;} } @media screen and (max-width:991px){ #Content27 .Camel-team .title{padding-bottom:20px;} #Content27 .Camel-team .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content27 .Camel-team .h3_a::after{width:60px; margin-left:-30px;} #Content27 .Camel-team .li_c{width:100%; margin-right:0; } #Content27 .Camel-team .li_c .span_img{width:140px; height:140px;} #Content27 .Camel-team .li_c{padding-left:140px;} #Content27 .Camel-team .li_c .p_c{min-height:80px; margin-top:10px;} #Content27 .Camel-team .span_a{font-size:16px; line-height:24px;} } @media screen and (max-width:767px){ #Content27 .Camel-team .title{padding-bottom:15px;} #Content27 .Camel-team .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content27 .Camel-team .h3_a::after{width:40px; margin-left:-20px;} #Content27 .Camel-team .span_a{margin-top:10px; font-size:14px; line-height:22px;} #Content27 .Camel-team .li_c .span_img{width:100px; height:100px; position:inherit; margin:0 auto;} #Content27 .Camel-team .li_c{padding-left:0;} #Content27 .Camel-team .li_c .right{margin:0; padding:0;} #Content27 .Camel-team .li_c .p_c{min-height:60px; margin-top:10px; font-size:12px; line-height:22px;} #Content27 .Camel-team .li_c .h4_c{line-height:24px; font-size:16px;} } /*精诚中国*/ #Content28 .Camel-cloua{width:100%; display:block; float:left; background:#f4f4f4;} #Content28 .Camel-cloua .li_cl{background:#f6f6f6; display:block; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content28 .Camel-cloua .left{float:left; width:50%;} #Content28 .Camel-cloua .right{float:right; width:50%;} #Content28 .Camel-cloua .text{padding:145px 12%;} #Content28 .Camel-cloua .h3_c{position: relative; line-height:40px; color:#333333; font-size:36px; padding-bottom:20px;} #Content28 .Camel-cloua .h3_c::after{position:absolute; left:0; bottom:0; background:#e81c0f; height:1px; width:84px; content:""; } #Content28 .Camel-cloua .p_c{color:#666666; font-size:16px; margin-top:50px; min-height:120px; line-height:36px; } #Content28 .Camel-cloua .li_cl img{display:block;} #Content28 .Camel-cloua .li_cl:hover .h3_c{ color:#e81c0f; } #Content28 .Camel-cloua .slick-dots{width:100%; display:block!important; bottom:20px; font-size:0; text-align:center; } #Content28 .Camel-cloua .slick-dots li{width:12px; height:12px; margin:0 5px; position:relative; border:1px solid #e81c0f; border-radius:50%; text-align:center; } #Content28 .Camel-cloua .slick-dots li.slick-active{ position:relative;background:#e81c0f;border:1px solid #e81c0f; } @media screen and (max-width:1629px){ #Content28 .Camel-cloua .text{padding:50px 8%;} } @media screen and (max-width:1199px){ #Content28 .Camel-cloua .text{padding:50px 8%;} #Content28 .Camel-cloua .p_c{min-height:100px; margin-top:30px; line-height:24px; font-size:15px;} #Content28 .Camel-cloua .h3_c{font-size:30px; line-height:36px;} #Content28 .Camel-cloua .li_cl{margin-bottom:50px;} } @media screen and (max-width:991px){ #Content28 .Camel-cloua .text{padding:30px 5%;} #Content28 .Camel-cloua .p_c{min-height:100px; margin-top:20px; line-height:22px; font-size:14px;} #Content28 .Camel-cloua .h3_c{font-size:22px; line-height:28px; padding-top:6px;} #Content28 .Camel-cloua .h3_c::after{width:50px;} #Content28 .Camel-cloua .li_cl{margin-bottom:30px;} } @media screen and (max-width:767px){ #Content28 .Camel-cloua .text{padding:30px 5%;} #Content28 .Camel-cloua .left{width:100%;} #Content28 .Camel-cloua .right{width:100%;} #Content28 .Camel-cloua .p_c{min-height:100px; margin-top:10px; line-height:22px; font-size:14px;} #Content28 .Camel-cloua .h3_c{font-size:18px; line-height:24px; padding-top:10px;} #Content28 .Camel-cloua .h3_c::after{width:30px;} #Content28 .Camel-cloua .li_cl{margin-bottom:30px;} } /*客户案例*/ #Content29 .Camel-tomer{width:100%; display:block; float:left;} #Content29 .Camel-tomer .title_a{width:100%; text-align:center; padding-bottom:40px;} #Content29 .Camel-tomer .h4_title{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#111111; font-size:46px;font-family: 'sy_light'; } #Content29 .Camel-tomer .h4_title::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content29 .Camel-tomer .Relat_ul{width:88%; margin:0 auto;} #Content29 .Camel-tomer .li_e{float:left; width:32%; margin:0 2% 2% 0; background:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content29 .Camel-tomer .li_e:nth-child(3n){margin-right:0;} #Content29 .Camel-tomer .li_e a{width:100%; height:100%; display:block;} #Content29 .Camel-tomer .li_e .text{width:100%; background:#f6f6f6; padding:20px 30px;} #Content29 .Camel-tomer .li_e .h5_a{color:#333333; font-size:18px; line-height:24px;} #Content29 .Camel-tomer .li_e .p_a{color:#888888; font-size:16px; line-height:30px; display:block; padding-top:12px; } #Content29 .Camel-tomer .li_e .pic{width:100%;} #Content29 .Camel-tomer .li_e img{display:block;} #Content29 .Camel-tomer .li_e:hover .h5_a, #Content29 .Camel-tomer .li_e:hover .p_a{color:#e81c0f;} @media screen and (max-width:1629px){ } @media screen and (max-width:1199px){ #Content29 .Camel-tomer .title_a{padding-bottom:30px;} #Content29 .Camel-tomer .h4_title{font-size:40px; line-height:54px; padding-bottom:22px;} #Content29 .Camel-tomer .li_e .text{padding:15px 20px;} #Content29 .Camel-tomer .li_e .h5_a{font-size:16px; line-height:18px;} #Content29 .Camel-tomer .li_e .p_a{padding-top:10px; line-height:24px; font-size:16px;} } @media screen and (max-width:991px){ #Content29 .Camel-tomer .title_a{padding-bottom:20px;} #Content29 .Camel-tomer .h4_title{font-size:30px; line-height:44px; padding-bottom:16px;} #Content29 .Camel-tomer .h4_title::after{width:60px; margin-left:-30px;} #Content29 .Camel-tomer .li_e{width:48%;} #Content29 .Camel-tomer .li_e:nth-child(3n){margin-right:2%;} #Content29 .Camel-tomer .li_e:nth-child(2n){margin-right:0;} #Content29 .Camel-tomer .li_e .text{padding:15px 20px;} #Content29 .Camel-tomer .li_e .h5_a{font-size:16px; line-height:18px;} #Content29 .Camel-tomer .li_e .p_a{padding-top:10px; line-height:24px; font-size:16px;} } @media screen and (max-width:767px){ #Content29 .Camel-tomer .Relat_ul{width:100%;} #Content29 .Camel-tomer .title_a{padding-bottom:15px;} #Content29 .Camel-tomer .h4_title{font-size:20px; line-height:34px; padding-bottom:10px;} #Content29 .Camel-tomer .h4_title::after{width:40px; margin-left:-20px;} #Content29 .Camel-tomer .li_e{width:49%; margin-right:2%;} #Content29 .Camel-tomer .li_e:nth-child(2n){margin-right:0;} #Content29 .Camel-tomer .li_e .text{padding:8px 8px;} #Content29 .Camel-tomer .li_e .h5_a{font-size:14px; line-height:16px;} #Content29 .Camel-tomer .li_e .p_a{padding-top:5px; line-height:24px; font-size:14px;} } /*联系我们*/ #Content30 .Camel-conpic{width:100%; float:left; display:block;} #Content30 .Camel-conpic .lx_li{padding:120px 0; background:#ffffff;width:100%; } #Content30 .Camel-conpic .lx_li:nth-child(2n){background:#f9f9f9;} #Content30 .Camel-conpic .left{width:51%; float:left; padding-right:2%;} #Content30 .Camel-conpic .h4_a{padding:15px 0 26px 30px;border-bottom:1px solid #e7e7e7; width:100%; display:block; color:#e81c0f; line-height:30px; font-size:24px; font-weight:bold; position:relative; } #Content30 .Camel-conpic .h4_a .i_1{position:absolute; left:0; margin-top:20px; top:0; width:19px; height:24px; background:url(/template/theme/CN/1449_dw1.png)no-repeat; background-size:100% 100%; } #Content30 .Camel-conpic .h4_a .ri-map-pin-2-fill{color:#e81c0f; font-size:24px;} #Content30 .Camel-conpic .ul_a{padding:40px 0; width:100%; display: block;} #Content30 .Camel-conpic .li_a{width:33.333%; padding-right:10px; float:left;} #Content30 .Camel-conpic .img{width:89px; height:89px; background:#e2e2e2; border-radius:50%; display:block;} #Content30 .Camel-conpic .span_a{display:block; margin:10px 0 10px 10px; color:#333333; font-size:16px; font-weight:bold; display:block;} #Content30 .Camel-conpic .span_a .i{color:#777777; font-weight:normal; font-size:16px; line-heigt:20px; padding:0 5px;} #Content30 .Camel-conpic .b_a{display:block; padding-left:10px; line-height:32px; color:#333333; font-size:24px; font-weight:bold;} #Content30 .Camel-conpic .p_a{line-height:30px; color:#777777; font-size:16px; margin-top:16px; display:block;} #Content30 .Camel-conpic .li_a:hover .img{background:#e81c0f;} #Content30 .Camel-conpic .right{width:49%; float:right;} #Content30 .Camel-conpic .bdmap{ height:378px;} #Content30 .Camel-conpic .bdmap img{ max-width:none;} #Content30 .Camel-conpic .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;} #Content30 .Camel-conpic .bdmap .BMap_pop{ float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0; left: 40px!important; top: 150px!important; display:none; } #Content30 .Camel-conpic .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;} #Content30 .Camel-conpic .bdmap .BMap_pop .BMap_top{display:none;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(8){display:none;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(7){display:none;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(3){display:none;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(5){display:none !important;} #Content30 .Camel-conpic .bdmap .BMap_bottom{display:none !important;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(2){background:none !important;} #Content30 .Camel-conpic .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;} #Content30 .Camel-conpic .bdmap .BMap_pop div:nth-child(9), #Content30 .Camel-conpic .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;} #Content30 .Camel-conpic .bdmap .BMap_pop img:nth-child(10){display:none;} #Content30 .Camel-conpic .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;} @media screen and (max-width:1629px){ #Content30 .Camel-conpic .lx_li{padding:90px 0;} #Content30 .Camel-conpic .h4_a{padding:15px 0 12px 30px;} } @media screen and (max-width:1199px){ #Content30 .Camel-conpic .lx_li{padding:70px 0;} #Content30 .Camel-conpic .h4_a{padding:15px 0 12px 30px;} #Content30 .Camel-conpic .ul_a{padding:30px 0;} #Content30 .Camel-conpic .img{width:70px; height:70px;} #Content30 .Camel-conpic .b_a{font-size:24px;} #Content30 .Camel-conpic .span_a{margin:6px 0 6px 10px;} } @media screen and (max-width:991px){ #Content30 .Camel-conpic .lx_li{padding:50px 0;} #Content30 .Camel-conpic .ul_a{padding:20px 0;} #Content30 .Camel-conpic .left{width:100%; padding:0;} #Content30 .Camel-conpic .right{width:100%; margin-top:15px;} #Content30 .Camel-conpic .p_a{margin-top:0;} } @media screen and (max-width:767px){ #Content30 .Camel-conpic .lx_li{padding:30px 0;} #Content30 .Camel-conpic .ul_a{padding:20px 0;} #Content30 .Camel-conpic .b_a{font-size:17px; line-height: 24px; padding-left:2px;} #Content30 .Camel-conpic .span_a{margin:4px 0 4px 6px;} #Content30 .Camel-conpic .span_a .i{font-size:14px;} #Content30 .Camel-conpic .img{width:50px; height:50px;} #Content30 .Camel-conpic .left{width:100%; padding:0;} #Content30 .Camel-conpic .right{width:100%; margin-top:15px;} #Content30 .Camel-conpic .p_a{margin-top:0; font-size:14px; line-height:22px;} #Content30 .Camel-conpic .h4_a{padding:0 0 5px 20px; font-size:18px;} #Content30 .Camel-conpic .h4_a .i_1{margin-top:4px; width:15px; height:19px; background-size:100% 100%;} #Content30 .Camel-conpic .bdmap{height:240px;} } /*代理资质*/ #Content31 .Camel-age{width:100%; display:block; float:left;} #Content31 .Camel-age .title_a{width:100%; display:block; position:relative; padding-bottom:30px; margin-bottom:50px;} #Content31 .Camel-age .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #Content31 .Camel-age .p_a{color:#666666; font-size:24px; display:block; line-height:32px;} #Content31 .Camel-age .title_a::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #Content31 .Camel-age .title_a::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; left:0;border-radius:50%; bottom:0; } #Content31 .Camel-age .age_ul{width:100%; display:block;} #Content31 .Camel-age .ul_a{width:49%;margin-right:2%; float:left; } #Content31 .Camel-age .ul_a_k{width:100%;float:left; } #Content31 .Camel-age .ul_a:nth-child(2n){margin-right:0;} #Content31 .Camel-age .li_a{width:100%; float:left; padding:20px; background:#f6f6f8; margin-bottom:4px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a_k{width:49%;margin-right:2%; float:left; padding:20px; background:#f6f6f8; margin-bottom:4px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a_k:nth-child(2n){margin-right:0;} #Content31 .Camel-age .li_a a{padding-left:34px; display:block; position:relative; width:100%; color:#333333; font-size:18px; line-height:20px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a_k a{padding-left:34px; display:block; position:relative; width:100%; color:#333333; font-size:18px; line-height:20px; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a .i{position:absolute; left:0; top:50%; margin-top:-3px; width:5px; height:5px; background:#e81c0f; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a_k .i{position:absolute; left:0; top:50%; margin-top:-3px; width:5px; height:5px; background:#e81c0f; -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; } #Content31 .Camel-age .li_a1{margin-bottom:68px;} #Content31 .Camel-age .li_a:hover{background:#e81c0f; -webkit-transform: translateY(-10px); transform: translateY(-10px); } #Content31 .Camel-age .li_a:hover a{color:#ffffff;} #Content31 .Camel-age .li_a:hover .i{background:#ffffff;} @media screen and (max-width:1629px){ #Content31 .Camel-age .h3_a{font-size:40px; line-height:54px;} #Content31 .Camel-age .p_a{font-size: 20px; line-height:26px;} } @media screen and (max-width:1199px){ #Content31 .Camel-age .h3_a{font-size:32px; line-height:42px;} #Content31 .Camel-age .p_a{font-size:18px; line-height:24px;} #Content31 .Camel-age .li_a{padding:15px; } #Content31 .Camel-age .li_a a{font-size:16px; padding-left:30px;} #Content31 .Camel-age .title_a{margin-bottom:40px;} } @media screen and (max-width:991px){ #Content31 .Camel-age .h3_a{font-size:24px; line-height:36px;} #Content31 .Camel-age .p_a{font-size:16px; line-height:24px;} #Content31 .Camel-age .li_a{padding:15px; height:auto;} #Content31 .Camel-age .li_a a{font-size:14px; padding-left:25px;} #Content31 .Camel-age .title_a{margin-bottom:30px;} } @media screen and (max-width:767px){ #Content31 .Camel-age .h3_a{font-size:20px; line-height:24px;} #Content31 .Camel-age .p_a{font-size:14px; line-height:22px;} #Content31 .Camel-age .ul_a{width:100%; margin-right:0;} #Content31 .Camel-age .li_a{padding:10px; height:auto;} #Content31 .Camel-age .li_a a{font-size:14px; padding-left:15px;} #Content31 .Camel-age .title_a{margin-bottom:20px; padding-bottom:15px;} #Content31 .Camel-age .title_a::after{bottom:5px;} #Content31 .Camel-age .title_a::before{width:10px; height:10px;} #Content31 .Camel-age .li_a1{margin-bottom:0;} } /*软件著作权证书*/ #Content32 .Camel-soft{width:100%; display:block; float:left; background:#f6f6f8; padding:116px 0 100px;} #Content32 .Camel-soft .title_a{width:100%; display:block; position:relative; padding-bottom:30px; margin-bottom:50px;} #Content32 .Camel-soft .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #Content32 .Camel-soft .p_a{color:#666666; font-size:24px; display:block; line-height:32px;} #Content32 .Camel-soft .title_a::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #Content32 .Camel-soft .title_a::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; left:0;border-radius:50%; bottom:0; } #Content32 .Camel-soft .soft_width{width:100%; display:block;} #Content32 .Camel-soft .slideOut{float: left; width: 100%; position: relative;} #Content32 .Camel-soft .slidea{ float: left; width: 100%; min-height: 100px; overflow: hidden; padding-top: 10px;} #Content32 .Camel-soft .m-slidea{ position: relative;} #Content32 .Camel-soft .slidea .img{ position: absolute;text-align:center; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;background: #fff; box-shadow: 0 0 10px #EDEEEF; } #Content32 .Camel-soft .slidea .img img{ display: block; height: 100%; margin:0 auto; text-align:center; } #Content32 .Camel-soft .slidea .img::after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.05); content:""; z-index:3; } #Content32 .Camel-soft .slidea .img3::after{display:none;} #Content32 .Camel-soft .slidea .img1{ height: 50%; top: 20%;left: 0;z-index: 1; } #Content32 .Camel-soft .slidea .img2{ height: 70%; top: 10%;left: 14%;z-index: 2;} #Content32 .Camel-soft .slidea .img3{ left: 50%;z-index: 3; -webkit-transform: translate(-50%,0 ); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } #Content32 .Camel-soft .slidea .img3 img { height: 100%;} #Content32 .Camel-soft .slidea .img3 .p_a{opacity: 1;} #Content32 .Camel-soft .slidea .img4 { height: 70%;top: 10%; right:14%; z-index: 2;} #Content32 .Camel-soft .slidea .img5{ height: 50%; top: 20%;right: 0;z-index: 1;} #Content32 .Camel-soft .slidea .sd{ position: absolute; width: 100%; left: 0; top: 0;} #Content32 .Camel-soft .slidea .img2 .sd{ display: none;} #Content32 .Camel-soft .slidea .img4 .sd{ display: none;} #Content32 .Camel-soft .slidea .p_a{position:absolute; width:100%; bottom:-40px; text-align:center; color:#333333; font-size:18px; line-height:30px; opacity: 0; padding:0 10px; } #Content32 .Camel-soft .slide-bt{ position: absolute;left: 50%;bottom: 13%; z-index: 10; display: none;} #Content32 .Camel-soft button{width: 50px;} #Content32 .Camel-soft .butLeft{ position: absolute; left: 16.5%; top: 50%; margin-top: -58px; width:30px; height: 58px; background: url("/template/theme/CN/1451_zz_left.png") no-repeat; outline: 0; z-index: 20; cursor: pointer;} #Content32 .Camel-soft .butRight{position: absolute; right: 16.5%; top: 50%; margin-top: -58px; width:30px; height: 58px; background: url("/template/theme/CN/1451_zz_right.png") no-repeat; outline: 0; z-index: 20; cursor: pointer; } @media screen and (max-width:1629px){ #Content32 .Camel-soft{padding:100px 0 90px;} #Content32 .Camel-soft .h3_a{font-size:40px; line-height:54px;} #Content32 .Camel-soft .p_a{font-size: 20px; line-height:26px;} #Content32 .Camel-soft .slidea .img3{width:40%;} #Content32 .Camel-soft .slidea .img3 img{height:auto;} } @media screen and (max-width:1199px){ #Content32 .Camel-soft{padding:80px 0 70px;} #Content32 .Camel-soft .h3_a{font-size:32px; line-height:42px;} #Content32 .Camel-soft .p_a{font-size:18px; line-height:24px;} #Content32 .Camel-soft .title_a{margin-bottom:40px;} } @media screen and (max-width:991px){ #Content32 .Camel-soft{padding:60px 0 50px;} #Content32 .Camel-soft .h3_a{font-size:24px; line-height:36px;} #Content32 .Camel-soft .p_a{font-size:16px; line-height:24px;} #Content32 .Camel-soft .title_a{margin-bottom:30px;} #Content32 .Camel-soft .butRight, #Content32 .Camel-soft .butLeft{width:24px; height:46px; background-size:100% 100%; margin-top:-46px;} #Content32 .Camel-soft .slidea .p_a{font-size:16px;} } @media screen and (max-width:767px){ #Content32 .Camel-soft{padding:30px 0 30px;} #Content32 .Camel-soft .h3_a{font-size:20px; line-height:24px;} #Content32 .Camel-soft .p_a{font-size:14px; line-height:22px;} #Content32 .Camel-soft .title_a{margin-bottom:20px; padding-bottom:15px;} #Content32 .Camel-soft .title_a::after{bottom:5px;} #Content32 .Camel-soft .title_a::before{width:10px; height:10px;} #Content32 .Camel-soft .slidea .img3{width:80%;} #Content32 .Camel-soft .slidea .img2{width:30%; opacity: 0;} #Content32 .Camel-soft .slidea .img1{width:30%; opacity: 0;} #Content32 .Camel-soft .slidea .img4, #Content32 .Camel-soft .slidea .img5{width:20%; opacity: 0;} #Content32 .Camel-soft .butRight{right:0; } #Content32 .Camel-soft .butLeft{left:0;} #Content32 .Camel-soft .butRight, #Content32 .Camel-soft .butLeft{width:12px; height:23px; background-size:100% 100%; margin-top:-23px;} #Content32 .Camel-soft .slidea .p_a{font-size:14px;} #Content32 .Camel-soft .slidea .img3{height:75%;} #Content32 .Camel-soft .slidea .img{overflow: hidden;} #Content32 .Camel-soft .slideOut{padding:0 25px;} #Content32 .Camel-soft .soft_width{overflow:hidden;} } /*成就与荣誉*/ #Content33 .Camel-ach{display: block; width:100%; float:left;} #Content33 .Camel-ach .title_a{width:100%; display:block; position:relative; padding-bottom:30px; margin-bottom:50px;} #Content33 .Camel-ach .h3_a{color:#111111; font-size:50px; display:block; line-height:82px; } #Content33 .Camel-ach .p_a{color:#666666; font-size:24px; display:block; line-height:32px;} #Content33 .Camel-ach .title_a::after{position:absolute; left:0; bottom:8px; height:1px; width:100%; background:#eaeaea; content:""; } #Content33 .Camel-ach .title_a::before{width:16px; height:16px; background:#eaeaea; content:""; position:absolute; left:0;border-radius:50%; bottom:0; } #Content33 .Camel-ach .ach_ul{width:100%; display:block;} #Content33 .Camel-ach .li_a{width:23.125%; margin-right:2.5%; margin-bottom:2%; float: left;} #Content33 .Camel-ach .li_a:nth-child(4n){margin-right:0;} #Content33 .Camel-ach .li_a a{width:100%; display: block; text-align:center; background:#f4f4f4;} #Content33 .Camel-ach .li_a .pic{text-align:center; padding:39px 39px 30px;} #Content33 .Camel-ach .li_a img{display:block; -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; } #Content33 .Camel-ach .li_a .p{padding:0 40px 20px; line-height:30px; color:#333333; font-size:18px;} #Content33 .Camel-ach .li_a:hover .p{color:#e81c0f;} #Content33 .Camel-ach .li_a:hover img{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #Content33 .Camel-ach .h3_a{font-size:40px; line-height:54px;} #Content33 .Camel-ach .p_a{font-size: 20px; line-height:26px;} #Content33 .Camel-ach .li_a .pic{padding:25px 25px 25px;} } @media screen and (max-width:1199px){ #Content33 .Camel-ach .h3_a{font-size:32px; line-height:42px;} #Content33 .Camel-ach .p_a{font-size:18px; line-height:24px;} #Content33 .Camel-ach .title_a{margin-bottom:40px;} #Content33 .Camel-ach .li_a .pic{padding:20px 20px 20px;} } @media screen and (max-width:991px){ #Content33 .Camel-ach .h3_a{font-size:24px; line-height:36px;} #Content33 .Camel-ach .p_a{font-size:16px; line-height:24px;} #Content33 .Camel-ach .title_a{margin-bottom:30px;} #Content33 .Camel-ach .li_a .pic{padding:30px 30px 30px;} #Content33 .Camel-ach .li_a{width:47.5%;} #Content33 .Camel-ach .li_a:nth-child(4n){margin-right:2.5%;} #Content33 .Camel-ach .li_a:nth-child(2n){margin-right:0;} } @media screen and (max-width:767px){ #Content33 .Camel-ach .h3_a{font-size:20px; line-height:24px;} #Content33 .Camel-ach .p_a{font-size:14px; line-height:22px;} #Content33 .Camel-ach .title_a{margin-bottom:20px; padding-bottom:15px;} #Content33 .Camel-ach .title_a::after{bottom:5px;} #Content33 .Camel-ach .title_a::before{width:10px; height:10px;} #Content33 .Camel-ach .li_a .pic{padding:10px 10px 10px;} #Content33 .Camel-ach .li_a .p{font-size:14px; padding:0 10px 10px; line-height:22px;} } /*相关资讯*/ #Content34 .Camel-Relat{width:100%; display:block; padding:80px 0 58px; float:left; background:#f4f4f4;} #Content34 .Camel-Relat .h4_title{font-size:36px; padding:0 8%; line-height:50px; color:#333333; display:block; padding-bottom:36px;} #Content34 .Camel-Relat .Relat_ul{width:84%; margin:0 auto;} #Content34 .Camel-Relat .li_e{float:left; width:49%; margin:0 2% 2% 0; padding:20px; background:#ffffff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } #Content34 .Camel-Relat .li_e:nth-child(2n){margin-right:0;} #Content34 .Camel-Relat .li_e a{background:#ffffff; position:relative; width:100%; height:100%; display:block; } #Content34 .Camel-Relat .li_e .text{width:55%; float:left; padding-right:5%;} #Content34 .Camel-Relat .li_e .h5_a{color:#333333; font-size:20px; line-height:24px; padding:20px 0;} #Content34 .Camel-Relat .li_e .p_a{color:#666666; font-size:16px; line-height:30px; display:block; overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } #Content34 .Camel-Relat .li_e .span_a{margin-top:45px; padding-top:22px; color:#999999; font-size:14px; line-height:18px;display:block; width:100%; border-top:1px solid #e1e1e1; } #Content34 .Camel-Relat .li_e .pic{width:43.498%; float:right;} #Content34 .Camel-Relat .li_e:hover{box-shadow:0 0 20px rgba(232,28,15,0.2);} #Content34 .Camel-Relat .li_e:hover .h5_a{color:#e81c0f;} @media screen and (max-width:1629px){ #Content34 .Camel-Relat{padding:70px 0 50px;} #Content34 .Camel-Relat .h4_title{font-size:36px; line-height: 40px;} #Content34 .Camel-Relat .li_e .pic{margin-top:20px;} } @media screen and (max-width:1199px){ #Content34 .Camel-Relat{padding:60px 0 40px;} #Content34 .Camel-Relat .h4_title{font-size:32px; line-height: 30px;} #Content34 .Camel-Relat .li_e .h5_a{padding:10px 0;} #Content34 .Camel-Relat .li_e .p_a{line-height:24px;} #Content34 .Camel-Relat .li_e .span_a{margin-top:30px; padding-top:10px;} #Content34 .Camel-Relat .li_e .pic{margin:14px 0;} } @media screen and (max-width:991px){ #Content34 .Camel-Relat{padding:40px 0 30px;} #Content34 .Camel-Relat .h4_title{font-size:26px; line-height: 28px;} #Content34 .Camel-Relat .li_e .h5_a{padding:10px 0;} #Content34 .Camel-Relat .li_e .p_a{line-height:24px;} #Content34 .Camel-Relat .li_e .span_a{margin-top:50px; padding-top:10px;} #Content34 .Camel-Relat .li_e .pic{margin:0;} #Content34 .Camel-Relat .li_e{width:100%; margin-right:0;} } @media screen and (max-width:767px){ #Content34 .Camel-Relat{padding:40px 0 30px;} #Content34 .Camel-Relat .h4_title{font-size:20px; line-height: 24px; padding:0 0 20px;} #Content34 .Camel-Relat .Relat_ul{width:100%;} #Content34 .Camel-Relat .li_e .h5_a{padding:6px 0; font-size:16px;} #Content34 .Camel-Relat .li_e .p_a{line-height:24px; font-size:14px;} #Content34 .Camel-Relat .li_e .span_a{margin-top:20px; padding-top:10px;} #Content34 .Camel-Relat .li_e .pic{margin:15px 0 0;} #Content34 .Camel-Relat .li_e{width:100%; margin-right:0; padding:10px; margin-bottom:15px;} #Content34 .Camel-Relat .li_e .text{width:100%; padding:0;} #Content34 .Camel-Relat .li_e .pic{width:100%;} } /*通用*/ #Content35 .ty_pica{width:100%; display:block; float:left;} #Content35 .ty_pica .top{background:#f1f1f1; display:block; padding:72px 0 20px; width:100%;} #Content35 .ty_pica .title{display:block;} #Content35 .ty_pica .h4_a{color:#191628; font-size:36px; line-height:40px;} #Content35 .ty_pica .time{margin:25px 0 15px; color:#444444; font-size:14px;} #Content35 .ty_pica .span_a{float:left; margin-right:10px;} #Content35 .ty_pica .i{padding-right:5px; margin-top:1px; float:left;} #Content35 .ty_pica .ri-time-line{color:#929292; font-size:20px; } #Content35 .ty_pica .ri-eye-line{color:#929292; font-size:20px;} #Content35 .ty_pica .pic_text{width:100%; display:block; padding:60px 0;} #Content35 .ty_pica .text_left{width:100%; color:#444444; font-size:18px; line-height:30px; } @media screen and (max-width:1629px){ #Content35 .ty_pica .top{padding:60px 0 20px;} #Content35 .ty_pica .h4_a{font-size:30px; line-height:30px;} } @media screen and (max-width:1199px){ #Content35 .ty_pica .top{padding:50px 0 20px;} #Content35 .ty_pica .h4_a{font-size:28px; line-height:28px;} } @media screen and (max-width:991px){ #Content35 .ty_pica .top{padding:40px 0 10px;} #Content35 .ty_pica .title{text-align:center;} #Content35 .ty_pica .time{text-align:center; width:100%; display: inline-block; vertical-align: top;display:flex;align-items: center; justify-content: center;} #Content35 .ty_pica .span_a{float:none;} #Content35 .ty_pica .h4_a{font-size:24px; line-height:24px;} #Content35 .ty_pica .text_left{font-size:16px; line-height:24px;} } @media screen and (max-width:767px){ #Content35 .ty_pica .top{padding:20px 0 10px;} #Content35 .ty_pica .h4_a{font-size:18px; line-height:22px;} #Content35 .ty_pica .text_left{font-size:14px; line-height:24px;} } /*公共*/ .w_1740{ padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;} #Content36{width:100%; float:left; display:block;} @media (min-width: 768px) { .w_1740{ width: 768px; } } @media (min-width: 992px) { .w_1740{ width: 992px; } } @media (min-width: 1200px) { .w_1740{width:1200px;} } @media (min-width: 1630px){ .w_1740 { width: 1630px; } } @media (min-width:1920px){ .w_1740{ width: 1740px; } } /*行业应用单页*/ #Content36 .Camel-details{position:relative; background:#ffffff; width:100%; display:block; float:left; margin-top:-158px; z-index:2; } #Content36 .Camel-details .top{border-bottom:1px solid #e9e9e9; width:100%; display: block; padding:0 30px;} #Content36 .Camel-details .left{line-height:56px; color:#333333; font-size:18px; float:left; width:90%;} #Content36 .Camel-details .left a{color:#333333; font-size:16px; display:inline-block;} #Content36 .Camel-details .left a:hover{color:#e81c0f;} #Content36 .Camel-details .right{float:right; text-align:right; line-height:56px; color:#333333; font-size:16px;} #Content36 .Camel-details .right .ri-arrow-go-back-line{color:#666666; font-size:18px; float:left; margin:1px 5px 0 0;} #Content36 .Camel-details .title{padding:70px 30px 0; width:100%; display:block; text-align:center; position:relative;} #Content36 .Camel-details .h3_a{color:#333333; font-size:52px; line-height:56px;} #Content36 .Camel-details .span_a{padding:0 28px; line-height:38px; color:#ffffff; background:#e81c0f; display:inline-block; font-size:16px; margin:30px 0; } #Content36 .Camel-details .time{display:flex;align-items: center; justify-content: center; text-align:center; width:100%; margin:10px 0 30px; } #Content36 .Camel-details .span_b{float:left; color:#999999; font-size:16px; line-height:16px; margin-right:20px;} #Content36 .Camel-details .ri-time-line, #Content36 .Camel-details .ri-eye-line{font-size:22px; color:#888888; float:left; padding:0 5px;} #Content36 .Camel-details .ul_c{display:flex; width:100%; text-align:center;align-items: center; justify-content: center; padding-bottom:50px; } #Content36 .Camel-details .li_c{display:inline-block; padding:0 8px; margin:0 10px;float:left; background:#f3f3f5; color:#939395; font-size:14px; line-height:26px; border-radisu:2px; } #Content36 .Camel-details .title::after{border-bottom:1px dashed #c4c4c4; width:95%; left:2.5%; bottom:0; content:""; height:1px; width:100%; } #Content36 .Camel-details .details_pic{width:100%; padding:60px 30px 0; display:block;} #Content36 .Camel-details .li_pic{margin-bottom:45px; display:block; width:100%;} #Content36 .Camel-details .li_pic .h4_a{padding-left:45px; position:relative; width:100%; display:block; color:#333333; font-size:30px; } #Content36 .Camel-details .li_pic .i{width:15px; height:15px; background:url(/template/theme/CN/2172_fnxq_img_01.png)no-repeat; background-size:100% 100%; left:0; top:50%; margin-top:-7px; position:absolute; } #Content36 .Camel-details .li_pic .text_a{padding:22px 0 0 45px; display:block; width:100%;} #Content36 .Camel-details .li_pic .text_a1{line-height:36px; color:#333333; font-size:18px;} #Content36 .Camel-details .li_pic .text_a2 .li_b{width:49.25%; margin:0 1.5% 1.5% 0; float:left; line-height:24px; background:#ededed; padding:20px 30px; } #Content36 .Camel-details .li_pic .text_a2 .li_b:nth-child(2n){margin-right:0;} #Content36 .Camel-details .li_pic .text_a3 .li_b1{width:100%; line-height:28px; color:#333333; font-size:18px; padding:10px 0; } @media screen and (max-width:321px){ #Content36 .Camel-details .left{width:100%; text-align:left; line-height:36px; font-size:12px;} } @media screen and (max-width:1629px){ #Content36 .Camel-details .title{padding-top:50px;} #Content36 .Camel-details .details_pic{padding-top:40px;} } @media screen and (max-width:1199px){ #Content36 .Camel-details .title{padding-top:40px;} #Content36 .Camel-details .details_pic{padding-top:30px;} #Content36 .Camel-details{margin-top:-110px;} #Content36 .Camel-details .left{width:80%;} #Content36 .Camel-details .h3_a{font-size:40px; line-height:42px;} #Content36 .Camel-details .span_a{margin:20px 0;} #Content36 .Camel-details .time{margin:0 0 20px;} #Content36 .Camel-details .ul_c{padding-bottom:30px;} #Content36 .Camel-details .li_pic .h4_a{font-size:28px;} #Content36 .Camel-details .li_pic .text_a{padding-top:16px;} #Content36 .Camel-details .li_pic .text_a1{line-height:30px;} #Content36 .Camel-details .li_pic .text_a2 .li_b{padding:15px 15px; font-size:14px;} #Content36 .Camel-details .li_pic{margin-bottom:30px;} #Content36 .Camel-details .li_pic .text_a3 .li_b1{font-size:16px; line-height:24px; padding:8px 0;} } @media screen and (max-width:991px){ #Content36 .Camel-details .title{padding-top:30px;} #Content36 .Camel-details .details_pic{padding-top:22px;} #Content36 .Camel-details{margin-top:-100px;} #Content36 .Camel-details .left{width:80%;} #Content36 .Camel-details .h3_a{font-size:30px; line-height:32px;} #Content36 .Camel-details .span_a{margin:12px 0; padding:0 16px; line-height:30px;} #Content36 .Camel-details .time{margin:0 0 20px;} #Content36 .Camel-details .ul_c{padding-bottom:22px;} #Content36 .Camel-details .li_pic .h4_a{font-size:22px; padding-left:35px;} #Content36 .Camel-details .li_pic .text_a{padding-top:16px; padding-left:35px;} #Content36 .Camel-details .li_pic .text_a1{line-height:24px; font-size:14px;} #Content36 .Camel-details .li_pic .text_a2 .li_b{padding:15px 15px; font-size:14px; width:100%; margin-right:0;} #Content36 .Camel-details .li_pic{margin-bottom:30px;} #Content36 .Camel-details .li_pic .text_a3 .li_b1{font-size:14px; line-height:22px; padding:4px 0;} } @media screen and (max-width:767px){ #Content36 .Camel-details .title{padding:20px 10px 0;} #Content36 .Camel-details .details_pic{padding-top:22px;} #Content36 .Camel-details{margin-top:-40px;} #Content36 .Camel-details .top{padding:0 10px;} #Content36 .Camel-details .left{width:70%; text-align:left; line-height:36px; font-size:12px;} #Content36 .Camel-details .right{line-height:36px; font-size:12px;} #Content36 .Camel-details .ul_c{display:block;} #Content36 .Camel-details .left a{font-size:14px;} #Content36 .Camel-details .h3_a{font-size:18px; line-height:24px;} #Content36 .Camel-details .span_a{margin:8px 0; padding:0 6px; font-size:14px; line-height:28px;} #Content36 .Camel-details .span_b{font-size:14px; margin-right:10px;} #Content36 .Camel-details .ri-time-line, #Content36 .Camel-details .ri-eye-line{font-size:16px;} #Content36 .Camel-details .li_c{margin:2px; padding:0 3px; font-isze:12px;} #Content36 .Camel-details .time{margin:0 0 20px;} #Content36 .Camel-details .ul_c{padding-bottom:15px;} #Content36 .Camel-details .li_pic .h4_a{font-size:16px; padding-left:18px;} #Content36 .Camel-details .li_pic .text_a{padding:10px 0 0 18px;adding-left:35px;} #Content36 .Camel-details .li_pic .text_a1{line-height:24px; font-size:14px;} #Content36 .Camel-details .li_pic .text_a2 .li_b{padding:10px 10px; line-height:22px; font-size:14px; width:100%; margin-right:0;} #Content36 .Camel-details .li_pic{margin-bottom:20px; } #Content36 .Camel-details .details_pic{padding:15px 10px 0;} #Content36 .Camel-details .li_pic .i{width:10px; height:10px; margin-top:-5px;} #Content36 .Camel-details .li_pic .text_a3 .li_b1{font-size:14px; line-height:22px; padding:4px 0;} } /*培训--精诚*/ #Content37 .Camel-Oper{width:100%; display: block; float:left; padding:110px 0 115px; } #Content37 .Camel-Oper .title{ width:100%; dipslay:block; padding-bottom:80px; text-align: center;} #Content37 .Camel-Oper .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:54px; color:#ffffff; font-size:40px;font-family: 'sy_light'; } #Content37 .Camel-Oper .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#ffffff; width:80px; margin-left:-40px; } #Content37 .Camel-Oper .li_c{float:left; width:25%; text-align:center; padding:0 3%; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #Content37 .Camel-Oper .pic{width:120px; height:120px; border-radius:50%; background:rgba(232,28,15,0.7); margin:0 auto; text-align:center; } #Content37 .Camel-Oper .text_c{dispaly:block; padding-top:20px; width:100%;} #Content37 .Camel-Oper .span_c{ line-height:30px; color:#ffffff; font-size:24px;} #Content37 .Camel-Oper .p_c{color:#a9a9a9; font-size:14px; line-height:26px; display:block; padding-top:15px; text-align:left; /*overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;*/ } #Content37 .Camel-Oper .li_c:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px); } @media screen and (max-width:1629px){ #Content37 .Camel-Oper .pic{width:100px; height:100px;} #Content37 .Camel-Oper .li_c{padding:0 2%;} #Content37 .Camel-Oper{padding:90px 0 90px;} } @media screen and (max-width:1199px){ #Content37 .Camel-Oper .title{padding-bottom:20px;} #Content37 .Camel-Oper .h3_a{font-size:36px; line-height:44px; padding-bottom:22px;} #Content37 .Camel-Oper .pic{width:80px; height:80px;} #Content37 .Camel-Oper .li_c{padding:0 2%;} #Content37 .Camel-Oper{padding:70px 0 60px;} #Content37 .Camel-Oper .text_c{padding-top:15px;} #Content37 .Camel-Oper .span_c{font-size:20px; line-height:24px;} #Content37 .Camel-Oper .p_c{line-height:22px; font-size:13px;} } @media screen and (max-width:991px){ #Content37 .Camel-Oper .title{padding-bottom:20px;} #Content37 .Camel-Oper .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content37 .Camel-Oper .h3_a::after{width:60px; margin-left:-30px;} #Content37 .Camel-Oper .pic{width:80px; height:80px;} #Content37 .Camel-Oper .li_c{padding:2% 8%; width:50%;} #Content37 .Camel-Oper{padding:50px 0 40px;} #Content37 .Camel-Oper .text_c{padding-top:10px;} #Content37 .Camel-Oper .span_c{font-size:18px; line-height:22px;} #Content37 .Camel-Oper .p_c{line-height:22px; font-size:13px;} } @media screen and (max-width:767px){ #Content37 .Camel-Oper .title{padding-bottom:15px;} #Content37 .Camel-Oper .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content37 .Camel-Oper .h3_a::after{width:40px; margin-left:-20px;} #Content37 .Camel-Oper .pic{width:70px; height:70px;} #Content37 .Camel-Oper .li_c{padding:2% 2%; width:50%;} #Content37 .Camel-Oper{padding:30px 0 20px;} #Content37 .Camel-Oper .text_c{padding-top:5px;} #Content37 .Camel-Oper .span_c{font-size:16px; line-height:22px;} #Content37 .Camel-Oper .p_c{line-height:16px; font-size:12px; padding-top:10px; height:42px;} } /*培训--服务内容*/ #Content38 .Camel-vice{background: #f2f2f2; width:100%; float:left; display:block; padding:120px 0;} #Content38 .Camel-vice .title{ width:100%; dipslay:block; padding-bottom:40px; text-align: center;} #Content38 .Camel-vice .h3_a{position:relative; display:inline-block; padding-bottom:30px; line-height:64px; color:#111111; font-size:50px;font-family: 'sy_light'; } #Content38 .Camel-vice .h3_a::after{position:absolute; left:50%; bottom:0; content:""; height:3px; background:#e81c0f; width:80px; margin-left:-40px; } #Content38 .Camel-vice .vice_pic{width:96.4%; display:block; margin:0 auto;} #Content38 .Camel-vice .ul_1{background:#e81c0f; display:flex; padding:0 30px;width:100%; border-radius:8px 8px 0 0;} #Content38 .Camel-vice .ul_1 .li_1{color:#ffffff; font-size:18px; padding:20px 0; line-height:22px; } #Content38 .Camel-vice .li_a{width:9%; text-indent:20px; text-align:left; } #Content38 .Camel-vice .li_b{width:32%; text-indent:20px;text-align:left; } #Content38 .Camel-vice .li_c{width:8%; text-align:center;} #Content38 .Camel-vice .li_d{width:11%; text-align:center;} #Content38 .Camel-vice .li_e{width:9%; text-align:center;} #Content38 .Camel-vice .li_f{width:15%; text-align:center;} #Content38 .Camel-vice .li_g{width:9%; text-align:center;} #Content38 .Camel-vice .li_h{width:9%; text-align:center;} #Content38 .Camel-vice .ul_2{background:rgba(232,28,15,0.1); height:40px; display:flex;padding:0 30px;} #Content38 .Camel-vice .ul_2 .li_1{color:#e81c0f; font-size:12px; line-height:40px; align-items: center; justify-content: center; } #Content38 .Camel-vice .ul_2 .li_c1{line-height:18px;} #Content38 .Camel-vice .cont_ul{background:#ffffff; padding:30px; width:100%; display:block; border-radius:0 0 8px 8px; } #Content38 .Camel-vice .ul_3{background:#f2f2f2; display:flex;} #Content38 .Camel-vice .ul_3 .li_1{font-size:14px; line-height:22px; padding:16.5px 0; align-items: center; justify-content: center; } #Content38 .Camel-vice .ul_3 .ri-check-line{color:#e81c0f; font-size:24px;} #Content38 .Camel-vice .ul_3:nth-child(2n){background:#ffffff;} @media screen and (max-width:1629px){ #Content38 .Camel-vice{padding:100px 0;} #Content38 .Camel-vice .ul_1 .li_1{padding:15px 0; font-size:16px;} #Content38 .Camel-vice .ul_1, #Content38 .Camel-vice .ul_2{padding:0 20px;} #Content38 .Camel-vice .cont_ul{padding:25px 20px;} #Content38 .Camel-vice .li_c{width:10%; text-align:center;} #Content38 .Camel-vice .li_d{width:10%; text-align:center;} #Content38 .Camel-vice .li_h{width:8%; text-align:center;} #Content38 .Camel-vice .ul_3 .li_1{font-size:13px;} #Content38 .Camel-vice .li_g{width:8%; text-align:center;} #Content38 .Camel-vice .li_a{width:10%;} } @media screen and (max-width:1199px){ #Content38 .Camel-vice .title{padding-bottom:30px;} #Content38 .Camel-vice .h3_a{font-size:40px; line-height:54px; padding-bottom:22px;} #Content38 .Camel-vice{padding:80px 0;} #Content38 .Camel-vice .vice_pic{width:100%;} #Content38 .Camel-vice .ul_1 .li_1{padding:12px 0; font-size:13px;} #Content38 .Camel-vice .ul_1, #Content38 .Camel-vice .ul_2{padding:0 20px;} #Content38 .Camel-vice .cont_ul{padding:25px 20px;} #Content38 .Camel-vice .li_c{width:10%; text-align:center;} #Content38 .Camel-vice .li_d{width:10%; text-align:center;} #Content38 .Camel-vice .li_h{width:8%; text-align:center;} #Content38 .Camel-vice .ul_3 .li_1{font-size:13px;} #Content38 .Camel-vice .li_g{width:8%; text-align:center;} #Content38 .Camel-vice .li_a{width:10%;text-indent:5px;} #Content38 .Camel-vice .li_b{text-indent:5px;} #Content38 .Camel-vice .ul_2{height:auto;} } @media screen and (max-width:991px){ #Content38 .Camel-vice .title{padding-bottom:20px;} #Content38 .Camel-vice .h3_a{font-size:30px; line-height:44px; padding-bottom:16px;} #Content38 .Camel-vice .h3_a::after{width:60px; margin-left:-30px;} #Content38 .Camel-vice{padding:50px 0;} #Content38 .Camel-vice .ul_1 .li_1{padding:10px 0; font-size:12px; line-height:24px;} #Content38 .Camel-vice .ul_1, #Content38 .Camel-vice .ul_2{padding:0 10px;} #Content38 .Camel-vice .cont_ul{padding:15px 10px;} #Content38 .Camel-vice .li_c{width:15%; text-align:center;} #Content38 .Camel-vice .li_d{width:11%; text-align:center;} #Content38 .Camel-vice .li_e{width:9%;} #Content38 .Camel-vice .li_f{width:17%;} #Content38 .Camel-vice .li_h{width:12%; text-align:center;} #Content38 .Camel-vice .ul_3 .li_1{font-size:12px; padding:10px 0;} #Content38 .Camel-vice .li_g{width:8%; text-align:center;} #Content38 .Camel-vice .li_a{width:13%;text-indent:5px;} #Content38 .Camel-vice .li_b{text-indent:0; width:15%;} #Content38 .Camel-vice .ul_2 .li_1:nth-child(6){line-height:18px;} #Content38 .Camel-vice .ul_2{height:auto;} } @media screen and (max-width:767px){ #Content38 .Camel-vice .title{padding-bottom:15px;} #Content38 .Camel-vice .h3_a{font-size:20px; line-height:34px; padding-bottom:10px;} #Content38 .Camel-vice .h3_a::after{width:40px; margin-left:-20px;} #Content38 .Camel-vice{padding:30px 0;} #Content38 .Camel-vice .ul_1{display:block;} #Content38 .Camel-vice .li_a, #Content38 .Camel-vice .li_b, #Content38 .Camel-vice .li_c, #Content38 .Camel-vice .li_d, #Content38 .Camel-vice .li_e, #Content38 .Camel-vice .li_f, #Content38 .Camel-vice .li_g, #Content38 .Camel-vice .li_h{ float:left; text-indent:0; padding-left:0; text-align:left;} #Content38 .Camel-vice .ul_1 .li_1{padding:5px 0;} #Content38 .Camel-vice .ul_2{display:flex;} #Content38 .Camel-vice .ul_2 .li_1{line-height:18px;} #Content38 .Camel-vice .ul_3{display:flex;} #Content38 .Camel-vice .ul_3 .li_a, #Content38 .Camel-vice .ul_3 .li_b{text-align:left;} #Content38 .Camel-vice .ul_3 .li_a{text-indent:10px;} #Content38 .Camel-vice .ul_3 .li_c, #Content38 .Camel-vice .ul_3 .li_d, #Content38 .Camel-vice .ul_3 .li_e, #Content38 .Camel-vice .ul_3 .li_f, #Content38 .Camel-vice .ul_3 .li_g, #Content38 .Camel-vice .ul_3 .li_h{} #Content38 .Camel-vice .vice_pic{overflow:auto;} #Content38 .Camel-vice .width_a{width:738px;overflow: auto; } /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ #Content38 .Camel-vice .vice_pic::-webkit-scrollbar { width:6px; height:6px; background-color: #F5F5F5;} /* 定义滚动条轨道 内阴影+圆角 */ #Content38 .Camel-vice .vice_pic::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;} /* 定义滑块 内阴影+圆角 */ #Content38 .Camel-vice .vice_pic::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(232,28,15,0.9);} }