@charset "utf-8";
body {
font-family: "helvetica neue", helvetica, arial, "microsoft yahei ui", "microsoft yahei", simhei, "\5b8b\4f53", simsun, sans-serif;
font-size: 14px;
/* padding-top: 120px;*/
max-width: 1920px;
margin: 0 auto;
}
ul,ol,dl,h1,h2,h3,h4,h5,h6{
padding:0px;
margin:0px;
}
li {
list-style:none;
}
a{
text-decoration: none;
font-size: 12px;
}
a:focus{
text-decoration: none;
}
select:focus,
input:focus,
textarea:focus,
a:focus,
button,
button:focus{
outline: none;
}
a:hover{
text-decoration: none;
}
img{
display: block;
border:none;
width:100%;
height:auto;
}
video{
display: block;
}
textarea{
resize:vertical;
min-height: 32px;
}
*::selection{
/*background:#3399ff;*/
background: #004bc6;
color: #fff;
}
*::-moz-selection{
/*background:#3399ff;*/
background: #004bc6;
color: #fff;
}
.align_justify{
text-align: justify;
text-justify: inter-character;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.container{
padding:0px;
}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.click_show{
display: none;
}
@keyframes ani_nav{
16.65% {
-webkit-transform: translatey(8px);
transform: translatey(8px);
}
33.3% {
-webkit-transform: translatey(-6px);
transform: translatey(-6px);
}
49.95% {
-webkit-transform: translatey(4px);
transform: translatey(4px);
}
66.6% {
-webkit-transform: translatey(-2px);
transform: translatey(-2px);
}
83.25% {
-webkit-transform: translatey(1px);
transform: translatey(1px);
}
100% {
-webkit-transform: translatey(0);
transform: translatey(0);
}
}
.toggle_ani_nav{
-webkit-animation-name: ani_nav;
animation-name: ani_nav;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*header开始*/
#custom {
display: none;
}
header{
position: fixed;
left:0;
top:0;
width:100%;
background-color:rgba(255,255,255,0.8);
z-index: 999;
}
.is_inner_page{
padding-top: 100px;
}
.is_inner_page header{
background-color:#fff;
}
header .container{
/* display: flex;
justify-content: space-around;
align-items: center; */
height: 120px;
}
.is_inner_page header .container{
height: 100px;
}
header .logo{
display: flex;
align-items: center;
justify-content: flex-start;
height: 120px;
float: left;
}
.is_inner_page header .logo{
height: 100px;
}
header .logo a{
display: inline-block;
}
header .logo img{
/*width: 100px;*/
}
header .gp_code{
margin-left:38px;
}
header .gp_code em{
font-size: 16px;
font-style: normal;
}
header .gp_code strong{
font-size: 22px;
display: block;
}
header .nav_box{
display: flex;
justify-content: flex-end;
align-items: center;
float: right;
}
header .nav_list{
display: flex;
justify-content: flex-end;
align-items: center;
}
header .nav_list .icon{
width:22px;
height: 22px;
display: inline-block;
background-repeat: no-repeat;
background-position: center bottom;
background-size: 22px auto;
transform: translatey(8px);
margin-right: 10px;
}
header .nav_list a:hover .icon{
background-position: center top;
}
header .nav_list .item{
height: 120px;
line-height: 120px;
position: relative;
}
.is_inner_page header .nav_list .item{
height: 100px;
line-height: 100px;
}
header .nav_list .item::after{
content: "";
position: absolute;
bottom:0;
left: 0;
width:100%;
height: 5px;
background-color: #004bc6;
opacity: 0;
transition: all 0.3s;
}
header .nav_list .item:hover::after{
opacity: 1;
}
header .nav_list .item .item_a{
padding-left: 32px;
padding-right: 32px;
height: 100%;
display: block;
font-size: 18px;
color: #333;
transition: color 0.3s;
}
header .nav_list .item:hover .item_a{
color: #004bc6;
}
header .item .child_nav {
position:absolute;
top:120px;
left: 0;
width:180px;
background-color: #eeeeee;
/*min-height: 150px;*/
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
display: none;
}
.is_inner_page header .item .child_nav {
top:100px;
}
header .item .child_nav .child_nav_all_pro{
display: block;
height: 50px;
line-height: 50px;
font-size: 14px;
color: #333;
padding-left: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s;
}
header .item .child_nav .child_nav_all_pro i{
font-size: 27px;
float: left;
margin-right: 9px;
}
header .item .child_nav .child_nav_all_pro:hover{
background-color: #fff;
color: #004bc6;
}
header .item .child_nav .child_it{
position: relative;
transition: all 0.3s;
}
header .item .child_nav .child_it:hover{
background-color: #fff;
}
header .item .child_nav .child_it a{
display: block;
height: 50px;
line-height: 50px;
font-size: 14px;
color: #333;
padding-left: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s;
}
header .item .child_nav .child_it:hover > a{
color: #004bc6;
}
header .child_it .find_nav{
width:180px;
/*min-height: 150px;*/
position: absolute;
left:180px;
top:0;
background-color: #fff;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
display: none;
}
header .child_it .find_nav .it{
}
header .child_it .find_nav .it a{
display: block;
height: 50px;
transition: all 0.3s;
}
header .child_it .find_nav .it a:hover{
color: #004bc6;
}
header .is_icon{
padding-left: 30px !important;
}
header .icon_list{
display: flex;
justify-content: flex-end;
align-items: center;
}
.index_m_banner {
padding-top: 10px;
}
header .icon_list .item{
margin-left: 60px;
height: 120px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.is_inner_page header .icon_list .item{
height: 100px;
}
.is_pro_page header .icon_list .item:first-child{
margin-left: 30px;
}
header .icon_list .item a i{
font-size: 20px;
color:#333;
}
header .slide_con{
position: absolute;
top:120px;
background-color: #fff;
border-radius: 8px;
display: none;
cursor: default;
box-shadow: 0 0 5px 3px rgba(0,0,0,0.05);
}
header .search{
border-bottom: 1px solid #eee;
padding: 5px 0px;
}
.is_inner_page header .slide_con{
top:100px;
}
header .slide_con1{
width:400px;
height: 200px;
/*height: 90px;*/
right:-50px;
padding:35px 30px;
}
header .slide_con2{
right: 0;
width:120px;
padding:15px;
}
header .slide_con form{
}
header .slide_con .input_box{
display: flex;
justify-content: space-between;
border-bottom:1px solid #f1f1f1;
padding-bottom: 10px;
}
header .slide_con input{
border:none;
background: none;
font-size: 14px;
}
header .slide_con input[type="text"]{
width:260px;
}
header .slide_con input[type="submit"]{
width:60px;
height: 30px;
border-radius: 5px;
line-height: 30px;
text-align: center;
background-color: #0f88fe;
color:#fff;
}
header .slide_con .keyword_list{
overflow: hidden;
display: flex;
flex-wrap: wrap;
height: 90px;
}
header .slide_con .keyword_list .it{
margin-top: 10px;
margin-right: 10px;
}
header .slide_con .keyword_list a{
display: block;
padding-left: 17px;
padding-right: 17px;
height: 30px;
line-height: 30px;
background-color: #ededed;
font-size: 14px;
color: #999;
border-radius: 5px;
transition: all 0.3s;
}
header .slide_con .keyword_list a:hover{
background-color: #0f88fe;
color: #fff;
}
header .slide_con nav{
text-align: center;
}
header .slide_con nav a{
font-size: 14px;
color: #999;
display: block;
height: 30px;
line-height: 30px;
border-radius: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.3s;
}
header .slide_con nav a:hover{
background-color: #eeeeee;
}
/*产å“导航*/
.slide_nav_list{
width:800px;
overflow: hidden;
display: none;
}
.slide_nav_list .slick_box{
display: flex;
align-items: center;
}
.slide_nav_list .limit_box,
.slide_nav_list .limit_box a{
width: 100px;
height:100px;
}
.slide_nav_list .limit_box{
text-align: center;
}
.slide_nav_list .limit_box a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.slide_nav_list .limit_box .icon{
display: flex;
width:30px;
height: 30px;
justify-content: center;
align-items: center;
flex-direction: column;
background-repeat: no-repeat;
background-size: 30px auto;
background-position: center bottom;
}
.slide_nav_list .limit_box.cur .icon,
.slide_nav_list .limit_box:hover .icon{
background-position: center top;
}
.slide_nav_list .limit_box img{
width:auto;
}
.slide_nav_list .limit_box .img1{
}
.slide_nav_list .limit_box .img2,
.slide_nav_list .limit_box:hover .img1,
.slide_nav_list .limit_box.cur .img1{
display: none;
}
.slide_nav_list .limit_box:hover .img2,
.slide_nav_list .limit_box.cur .img2{
display: block;
}
.slide_nav_list .limit_box .tit{
font-size: 14px;
color: #999;
margin-top:10px;
transition: all 0.3s;
}
.slide_nav_list .limit_box:hover .tit,
.slide_nav_list .limit_box.cur .tit{
color: #004bc6;
}
/*//产å“导航*/
/*mobile导航èœå•å¼€å§‹*/
.mobile_nav_header{
position: fixed;
top:0;
left:0;
width:100%;
height: 60px;
overflow: hidden;
background: #fff;
box-shadow: 0 3px 3px rgba(0,0,0,0.1);
z-index: 999;
}
.mobile_list_header img,
.mobile_nav_header img{
display: block;
width: 100%;
height: auto;
margin-left: 8px;
}
.mobile_nav_header .menu_icon,
.mobile_nav_header .menu_logo,
.mobile_nav_header .menu_phone{
float: left;
}
.mobile_nav_header .menu_icon{
width:10%;
}
.mobile_nav_header .menu_logo{
width:80%;
}
.mobile_nav_header .menu_phone{
width:10%;
}
.mobile_list_header i,
.mobile_nav_header i{
display: block;
cursor: pointer;
width:30px;
height: 30px;
margin-top: 10px;
position: relative;
font-size: 30px;
}
.mobile_list_header i img,
.mobile_nav_header i img{
position: absolute;
top:0;
bottom:0;
left:0;
margin:auto;
width:20px;
}
.mobile_nav_header .menu_logo a{
display: block;
margin-top:10px;
}
.mobile_nav_header .menu_logo a .icon{
width: 105px;
height: 42px;
}
.mobile_nav_header .menu_logo a .iconfont{
color: #000;
font-size: 18px;
}
.mobile_nav_header .menu_phone i{
float: right;
margin-right: 10px;
}
.mobile_list_header i,
.mobile_nav_header .menu_info i{
position: absolute;
top:0;
bottom:0;
right: 10px;
margin-top: auto;
margin-bottom: auto;
}
.mobile_list_header .iconzhongkelogo{
position: initial;
display: block;
margin: 0px 0 0 4px;
width: 100%;
height: 100%;
font-size: 36px;
color: #fff;
}
.mobile_nav_header .menu_logo img{
width:82px;
height: auto;
margin-left: 15px;
}
.mobile_nav_header .menu_info{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: #fff;
padding-left: 20px;
padding-right: 50px;
padding-top: 7px;
top:-100%;
transition: all 0.3s;
}
.mobile_nav_header .menu_info form{
margin-top: 8px;
padding-right: 40px;
border-radius:15px;
border:1px solid #e2e2e2;
position: relative;
}
.mobile_nav_header .menu_info input{
border:none;
background: none;
height: 30px;
font-size: 14px;
}
.mobile_nav_header .menu_info .text{
width:100%;
padding:0 10px;
}
.mobile_nav_header .menu_info .submit{
position: absolute;
right: 0px;
top:0;
bottom:0;
margin-top: auto;
margin-bottom: auto;
text-indent: -9999px;
background: url(/uploads/image/shimgs/mobile_btn_g.png) no-repeat center center;
background-size:20px auto;
width:40px;
z-index: 2;
}
.mobile_nav_header .menu_info.active{
top:0;
}
.mobile_lang{
width:22px;
height: 22px;
line-height: 22px;
border-radius: 50%;
text-align: center;
background-color: #ccc;
margin-top: -22px;
margin-right:50px;
float: right;
}
.mobile_lang a{
width:100%;
height: 100%;
color: #fff;
font-size: 12px;
/*display: none;*/
}
.mobile_nav_menu{
position: fixed;
top:0;
left:-100%;
width:270px;
background: #fff;
z-index: 1001;
transition: all 0.3s;
}
.mobile_nav_menu.active{
left:0;
}
.mobile_list_header{
height: 62px;
position: relative;
background: #004bc6;
}
.mobile_list_header .logo{
background: #004bc6;
float: left;
width: 90px;
height: 62px;
padding: 8px 4px;
margin-left: 8px;
}
.mobile_list_header .logo img {
margin: 2px 0 0 4px;
width: 100%;
height: 100%;
}
.mobile_nav_list{
margin-top: 20px;
background:#fff;
}
.mobile_nav_list a{
display: block;
width:100%;
}
.mobile_nav_list .parent_tit{
/* border-bottom:1px solid #d4d4d4; */
}
.mobile_nav_list .parent_tit img {
display: inline-block;
width: 18px;
margin-bottom: 6px;
margin-right: 10px;
}
.mobile_nav_list .parent_tit a{
position: relative;
color: #434343;
padding-left: 15px;
font-size: 16px;
height: 48px;
line-height: 48px;
transition: all 0.3s;
font-weight: 550;
}
.mobile_nav_child a,
.mobile_nav_list .parent_tit a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 30px;
}
.mobile_nav_list .parent_tit a::after{
content: "";
position: absolute;
top:0;
bottom:0;
right: 15px;
margin-top: auto;
margin-bottom: auto;
width:11px;
height: 13px;
background: none;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.3s;
}
.mobile_nav_list li.active .parent_tit.is_child a::after{
background-image: url(/uploads/image/shimgs/mobile_jt2.png);
transform: rotate(90deg);
}
.mobile_nav_list .parent_tit.is_child a::after{
background-image: url(/uploads/image/shimgs/mobile_jt1.png);
background-size: contain;
}
.mobile_nav_list li.active .parent_tit a{
color: #004bc6;
}
.mobile_nav_child{
/*overflow: hidden;*/
background: #f8f8f8;
height: auto;
display: none;
text-align: center;
}
.mobile_nav_child dd{
width: 100%;
height: 48px;
line-height: 48px;
border-bottom:1px solid #eee;
}
.mobile_nav_child a{
font-size: 14px;
color: #333;
position: relative;
}
.mobile_nav_child .a2{
padding-left: 30px;
position: relative;
}
.mobile_nav_child .a3{
padding-left: 30px;
border-bottom: 1px solid #f9f9f9;
}
.mobile_nav_child dd.is_child .a2::after{
content: "";
position: absolute;
top:0;
bottom:0;
right: 15px;
margin-top: auto;
margin-bottom: auto;
width:11px;
height: 13px;
background: none;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transition: all 0.3s;
}
.mobile_nav_child dd.is_child.active .a2::after{
background-image: url(/uploads/image/shimgs/mobile_jt2.png);
transform: rotate(90deg);
}
.mobile_nav_child dd.is_child .a2::after{
background-image: url(/uploads/image/shimgs/mobile_jt1.png);
}
.mobile_find_nav{
background-color: #ccc;
position: relative;
z-index: 5;
display: none;
}
.mobile_find_nav .mobile_it{
border-top:1px solid #eee;
}
.mobile_find_nav .mobile_it .a3{
}
/*.mobile_nav_child a::before{
position: absolute;
content: "";
top:0;
bottom: 0;
left: 15px;
margin-top: auto;
margin-bottom: auto;
background: #004bc6;
border-radius: 50%;
width:7px;
height:7px;
}*/
.mobile_nav_alpha{
position: fixed;
top:0;
left:0;
width:100%;
height: 100%;
/*background: rgba(0,0,0,0.5);*/
background-color:rgba(0,0,0,0.5);
z-index: 1000;
display: none;
}
/*mobile导航èœå•ç»“æŸ*/
/*header结æŸ*/
/*swiper*/
.m-new-swiper-container{
display: none;
width: 100%;
height: auto;
}
.m-new-swiper-container .swiper-slide{
width: 100%;
height: 260px;
}
.m-new-swiper-container .swiper-slide .swiper-banner-img{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 260px;
}
.new-swiper-container{
width: 100%;
height: 700px;
}
.new-swiper-container .swiper-pagination{
bottom: 30px !important;
}
.new-swiper-container .swiper-pagination .swiper-pagination-bullet{
width: 40px;
height: 6px;
border-radius: 0;
}
.new-swiper-container .swiper-slide{
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
overflow: hidden;
}
.new-swiper-container .swiper-slide .swiper-slide-a{
display: block;
width: 100%;
height: 100%;
}
.new-swiper-container .swiper-slide .swiper-banner-img{
position: absolute;
left: 0;
bottom: 0;
width: auto;
height: 100%;
}
@media (max-width: 1750px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -8%;
}
}
@media (max-width: 1600px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -12%;
}
}
@media (max-width: 1450px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -17%;
}
}
@media (max-width: 1400px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -20%;
}
}
@media (max-width: 1367px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -22%;
}
}
@media (max-width: 1330px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -24%;
}
}
@media (max-width: 1280px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -27%;
}
}
@media (max-width: 1260px) {
.new-swiper-container .swiper-slide .swiper-banner-img{
left: -29%;
}
}
.m-new-swiper-container .swiper-pagination .swiper-pagination-bullet{
width: 25px;
height: 5px;
border-radius: 0;
}
/*banneræ ·å¼å¼€å§‹*/
.banner{
overflow: hidden;
clear: both;
width:100%;
}
.slick-arrow::before{
content:"";
}
.slick-arrow{
width:35px;
height:60px;
border-radius:0;
z-index:99;
}
.slick-prev:focus,
.slick-prev,
.slick-next:focus,
.slick-next,
.slick-prev:hover,
.slick-next:hover{
background-repeat: no-repeat;
background-position: center center;
background-size: auto 50%;
}
.slick-prev:focus,
.slick-prev,
.slick-next:focus,
.slick-next{
background-color:rgba(0,0,0,0.3);
}
.slick-prev:hover,
.slick-next:hover{
background-color:rgba(0,0,0,0.5);
}
.slick-prev:focus,
.slick-prev{
background-image: url(/uploads/image/shimgs/ban_btn_left.png);
}
.slick-next:focus,
.slick-next{
background-image: url(/uploads/image/shimgs/ban_btn_right.png);
}
.slick-prev:hover{
background-image: url(/uploads/image/shimgs/ban_btn_left_hover.png);
}
.slick-next:hover{
background-image: url(/uploads/image/shimgs/ban_btn_right_hover.png);
}
.slick-prev:focus,
.slick-prev{
left:0;
}
.slick-next:focus,
.slick-next{
right:0;
}
.slick-dots{
bottom: 15px;
}
/*.slick-dots li {
width: 20px;
height: 20px;
margin:0px 3px;
}*/
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
width: 60px;
height: 5px;
border-radius:2px;
}
.slick-dots li {
margin:0px 5px;
}
/*.slick-dots li button {
width: 20px;
height: 20px;
background: transparent;
}*/
.slick-dots li button {
background: transparent;
}
/*.slick-dots li button::before {
font-size: 12px;
line-height: 20px;
width: 20px;
height: 20px;
content: '•';
opacity: 0.5;
color: #fff;
}*/
.slick-dots li button::before {
content: '';
opacity: 1;
background-color: #eee;
/*border:2px solid #fff;*/
}
.slick-dots li.slick-active button:before {
opacity: 1;
background: #064fc7;
}
.slick-dotted.slick-slider {
margin-bottom: 0px;
}
/*banneræ ·å¼ç»“æŸ*/
.index_banner{
}
.index_banner .limit_box{
height: 700px;
background-color: #fff;
}
.index_banner .limit_box .limit_box_content{
display: block;
width: 100%;
height: 100%;
position: relative;
}
.index_banner .limit_box .banner_side{
position: absolute;
top:0;
width:300px;
height: 100%;
}
.index_banner .limit_box .banner_side img{
width:100%;
height: 100%;
}
.index_banner .limit_box .banner_side_left{
left: 0;
}
.index_banner .limit_box .banner_side_right{
right: 0;
}
/*圆形特效*/
.animate-big{
position: absolute;
left: 0;
right: 0;
top:35%;
width:900px;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
margin: 0 auto;
animation: rotate 16s linear infinite;
}
.animate-small{
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
animation: rotate 13s linear infinite reverse;
}
@-moz-keyframes rotate{
from{
-moz-transform: translatey(-50%) rotate(0deg);
}
to{
-moz-transform: translatey(-50%) rotate(360deg);
}
}
@-webkit-keyframes rotate{
from{
-webkit-transform: translatey(-50%) rotate(0deg);
}
to{
-webkit-transform: translatey(-50%) rotate(360deg);
}
}
@-ms-keyframes rotate{
from{
-ms-transform: translatey(-50%) rotate(0deg);
}
to{
-ms-transform: translatey(-50%) rotate(360deg);
}
}
@keyframes rotate{
from{
transform: translatey(-50%) rotate(0deg);
}
to{
transform: translatey(-50%) rotate(360deg);
}
}
.navbar{
position: absolute;
top: 0px;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
overflow: hidden;
}
.navbar img {
position: relative;
left: 50%;
width: 1920px;
max-width: none;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.content{
width: 100%;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.content img{
position: relative;
left: 50%;
width: 1920px;
max-width: none;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.foot-fixed{
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1030;
overflow: hidden;
}
.foot-fixed img{
position: relative;
left: 50%;
width: 1920px;
max-width: none;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
/*//圆形特效*/
.index_about{
clear: both;
overflow: hidden;
padding-bottom: 40px;
background-color: #fafafa;
}
.index_about .container{
clear: both;
overflow: hidden;
}
.index_about .left{
float: left;
width:30%;
}
.index_about .cen{
float: left;
width:30%;
padding-right: 30px;
}
.index_about .right{
float: right;
width: 40%;
}
.index_about .icon_list{
transform:translatey(80px);
}
.index_about .icon_list li{
width:50%;
float: left;
}
.index_about .icon_list li:nth-child(1),
.index_about .icon_list li:nth-child(2){
margin-bottom: 48px;
}
.index_about .icon_list a{
display: inline-block;
}
.index_about .icon_list a strong:hover {
color: #004bc6;
}
.index_about .icon_list .icon{
display: block;
width:36px;
height: 36px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.index_about .icon_list i {
font-size: 44px;
color: #004bc6;
}
.index_about .icon_list strong{
font-size: 18px;
color: #000033;
font-weight: normal;
display: block;
}
.index_about .video_box{
position: relative;
transform:translatey(100px);
border-radius: 8px;
overflow: hidden;
height: 188px;
}
.index_about .video_box .video_pic{
background: url(/uploads/image/shimgs/video_thumb.png) no-repeat center center;
background-size: cover;
position: absolute;
top:0;
bottom:0;
left: 0;
right: 0;
margin:auto;
cursor: pointer;
}
.index_about .video_pic::after{
content:"";
position: absolute;
top:0;
bottom:0;
left: 0;
right: 0;
margin:auto;
width:103px;
height: 103px;
background: url(/uploads/image/shimgs/play.png) no-repeat center center;
background-size: contain;
}
.index_about video{
display: block;
width:100%;
}
.index_about .index_about_details{
background-color: #004bc6;
border-radius: 8px;
color: #fff;
padding:30px;
}
.index_about .head_con{
clear: both;
overflow: hidden;
}
.index_about .head_con .tit{
float: left;
}
.index_about .head_con h1{
font-size: 36px;
font-weight: bold;
}
.index_about .head_con h2{
font-size: 18px;
margin-top: 8px;
}
.index_about .head_con .pic{
float: right;
}
.index_about .head_con .pic img{
width:auto;
max-width: 205px;
}
.index_about .right .con{
font-size: 14px;
clear: both;
overflow: hidden;
height: 105px;
margin-top: 25px;
margin-bottom: 32px;
}
.index_about .right .con p{
line-height:25px;
}
.index_about .right .more{
display: block;
width:150px;
height: 40px;
border-radius: 20px;
background-color: #fff;
color: #004bc6;
font-size: 14px;
line-height: 40px;
text-align: center;
}
.index_about .right .more:hover {
background-color: #004bc6;
border: 1px solid #fff;
color: #fff;
}
.index_news{
clear: both;
overflow: hidden;
background-color: #fafafa;
padding-top: 60px;
/*padding-bottom: 60px;*/
padding-bottom: 110px;
}
.index_news .container{
}
.index_news .nav_con{
clear: both;
overflow: hidden;
}
.index_news .nav_con nav{
float: left;
}
.index_news .nav_con nav a{
display: inline-block;
text-align: center;
width:120px;
height: 40px;
line-height: 40px;
border-radius: 20px;
font-size: 14px;
color: #666666;
transition: all 0.3s;
}
.index_news .nav_con nav a:hover{
color: #004bc6;
}
.index_news .nav_con nav a.cur{
background-color: #004bc6;
color: #fffefe;
}
.index_news .nav_con .btn_group{
float: right;
text-align: right;
}
.index_news .nav_con .btn_group .s_btn{
display: inline-block;
text-align: center;
width:120px;
height: 40px;
line-height: 38px;
border-radius: 20px;
text-align: center;
border:1px solid #eeeeee;
color: #929292;
font-size: 18px;
font-family: "宋体";
cursor:pointer;
margin-left: 20px;
user-select:none;
transition: all 0.3s;
}
.index_news .nav_con .btn_group .s_btn:hover{
color: #004bc6;
border-color: #004bc6;
}
.index_news_banner {
margin-top: 30px;
position: relative;
height: 330px;
overflow: initial;
}
.index_news_banner .slick-prev,
.index_news_banner .slick-next{
display: none !important;
}
.index_news_banner .alpha_block{
position: absolute;
background-color: rgba(255,255,255,0.6);
/*width:261px;*/
height:363px;
top:0;
bottom:0;
margin-top: auto;
margin-bottom: auto;
z-index:10;
cursor: pointer;
}
.index_news_banner .alpha_block1{
left: 0;
}
.index_news_banner .alpha_block2{
right: 0;
}
.index_news_banner .slick{
margin-left:-15px;
margin-right: -15px;
position: relative;
}
.index_news_banner .slick .swiper-button-prev{
display: none;
opacity: 0;
}
.index_news_banner .slick .swiper-button-next{
display: none;
opacity: 0;
}
.index_news_banner .slick1{
z-index: 1;
opacity: 1;
}
.index_news_banner .slick2{
margin-top: -408px;
opacity: 0;
z-index: 0;
}
.index_news_banner .limit_box{
padding:22px 10px;
}
.index_news_banner .limit_box a{
display: block;
overflow: hidden;
border-radius: 10px;
transition: all 0.3s;
}
.index_news_banner .limit_box a:hover{
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);
}
.index_news_banner .limit_box .pic{
overflow: hidden;
height: 180px;
position: relative;
background-color:rgba(128,128,128,0.2);
}
@media (max-width: 1680px) {
.index_news{
padding-bottom: 95px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1680px) {
.index_news_banner .limit_box .pic{
height: 190px;
}
}
@media only screen and (min-width: 1681px){
.index_news_banner .limit_box .pic{
height: 200px;
}
}
@media only screen and (min-width: 1920px){
.index_news_banner .limit_box .pic{
height: 210px;
}
}
@media only screen and (min-width: 1921px){
.index_news_banner .limit_box .pic{
height: 225px;
}
}
.index_news_banner .limit_box .pic img{
position: absolute;
top:0;
bottom:0;
left: 0;
right: 0;
margin: auto;
width: auto;
height: auto;
width: 100%;
height: 100%;
transition: 1s;
}
.index_news_banner .limit_box .pic img:hover {
transform: scale(1.3);
}
.index_news_banner .limit_box .tit{
clear: both;
overflow: hidden;
color: #333333;
font-size: 18px;
height: 45px;
margin-bottom: 19px;
line-height: 24px;
}
.index_news_banner .limit_box .details{
padding:20px;
background-color: #fff;
}
.index_news_banner .limit_box .info{
color: #999999;
font-size: 14px;
margin-bottom: 38px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 16px;
}
.index_news_banner .limit_box .time{
display: block;
color: #333333;
font-size: 18px;
}
.index_news_banner .limit_box .time small{
color: #999;
font-size: 12px;
}
.index_program{
clear: both;
overflow: hidden;
background-color: #eef3f7;
position: relative;
}
.index_program::after{
content:"";
position: absolute;
bottom:0;
width:50%;
height: 150px;
left:0;
background-color: #004bc6;
border-top-right-radius: 10px;
}
.index_program .container{
overflow: hidden;
clear: both;
padding-top: 22px;
padding-bottom:30px;
}
.index_program .left{
float: left;
width: 55%;
}
.index_program .right{
float: left;
width: 45%;
}
.index_program_list{
clear: both;
/* overflow: hidden;*/
font-size: 0;
text-align: center;
padding-right: 10%;
}
.index_program_list li{
position: relative;
/*float: left;*/
display: inline-block;
/*width:25%;*/
cursor: pointer;
opacity: 0.5;
margin-left: 5%;
margin-right: 5%;
transition: all 0.3s;
}
.index_program_list li::after{
content: "";
position: absolute;
bottom:-12px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width:0;
height: 0;
border-style: solid;
border-width:8px;
display: none;
border-color: transparent transparent #004bc6 transparent;
}
.index_program_list li.cur::after{
display: block;
}
.index_program_list li.cur{
opacity: 1;
}
.index_program_list i {
font-size: 38px;
color: #004bc6;
}
.index_program_list strong{
font-weight: normal;
display: block;
color: #004bc6;
font-size:18px;
}
.index_program .left .con{
color: #fff;
margin-top: 53px;
position: relative;
z-index: 2;
}
.index_program .left .con_item{
padding-right: 50px;
}
.index_program .left .con h2{
font-size: 18px;
}
.index_program .left .line{
width:30px;
height: 1px;
border-top:1px solid #fff;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.index_program .left .info{
font-size: 14px;
padding-right: 20px;
}
.index_program .right h1{
font-weight: bold;
font-size: 36px;
color: #333333;
line-height: 48px;
}
.index_program .right strong{
font-size: 18px;
color: #333;
display: block;
margin-top: 19px;
margin-bottom: 30px;
font-weight: normal;
}
.index_program .right span{
margin-right: 10px;
}
.index_program .right .contact_btn{
width:160px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 20px;
font-size: 14px;
color: #fff;
background-color: #004bc6;
display: block;
}
.index_pro{
clear: both;
overflow: hidden;
}
.index_pro .container{
position: relative;
padding-top: 60px;
padding-bottom: 50px;
/*background:url(/uploads/image/shimgs/index_pro_bg.png) no-repeat center center;*/
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.index_pro .index_scroll_link,
.index_pro .index_pro_bot_details,
.index_pro .pro_nav_list,
.index_pro .index_pro_switch{
z-index: 5;
position: relative;
}
.index_pro .container::after{
position: absolute;
content: "";
left:0;
bottom:0;
width: 100%;
height: 100%;
background:url(/uploads/image/shimgs/alpha.png) no-repeat center center;
background-size: 100% 100%;
}
.index_pro .pro_nav_list{
text-align: center;
display: flex;
justify-content: space-between;
}
.index_pro .pro_nav_list .item{
}
.index_pro .pro_nav_list a{
display:inline-block;
}
.index_pro .pro_nav_list .icon{
display: block;
width:100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition:all 0.3s;
}
.index_pro .pro_nav_list .item.cur .icon{
border-color: #1154c7;
}
.about_honor_m {
display: none;
}
.index_pro .pro_nav_list strong{
font-weight: normal;
font-size:16px;
margin-top: 10px;
display: block;
color: #666;
transition: all 0.3s;
}
.index_pro .pro_nav_list .item.cur strong{
color: #1154c7;
}
.index_pro_switch,
.index_pro_switch .cen {
height: 400px;
}
.index_pro_switch {
clear: both;
overflow: hidden;
margin-top: 80px;
}
.index_pro_switch .left{
float: left;
width:30%;
}
.index_pro_scroll{
margin-top: 30px;
height: 170px;
overflow: hidden;
}
.index_pro_switch .cen{
float: left;
width:40%;
position: relative;
}
.index_pro_switch .right{
float: left;
text-align: right;
width:30%;
}
.index_pro_switch .left ul{
}
.index_pro_switch .left li{
position: relative;
font-size: 16px;
cursor: pointer;
user-select:none;
line-height: 35px;
padding-left: 15px;
transition: all 0.3s;
}
.index_pro_switch .left li::before{
position: absolute;
left:0;
top:0;
bottom:0;
margin-top: auto;
margin-bottom: auto;
content: "";
width:0;
height: 18px;
border-left:2px solid transparent;
transition: all 0.3s;
}
.index_pro_switch .left li.cur::before{
border-color: #004bc6;
}
.index_pro_switch .left li:hover,
.index_pro_switch .left li.cur{
color: #004bc6;
}
.index_pro_switch .cen img{
display: none;
position: absolute;
top:0;
bottom:0;
right: 0;
left: 0;
margin:auto;
width:auto;
height: auto;
max-width: 100%;
height: 100%;
}
.index_pro_switch .cen img:first-child{
display: block;
}
.index_pro_switch .right .con1{
font-weight: bold;
font-size:30px;
line-height: 35px;
margin-top: 8px;
margin-bottom: 8px;
}
.index_pro_switch .right .con2{
font-size: 14px;
clear: both;
overflow: hidden;
}
.index_pro_switch .right h1{
font-size: 16px;
margin-top: 25px;
}
.index_pro .s_btn{
display: block;
width:150px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 20px;
color: #333;
font-size: 14px;
background-color: #fff;
box-shadow: 0 2px 12px 2px rgba(0,0,0,0.1);
transition: all 0.3s;
}
.index_pro .s_btn1{
float: right;
margin-top: 10px;
margin-right: 15px;
}
.index_pro .s_btn span{
margin-left: 5px;
}
.index_pro .s_btn:hover{
background-color: #004bc6;
color: #fff;
}
.index_scroll_link{
clear: both;
overflow: hidden;
}
.index_scroll_link ul{
clear: both;
overflow: hidden;
cursor:move;
}
.index_scroll_link li{
padding-left: 20px;
padding-right: 20px;
float: left;
}
.index_scroll_link a{
display: block;
display: flex;
align-items: center;
}
.index_scroll_link .pic{
width:100px;
height: 60px;
overflow: hidden;
border-radius: 30px;
position: relative;
z-index: 2;
}
.index_scroll_link img{
}
.index_scroll_link .con{
padding-left:30px;
padding-right: 15px;
margin-left: -20px;
font-size: 14px;
color: #fff;
background-color: rgba(0,0,0,0.6);
height: 40px;
line-height: 40px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
}
.index_pro_bot_details{
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 2%;
padding-right: 2%;
}
.index_pro_bot_details .left_con{
}
.index_pro_bot_details .left_con h1{
color: #333;
font-size: 28px;
font-weight: bold;
}
.index_pro_bot_details .left_con strong{
color: #2f66cc;
font-size: 14px;
display: block;
font-weight: normal;
margin-top: 8px;
}
.index_pro_bot_details .s_btn2{
}
footer{
position: relative;
clear: both;
overflow: hidden;
background-color: #eef3f7;
z-index: 9;
}
footer,
footer a{
font-size: 14px;
color: #666;
}
footer .footer_top{
border-bottom: 1px solid #d7d8da;
padding-bottom: 18px;
padding-top: 60px;
}
footer .footer_top,
footer .sec1,
footer .sec2{
clear: both;
overflow: hidden;
}
footer .sec2{
margin-top: 40px;
}
footer .sec1 .left{
float: left;
width:calc(100% - 400px - 370px);
}
footer .sec1 .cen{
float: left;
width:400px;
}
footer .sec1 .right{
float: right;
width:370px;
}
footer form {
margin-top: 26px;
clear: both;
overflow: hidden;
margin-bottom: 10px;
}
footer form input{
height: 40px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
border:1px solid #b4b6b7;
background-color:transparent;
transition: all 0.3s;
}
footer form .input_box{
clear: both;
overflow: hidden;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
footer form .input_box1 input{
width:180px;
}
footer form .input_box3 input{
width:180px;
}
footer form .input_box2 input[type="text"]{
width:220px;
}
footer form input[type="text"]{
}
footer form input[type="button"],
footer form input[type="text"]:hover,
footer form input[type="text"]:focus{
border-color: #4d81d5;
}
footer form input[type="button"]{
color: #4d81d5;
width: 140px;
}
footer form input[type="button"]:hover{
background-color: #4d81d5;
color: #fff;
}
footer form .yzm_box{
position: relative;
overflow: hidden;
}
footer form .yzm_box input{
padding-right: 110px;
}
footer form .yzm_box img{
width:100px;
height: 38px;
position: absolute;
top:1px;
right: 1px;
cursor: pointer;
}
footer .form_details{
}
footer .foot_pub_title{
font-weight: bold;
color: #333;
font-size: 24px;
clear: both;
overflow: hidden;
}
footer .group_info{
margin-top: 35px;
}
footer .group_info .item{
line-height: 30px;
}
footer .group_info .icon{
display:inline-block;
width:14px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-right: 15px;
}
footer .group_info .item:nth-child(1) .icon{
background-image: url(/uploads/image/shimgs/foot_icon_1.png);
}
footer .group_info .item:nth-child(2) .icon{
background-image: url(/uploads/image/shimgs/foot_icon_2.png);
}
footer .group_info .item:nth-child(3) .icon{
background-image: url(/uploads/image/shimgs/foot_icon_3.png);
}
footer .group_info strong{
display: inline-block;
font-weight: normal;
}
footer .foot_share_list{
text-align: center;
margin-bottom: 10px;
}
footer .foot_share_list li{
display: inline-block;
position: relative;
}
footer .foot_share_list li:nth-of-type(1){
display: none;
}
footer .foot_share_list a{
margin-left: 20px;
margin-right: 20px;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
}
footer .foot_share_list li:nth-of-type(1) a {
background-color: #fff;
color: rgb(26, 214, 1);
}
footer .foot_share_list li:nth-of-type(2) a {
background-color: #000;
color: #fff;
}
footer .foot_share_list li:nth-of-type(3) a {
background-color: #fff;
color: rgb(245, 54, 134);
}
footer .foot_share_list li:nth-of-type(4) a {
background-color: #fff;
color: rgb(238, 88, 2);
}
footer .foot_share_list i{
font-size: 34px;
line-height: 40px;
}
/* 新增 */
footer .foot_share_list li .contact_code_pic_box{
display: none;
position: absolute;
top: -120px;
width: 100px;
height: 110px;
left: -12px;
}
footer .foot_share_list li .contact_code_pic_box img{
display: inline-block;
border-radius: 5px;
width: 100px;
height: 100px;
}
footer .foot_share_list li .contact_code_pic_box .bottom_triangle{
width: 10px;
height: 10px;
margin: 0 auto;
border-top: 10px solid #ffffff;
border-bottom: 0px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
footer .footer_top, footer .sec1{
overflow: visible;
}
footer{
height: 456px;
overflow: inherit;
}
footer .foot_share_list li{
transition: all 1s;
}
footer .foot_share_list li:hover .contact_code_pic_box {
display: block;
}
footer .foot_ewm_list{
text-align: center;
font-size: 0;
}
footer .foot_ewm_list li{
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
footer .foot_ewm_list img{
width:110px;
}
footer .foot_ewm_list strong{
font-weight: normal;
font-size: 14px;
margin-top: 8px;
display: block;
}
footer .foot_logo{
float: left;
}
footer .foot_logo img{
width: auto;
max-width: 100%;
}
footer .foot_pro_list{
float: left;
margin-left: 22px;
transform: translatey(5px);
}
footer .foot_pro_list li{
display: inline-block;
margin-right: 10px;
}
footer .foot_pro_list a{
}
footer .sec2 nav{
float: right;
transform: translatey(5px);
}
footer .sec2 nav a{
display: inline-block;
margin-left: 10px;
}
footer .footer_bot{
float: left;
width:100%;
overflow: hidden;
clear: both;
padding-top: 18px;
padding-bottom: 30px;
}
footer .footer_bot .left{
float: left;
}
footer .footer_bot .right{
float: right;
}
footer .footer_bot .left ul:last-child{
margin-top: 5px;
}
footer .code {
display: none;
}
footer .yq_link{
font-size: 0;
}
footer .yq_link dt,
footer .yq_link dd{
display: inline-block;
font-size: 14px;
}
footer .yq_link dd{
margin-left: 10px;
}
footer .yq_link dt{
font-weight: normal;
}
footer .tips_list{
font-size: 0;
text-align: right;
margin-top: 5px;
}
footer .tips_list a {
display: inline-block;
margin-left:15px;
position: relative;
}
footer .tips_list a::after{
position: absolute;
content:"·";
font-size: 20px;
color: #666;
top:-5px;
left:-12px;
}
footer .tips_list a:first-child::after{
display: none;
}
footer .footer_bot ul{
overflow: hidden;
}
footer .footer_bot ul li{
display: inline-block;
padding-right: 10px;
line-height: 18px;
}
footer .footer_bot ul li.first_li img{
width:auto;
height: auto;
display: inline-block;
margin-right: 5px;
}
footer .footer_bot a{
color: #666;
transition:color 0.3s;
}
footer .footer_bot a:hover{
color:#004bc6;
text-decoration: underline;
}
footer .right_m {
display: none;
}
footer .right_m a {
float: right;
margin-right: 20px;
font-size: 14px;
margin-top: 4px;
}
.fix_fa_m {
display: none;
}
.fix_fa{
background: rgba(255,255,255,0.6);
position: fixed;
bottom:0;
left:0;
width:100%;
height: 80px;
z-index: 99;
}
.fix_fa .container{
display: flex;
justify-content: space-between;
align-items:center;
height: 100%;
}
.fix_fa .left{
display: flex;
align-items:center;
height: 100%;
}
.fix_fa em{
font-size: 18px;
color: #333;
font-style: normal;
margin-right: 65px;
}
.fix_fa .fix_select li,
.fix_fa .fix_select .tit,
.fix_fa .fix_select{
width:240px;
height: 40px;
}
.fix_fa .fix_select{
margin-right: 20px;
border: 1px solid #eeeeee;
border-radius: 20px;
cursor: pointer;
background-color: #fff;
position: relative;
}
.fix_fa .fix_select.cur{
border-top:none;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.fix_fa .fix_select li,
.fix_fa .fix_select .tit{
font-size: 14px;
color: #333;
line-height: 40px;
padding-left: 20px;
padding-right: 20px;
}
.fix_fa .fix_select .tit{
}
.fix_fa .fix_select ul{
display: none;
position: absolute;
border: 1px solid #eeeeee;
border-radius: 20px;
bottom:39px;
left: -1px;
width:240px;
overflow: hidden;
background-color: #fff;
border-bottom:none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.fix_fa .fix_select li{
transition: all 0.3s;
}
.fix_fa .fix_select li:hover{
background-color: #eeeeee;
}
.fix_fa .s_btn{
width: 160px;
height: 40px;
background: #004bc6;
border-radius: 20px;
display: block;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 14px;
}
.fix_fa .btn_close{
width:40px;
height:40px;
background: url(/uploads/image/shimgs/btn_close.png) no-repeat center center;
background-size: 30px auto;
cursor: pointer;
}
.range .slider-container:nth-of-type(1) {
display: none;
}
#third .slider-container {
/*display: block;
width: 1170px !important;*/
}
/*.s_top{
width:35px;
position: fixed;
bottom:60px;
right: 10px;
cursor: pointer;
z-index: 999;
}*/
/**{
-ms-behavior: url(/uploads/image/shcpjs/backgroundsize.htc);
behavior: url(/uploads/image/shcpjs/backgroundsize.htc);
}*/
@media (max-width:1199px){
header .nav_list .item .item_a{
padding-left: 29px;
padding-right: 29px;
font-size: 17px;
}
header .container{
width: 1100px;
}
footer .sec1 .cen{
display: none;
}
footer .sec1 .left{
width:calc(100% - 370px);
}
.index_about .left{
width:20%;
}
.index_about .cen{
width:30%;
padding-right: 20px;
}
.index_about .right{
width: 50%;
}
.index_about .video_pic::after{
width:80px;
height: 80px;
}
.index_about .icon_list strong{
font-size: 16px;
}
.index_program .right h1{
font-size: 30px;
line-height: 46px;
}
.index_program_list li{
margin-left: 3%;
margin-right: 3%;
}
.index_program_list li::after{
bottom:-14px;
}
.index_pro_switch .right .con1,
.index_pro_bot_details .left_con h1{
font-size: 25px;
}
.index_pro .pro_nav_list .icon{
width:90px;
height:90px;
}
.index_pro_switch {
margin-top: 41px;
}
.index_pro_switch,
.index_pro_switch .cen {
height: 350px;
}
.index_banner .limit_box .banner_side{
width:200px;
height:60%;
top:0;
}
.slide_nav_list{
width:600px;
overflow: hidden;
}
}
@media (max-width: 1099px){
header .container{
width: 1010px;
}
@media (max-width: 767px) {
.new-swiper-container{
display: none !important;
}
.m-new-swiper-container{
display: block;
}
}
@media (max-width: 1025px) and (min-width: 767px){
.slide_nav_list .slick_box{
overflow-x: scroll;
}
}
@media (max-width: 991px){
header .nav_list .item .item_a{
padding-left: 19px;
padding-right: 19px;
font-size: 17px;
}
header .gp_code{
margin-left:20px;
}
header .logo img{
width: 80px;
}
header .gp_code em{
font-size: 15px;
}
header .gp_code strong{
font-size: 20px;
}
header .icon_list .item{
margin-left: 35px;
}
footer .footer_bot .right,
footer .foot_pro_list{
display: none;
}
footer .footer_bot .left{
width:100%;
text-align: center;
}
.index_about .left{
width:20%;
}
.index_about .cen{
width:35%;
padding-right: 15px;
}
.index_about .right{
width:45%;
}
.index_about .video_pic::after{
width:70px;
height: 70px;
}
.index_about .icon_list strong{
font-size: 15px;
}
.index_about .head_con h1{
font-size: 25px;
}
.index_about .head_con h2{
font-size: 16px;
margin-top: 5px;
}
.index_about .head_con .pic img{
max-width:140px;
}
.index_program_list strong{
font-size:16px;
}
.index_pro_switch .right .con1{
line-height: 32px;
}
.index_pro_switch .right .con1,
.index_pro_bot_details .left_con h1{
font-size: 22px;
}
.index_pro_switch .cen{
padding-top: 20px;
}
.index_pro_switch{
padding-bottom: 20px;
}
.index_pro_switch,
.index_pro_switch .cen {
height: 300px;
}
.index_pro .container{
background-size: cover;
}
.animate-big{
width:700px;
}
.slide_nav_list{
width:400px;
overflow: hidden;
}
.fix_fa em{
margin-right:20px;
}
.fix_fa .fix_select ul,
.fix_fa .fix_select li,
.fix_fa .fix_select .tit,
.fix_fa .fix_select{
width:220px;
}
}
@media(min-width: 768px) {
.contentcircle .ciritem1::after,
.contentcircle .ciritem2::after,
.contentcircle .ciritem3::after,
.contentcircle .ciritem4::after,
.contentcircle .ciritem5::after,
.contentcircle .ciritem6::after,
.contentcircle .ciritem7::after,
.contentcircle .ciritem8::after,
.contentcircle .ciritem9::after,
.contentcircle .ciritem10::after {
content: "" !important;
}
}
@media (max-width: 767px){
body{
margin-top: 50px;
padding-top: 0px !important;
}
footer{
height: auto;
overflow: hidden;
}
.slick-dots{
bottom: 10px;
}
.fix_fa_m {
display: block;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button::before{
width: 15px;
height: 4px;
}
.pro_zt_banner a img {
height: 200px;
}
.index_m_banner a img {
height: 220px;
width: auto;
}
.index_m_banner .animate-small{
left: 23%;
}
.index_m_banner .holdercircle{
}
.index_m_banner a {
display: flex;
justify-content: space-around;
}
.slick-dots li {
margin:0px 3px;
}
/* .slick-dots,*/
.slick-arrow{
/*display: none !important;*/
}
/* 修改 */
.index_m_banner .banner_side{
position: absolute;
flex: 1;
}
.index_m_banner .banner_side img{
height: 350px;
}
.index_m_banner .banner_side_left{
left: 0;
top: 0;
}
.index_m_banner .banner_side_right{
right: 0;
top: 0;
}
.index_m_banner .animate-big{
width: auto;
height: 290px;
top: 49%;
}
.index_m_banner .holdercircle{
flex: 2;
margin: -26px auto;
}
.index_m_banner .holdercircle .dotcircle{
width: 200px;
height: 200px;
}
.index_m_banner .holdercircle .dotcircle .itemdot{
width: 40px;
height: 40px;
line-height: 40px;
}
.index_m_banner .holdercircle .dotcircle .itemdot img{
width: 40px;
}
.index_m_banner .holdercircle .contentcircle{
width: 260px;
height: 260px;
}
.index_m_banner .holdercircle .contentcircle .ciritem .product-img{
width: 260px;
height: 260px;
}
/*.index_m_banner .holdercircle .contentcircle .ciritem .ciritemtextbg{
width: 150px;
height: auto;
position: absolute;
top: 135px;
/*bottom: 0;*/
right: 0;
left: 0;
margin: auto;
z-index: 9;
}*/
.index_m_banner .holdercircle .animate-small{
width: auto;
height: 230px;
left: 0;
right: 0;
margin: auto;
top: 50%;
}
/*.contentcircle .ciritem1::after,
.contentcircle .ciritem2::after,
.contentcircle .ciritem3::after,
.contentcircle .ciritem4::after,
.contentcircle .ciritem5::after,
.contentcircle .ciritem6::after,
.contentcircle .ciritem7::after,
.contentcircle .ciritem8::after,
.contentcircle .ciritem9::after,
.contentcircle .ciritem10::after {
content: 'è‰²é€‰Â·æˆ‘ä»¬æ— å¤„ä¸åœ¨';
width: 100%;
height: 100%;
font-size: 20px;
font-family: "pangmenzhengdao regular";
-webkit-border-radius: 250px;
-moz-border-radius: 250px;
border-radius: 250px;
font-weight: normal;
position: absolute;
top: -170px !important;
left: 0;
z-index: 9;
text-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}*/
.contentcircle .ciritem1::after,
.contentcircle .ciritem2::after,
.contentcircle .ciritem3::after,
.contentcircle .ciritem4::after,
.contentcircle .ciritem5::after,
.contentcircle .ciritem6::after,
.contentcircle .ciritem7::after,
.contentcircle .ciritem8::after,
.contentcircle .ciritem9::after,
.contentcircle .ciritem10::after {
content: "" !important;
}
.m-new-swiper-container .index_m_banner .ciritem .ciritemtextbg{
top: 130px;
left: 0;
right: 0;
margin: auto;
height: 14px;
width: auto;
}
.index_m_banner .holdercircle .contentcircle .ciritem .product-img-float{
height: 200px;
}
footer, .footer_bot a{
font-size: 12px;
}
footer .foot_ewm_list {
display: none;
}
footer .footer_top{
padding-bottom: 10px;
padding-top: 30px;
}
footer .footer_bot {
padding-bottom: 20px;
}
footer .footer_bot .right,
footer .sec1 .cen{
display: block;
width: 40%;
}
footer .sec1 .right {
width: 100%;
}
footer .sec1 .left{
width:60%;
}
footer .sec1 .cen{
/* margin-bottom: 30px; */
}
footer .foot_pub_title{
font-size: 20px;
text-align: right;
}
footer .group_info{
margin-top: 15px;
}
footer .group_info .item{
text-align: left;
margin-left: 20px;
}
footer .group_info strong {
width: 80%;
}
footer .group_info i {
float: left;
margin-right: 5px;
}
footer .foot_share_list{
text-align: center;
margin-top: 40px;
margin-left: 10px;
}
footer .foot_share_list a,
footer .foot_ewm_list li{
margin: 5px;
}
footer .foot_ewm_list img{
width:100px;
}
footer form .input_box{
display: block;
margin-bottom: 0;
}
footer form input[type="button"],
footer form .input_box1 input,
footer form .input_box2 input[type="text"]{
width:100%;
}
footer form input{
margin-bottom: 10px;
}
footer .sec1 .right{
padding-left: 25px;
padding-right: 25px;
display: none;
}
footer form input[type="button"]{
background-color: #4d81d5;
color: #fff;
}
footer .yq_link{
display: none;
}
footer .tips_list{
text-align: center;
}
footer .footer_bot .right{
float: none;
width: 100%;
clear: both;
overflow: hidden;
margin-top: 15px;
}
footer .tips_list a:first-child {
margin-left:0;
}
footer .sec2{
display: none;
}
.index_about{
padding: 0 15px 15px;
}
.index_about .icon_list li{
width:25%;
text-align: center;
}
.index_about .icon_list li:nth-child(1),
.index_about .icon_list li:nth-child(2){
margin-bottom: 0px;
}
.index_about .icon_list .icon{
margin-left: auto;
margin-right: auto;
}
.index_about .left{
width:100%;
display: none;
}
.index_about .cen{
display: none;
width:100%;
padding-right: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.index_about .right{
margin-top: 12px;
width:100%;
}
.index_about .right .con {
height: 64px;
margin-top: 10px;
margin-bottom: 10px;
}
.index_about .video_pic::after{
width:60px;
height: 60px;
}
.index_about .icon_list strong{
font-size: 15px;
}
.index_about .head_con h1{
font-size: 20px;
}
.index_about .head_con h2{
font-size: 15px;
margin-top: 3px;
}
.index_about .head_con .pic img{
max-width:140px;
}
.index_about .icon_list,
.index_about .video_box{
transform:translatey(0);
}
.index_about .right .more{
width:100px;
height: 30px;
border-radius: 15px;
line-height:30px;
margin-top: 20px;
}
.index_news_banner .limit_box .info{
display: none;
}
.index_news_banner .limit_box .tit{
font-size:15px;
height: 45px;
margin-bottom: 10px;
line-height: 22px;
}
.index_news_banner .limit_box .details{
padding:13px;
text-align: left;
}
.index_news_banner .slick{
margin-left:-8px;
margin-right: -8px;
}
.index_news_banner .limit_box{
padding:10px 8px 30px;
}
.index_news_banner .limit_box .pic{
height: 100px;
}
.index_news{
padding-top: 30px;
padding-bottom:0;
}
.index_news_banner {
margin-top:5px;
height: 235px;
padding: 0 15px;
}
.index_news .nav_con{
padding-left: 15px;
padding-right: 15px;
}
.index_news .nav_con nav a{
width:80px;
height: 30px;
line-height: 30px;
border-radius: 15px;
}
.index_news .nav_con .btn_group .s_btn{
width:80px;
height: 30px;
line-height: 28px;
border-radius:15px;
font-size: 16px;
display: none;
}
.index_program .left{
display: none;
}
.index_program .right{
width: 100%;
}
.index_program{
padding-left: 15px;
padding-right: 15px;
}
.index_program .left .con{
background-color: #004bc6;
padding:20px;
margin-top: 20px;
border-radius: 10px;
}
.index_program::after{
display: none;
}
.index_program_list{
padding-right: 0;
}
.index_program_list .icon{
margin-bottom: 8px;
}
.index_program_list strong{
font-size:15px;
}
.index_program .right h1{
font-size:18px;
line-height: 28px;
}
.index_program .right strong{
font-size: 15px;
margin-top: 6px;
margin-bottom:10px;
}
.index_program .right .contact_btn{
width:100px;
height: 30px;
line-height: 30px;
border-radius: 15px;
position: absolute;
left: 69%;
top: 15%;
}
.index_program_list li{
margin-left:3%;
margin-right: 3%;
}
.index_program_list li::after{
bottom:-20px;
}
.index_program .left .con_item,
.index_program .left .info{
padding-right: 0;
}
.index_pro .pro_nav_list{
padding-left: 15px;
padding-right: 15px;
background: rgba(255,255,255,.5);
}
.index_pro .pro_nav_list .icon{
width:50px;
height: 50px;
}
.index_pro .pro_nav_list strong{
font-size:14px;
margin-top: 6px;
}
.index_pro_switch .left,
.index_pro_switch .cen,
.index_pro_switch .right{
width:100%;
}
.index_pro_switch .left {
display: none;
}
.index_pro_switch .left li{
padding-right: 15px;
}
.index_pro_switch .right h1 {
margin-top: 6px;
text-align: center;
}
.index_pro_switch .right .con1{
line-height: 24px;
text-align: center;
}
.index_pro_switch .right .con1,
.index_pro_bot_details .left_con h1{
font-size:18px;
}
.index_pro .container{
padding-top: 0;
padding-bottom:0;
}
.index_pro .pro_nav_list .item {
padding-top: 30px;
}
.index_pro_switch{
margin-top: 0px;
height:330px;
background: rgba(255,255,255,.5);
}
.index_pro_switch .cen {
height:210px;
overflow: hidden;
}
.index_pro_switch .cen img {
max-width: 37%;
height: auto;
}
.index_pro .s_btn {
width: 110px;
height: 36px;
line-height: 36px;
border-radius: 18px;
margin: 0 auto;
float: none;
}
/*产å“导航*/
.slide_nav_list{
width:100%;
}
.slide_nav_list .limit_box,
.slide_nav_list .limit_box a{
width:60px;
height:60px;
}
.slide_nav_list .limit_box .icon{
width:16px;
height:16px;
background-size: 16px auto;
}
.slide_nav_list .limit_box img{
width: 16px;
}
.slide_nav_list .limit_box .tit{
margin-top:5px;
}
/*//产å“导航*/
.fix_fa{
border-top: 1px solid #eee;
display: block;
height: auto;
position: relative;
}
#fix_fa_b {
display: none;
}
.fix_fa .container{
display: block;
}
.fix_fa .left{
display: block;
height: auto;
}
.fix_fa .fix_select ul{
width:calc( 100% 2px );
}
.fix_fa .s_btn,
.fix_fa .fix_select li,
.fix_fa .fix_select .tit,
.fix_fa .fix_select{
width:100%;
}
.fix_fa {
padding:20px 15px 10px;
background-color: #e2e7ec;
}
.fix_fa em{
margin-bottom: 10px;
display:block;
}
.fix_fa .fix_select{
margin-bottom: 10px;
width: 48%;
float: left;
margin-right: 4%;
}
.fix_fa .fix_select:nth-of-type(2) {
margin-right: 0;
}
.fix_fa .s_btn {
margin-bottom: 10px;
width: 48%;
float: left;
}
.fix_fa .container{
position: relative;
}
.fix_fa .btn_close{
display: none;
position: absolute;
right: 0;
top:-8px;
}
.index_pro_switch .right .con2 {
display: none;
}
.about_honor {
display: none;
}
.about_honor_m {
display: block;
}
.index_news_banner .slick2 {
margin-top: -270px;
}
.align_justify div {
display: none;
}
footer .right_m {
display: block;
}
footer .foot_share_list li:nth-of-type(1) {
display: inline-block;
}
footer .code {
display: none;
text-align: center;
align-items: center;
position: fixed;
left: 0;
top: 50px;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 333;
font-size: 18px;
}
footer .code img {
margin: 50px auto 0;
width: 50%;
height: auto;
}
.index_program .container {
padding: 10px 0 0 0;
}
.range {
touch-action: none;
}
.range .slider-container:nth-of-type(1) {
display: block;
}
.range .slider-container:nth-of-type(2) {
display: none;
}
.index_about .right .con p {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.index_about .index_about_details {
padding: 20px;
}
.index_about .right {
display: none;
}
}
@media (max-width: 600px) {
.index_pro_switch .cen img{
max-width: 37%;
}
}
@media (max-width: 490px) {
.index_pro_switch .cen img{
max-width: 56%;
}
.m-new-swiper-container .index_m_banner .banner_side{
display: none;
}
}
@media (max-width: 375px) {
.index_m_banner .animate-small{
left: 21%;
}
.m-new-swiper-container .index_m_banner .ciritem .ciritemtextbg{
top: 143px;
left: 0;
right: 0;
margin: auto;
height: 12px;
width: auto;
}
}