﻿@charset "utf-8";
/* CSS Document */

:root {
    --hover: #e60012;
    --fs80: 80px;
    --fs42: 42px;
    --fs36: 36px;
    --fs24: 24px;
    --fs20: 20px;
    --fs16: 16px;
    --fs14: 14px;
}

@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family:'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}
html{font-size:62.5%;}
a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:var(--hover);
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}

p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
        display: none;
  }
input[type="text"]:disabled
{
background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

/*loading*/
.loading{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:9998;display:block;}
.loading b.b1{width:100%;height:100%;display:block;overflow:hidden;background-color:#004c98;position:absolute;left:0px;top:0%;}


.section{width:100%;background-color:#fff;height:100vh;}
.section .pagefr{width:100%;height:calc(100vh - .92rem);margin-top:.92rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.section .p_last{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.section.active .pagefr{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

@-webkit-keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}
 
@keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}

@-webkit-keyframes an_02 {
  0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
 
@keyframes an_02 {
 0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.an_02{-webkit-animation-name:an_02;animation-name:an_02}


@-webkit-keyframes an_01 {
  0% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
}
 
@keyframes an_01 {
  0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
}


@-webkit-keyframes an_03 {
  0% {opacity:0;}
  100%{opacity:1;}
}
 
@keyframes an_03 {
 0% {opacity:0;}
  100%{opacity:1;}
}
.an_03{-webkit-animation-name:an_03;animation-name:an_03;}

@-webkit-keyframes an_zdy {
  0% {}
  100%{}
}
 
@keyframes an_zdy {
 0% {}
  100%{}
}
.an_zdy{-webkit-animation-name:an_zdy;animation-name:an_zdy;}

@-webkit-keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
 
@keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
/*common*/


.in_body{min-height:100vh;position:relative;opacity:0;background-color:#fff;}
.home_body{overflow:hidden;height:100vh;}
.wrap{width:100%;margin:0px auto;padding:0px;}
.wrap_c {
    margin: 0px auto;
    padding: 0px 0px;
    width: 1400px;
}
.wrap_in{margin:0px 3%;}
.wrap_nr{margin:0px 6.25%;}

.w_pc{}
.w_wap{display:none !important;}

.topfr{width:100%;overflow:hidden;height:80px;position:fixed;left:0px;top:0px;z-index:99999;background-color:#fff;border-bottom:1px solid #e60012;}
.topfr .wrap_c{position:relative;}
.topfr .fl{width:105px;height:80px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:absolute;left:0px;top:0px;}
.topfr .fl img{width:100%;display:block;}
.topfr .fc{width:100%;overflow:hidden;}
.topfr .fc ul{font-size:0px;width:100%;overflow:hidden;text-align:center;}
.topfr .fc ul li a{color:#000;}
.topfr .fc ul li{display:inline-block;font-size:16px;line-height:80px;padding:0px 10px;position:relative;margin:0px 20px;font-weight:bold;}
.topfr .fc ul li b{width:0%;height:2px;display:block;overflow:hidden;background-color:#f40013;position:absolute;left:50%;bottom:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.topfr .fc ul li.on b{width:100%;left:0px;}
.topfr .fc ul li.on a{color:#f40013;}

header{border-bottom:1px solid var(--hover);}

.qgzt_01{overflow:hidden;position:relative;}
.qgzt_01_slide{ float:left;width:100%;overflow:hidden;height:500px;position:relative;margin-top:80px;}
.qgzt_01_slide .swiper-slide{width:100% !important;overflow:hidden;position:relative;}
.qgzt_01_slide .swiper-slide b.b1{width:100%;height:100%;display:block;overflow:hidden;}
.qgzt_01_slide .swiper-slide .qgzt_01_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;display:flex;display:-webkit-flex;align-items:flex-end;justify-content:center;}
.qgzt_01_slide .swiper-slide .qgzt_01_c .qgzt01c_c{width:100%;overflow:hidden;margin-bottom:6vh;opacity:0;padding-top:0px;}
.qgzt_01_slide .swiper-slide .qgzt_01_c .txtbox{ float: left; width:500px; height: auto; }
.qgzt_01_slide .swiper-slide .qgzt_01_c p{width:100%;overflow:hidden;font-family:syRegular; text-align: center;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p img{ display: block; margin: 10px auto; max-width: 100%;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p2 img{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p2 img.on{transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p3{ margin-top: 40px;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a{display:inline-block;line-height:44px;padding:0px 40px;border:2px solid #d3cecf;border-radius:50px;font-size:16px;color:#fff;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a.a1{background-color:#e60012;border:2px solid #e60012;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a.a1:hover{opacity:0.7;}
.qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a:hover{background-color:#e60012;border:2px solid #e60012;}

.qgzt01_b{width:30px;height:100%;overflow:hidden;position:absolute;right:4.6%;top:0px;z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.qgzt01_b .qgzt01_b_c{width:100%;overflow:visible;position:relative;}
.qgzt01_b .qgzt01_b_c .qgzt_01_prev{ display: none;}
.qgzt01_b .qgzt01_b_c .qgzt_01_next{ display: none;}
.qgzt01_b .qgzt_01_sp{width:100%;overflow:hidden;display: none;}
.qgzt01_b .qgzt_01_sp span{width:12px; height:12px; border:solid #fff 1px; border-radius:6px;opacity:1;background:none;padding:0px;display:block; margin: 10px auto !important;}
.qgzt01_b .qgzt_01_sp span.swiper-pagination-bullet-active{background: #fff;}

.chzt_title{ width: 100%; clear: both; margin: 90px auto 0; text-align: center; max-width: 1400px;}
.chzt_title>h4{ font-size: 30px; color: #888; margin-bottom: 10px;}
.chzt_title>h3{ font-size: 36px; color: #222;}
.chzt_title>h3>i{ padding: 0 10px;}
.chzt_title>b{ width: 80px; height: 5px; border-radius: 2.5px; display:inline-block; margin: 35px auto 0; background: #e60012;}
.chzt_title>p{ font-size: 16px; color:#999; margin-top: 30px; line-height: 28px;}
.chzt_02 .tab{ width: 96%; max-width: 1400px; margin:70px auto 0; display: flex;}
.chzt_02 .tab_card{width: 49%; padding-right: 20px;}
.chzt_02 .tab_card>li{ margin-bottom: 30px;}
.chzt_02 .tab_card>li h5{ font-size: 24px; color:#222; position: relative; line-height: 28px; padding-left:50px; }
.chzt_02 .tab_card>li h5:before{ width: 8px; height: 28px; background: #444; position: absolute; left: 0; top:0; content: ''; border-radius: 2px;}
.chzt_02 .tab_card>li>ul{ height: 0;
    overflow: hidden; transition: all .3s linear; margin-top: 20px;}
.chzt_02 .tab_card>li>ul>li{ position: relative; color:#999; font-size: 14px; margin: 10px 0 10px 50px; padding-left: 20px;}
.chzt_02 .tab_card>li>ul>li:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 5px; border:solid #444 1px; left: 0; top: 5px;}
.chzt_02 .tab_card>li.active h5:before{background: #f40013;}
.chzt_02 .tab_card>li.active>ul{ height: auto;}
.chzt_02 .tab_con{background: #f4f4f4; border-radius: 8px; width: 680px; height: 400px; position: relative; margin: 20px 20px 0 0;}
.chzt_02 .tab_con>div{ position: absolute; z-index: 2; right: -20px; top:-20px; display: none;
    width: 100%; height: 100%; overflow: hidden;}
.chzt_02 .tab_con>div>.imglist{width: 100%; height: 100%; overflow: hidden; position: relative;}
.chzt_02 .tab_con>div>.imglist img{ display: block; width: 100%; height: auto;}
.chzt_02 .tab{ position: relative;}
.tab_nav{ position: absolute; right: 40px;bottom:30px; z-index: 999;}
.tab_nav a {
    width: 20px;
    height: 1px;
    display: inline-block;
    background:#fff;opacity:.4; margin: 0 10px;
}
.tab_nav a.active{ background:#fff;opacity:1; height: 3px; border-radius: 1.5px;}

.imglist .swiper-container {
    width: 100%;
    height:100%;
    position: relative;
}
.imglist .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.imglist .swiper-slide img{ display:block; width:100%; height: auto; border-radius: 10px;}
.imglist .swiper-slide h6{ position:absolute;  bottom:80px; left:0; width:90%; color:#fff; font-size:16px;}
.imglist .swiper-pagination-bullet {
    width: 20px;
    height: 1px;
}
.imglist .swiper-pagination{ right: 30px ;bottom: 40px;}
.imglist .swiper-pagination-bullet{ background:#fff;opacity:.4; margin: 0 10px;}
.imglist .swiper-pagination-bullet-active{ background:#fff;opacity:1; height: 3px; border-radius: 1.5px;}



.imglist .swiper-button-next,
.imglist .swiper-button-prev {
    position:absolute;
    top:40%;
    width:22px;
    height:36px;
    margin-top:-18px;
    z-index:9999;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.imglist .swiper-button-prev{ background:none; }
.imglist .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}



.college_sw .swiper-button-next{ background:none;top:20%;}
.college_sw .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}



.chzt_03{ background: url("../images/gy_bg.jpg") center center no-repeat; background-size:cover; float: left; width: 100%; margin-top: 90px;padding-bottom: 50px;}
.chzt_03_c{width:96%;overflow:hidden;margin:50px auto; max-width: 1400px;}
.chzt_03_c ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;}
.chzt_03_c ul li{position:relative;background-color:#fefdfd; transition: all .3s linear;
                 border-radius:6px;width:31.5%;border:1px solid #e7e7e7;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-bottom: 40px;}
.chzt_03_c ul li:before{ bottom: 0; width: 100%; height: 4px; transition: all .3s linear;
    background: #d7d7d7; position: absolute; left: 0; z-index: 3; content: ''; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.chzt_03_c ul li p.p1{ width: 100%; overflow: hidden; border-radius: 6px;}
.chzt_03_c ul li p.p1 img{width:100%;display:block; height: auto; transition: all .3s linear;}
.chzt_03_c ul li:hover{ box-shadow: 0 1px 30px #ccc;}
.chzt_03_c ul li:hover:before{ background: #e60012;}
.chzt_03_c ul li:hover p.p1 img{transform: scale(1.2);}
.chzt_03_c ul li p.p2{font-size:var(--fs24);line-height:2;font-weight:bold;margin:15px 0px;padding: 15px 40px;}
.chzt_03_c ul li p.s3{ padding-left:20px;font-size:var(--fs14);color:#666666;line-height:1.5;margin:10px 40px;text-align:justify;text-justify:inter-ideograph; position: relative;}
.chzt_03_c ul li p.s3:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 5px; border:solid #444 1px; left: 0; top: 5px;}
.chzt_04{ float: left; width: 100%; padding-bottom: 50px;}
.chzt_04_c{width:96%;overflow:hidden;margin:50px auto; max-width: 1400px; display: flex;justify-content: space-between;}
.chzt_04_c_outer{ width: 100%; position: relative;}
.chzt_04_c_rb{ width: 47%; position: absolute; bottom: 0; left: 0;}
.chzt_04_c_outer .top_txt{ margin-right: 60px; margin-top: 30px; width: 47%;}
.chzt_04_c_outer .top_txt h5{ font-size: 24px; color:#222; position: relative; line-height: 28px; padding-left:50px; }
.chzt_04_c_outer .top_txt h5:before{ width: 8px; height: 28px; background: #f40013; position: absolute; left: 0; top:0; content: ''; border-radius: 2px;}
.chzt_04_c_outer .top_txt>ul{ height:auto;
    overflow: hidden; transition: all .3s linear; margin-top: 20px;}
.chzt_04_c_outer .top_txt>ul>li{ position: relative; color:#999; font-size: 14px; margin: 10px 0 10px 50px; padding-left: 20px; line-height: 30px;}
.chzt_04_c_outer .top_txt>ul>li:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 5px; border:solid #444 1px; left: 0; top: 10px;}
.chzt_04_c_outer .swiper-slide img{cursor: pointer;}
.chzt_04_c_outer .swiper-slide{ display: flex; }
.chzt_04_c_outer .swiper-slide img{width: 100%;}
.chzt_04_c_rb .swiper-slide{ position: relative;cursor: pointer;}
.chzt_04_c_rb .swiper-slide h6{ position: absolute; left: 0; bottom: 10px; height: 30px; line-height: 30px; z-index: 9999; width: 100%; color:#fff; font-size: 16px; text-align: center;}
.chzt_04_c_rb .swiper-slide img{width: 100%;height: auto; }
.chzt_04_c_rb .swiper-slide-thumb-active {
    border:solid #f40013 3px;
    border-radius: 10px;
}

.chzt_04_c_rb .swiper-slide-thumb-active h6{font-weight: bold;}

.chzt_04 .swiper-button-prev,
.chzt_04 .swiper-button-next {
    width: 12px;
    height: 20px;
    background-size: 12px 20px;
    margin-top: -30px;
    display: none;
    top:40%;
}
.chzt_04 .swiper-container .swiper-button-prev {
    background-image: url('../images/arr_left.png');
    left: 1.5vw;
}
.chzt_04 .swiper-container .swiper-button-next {
    background-image: url('../images/arr_right.png');
    right: 1.5vw;
}

.chzt_05{
    float: left; width: 100%; background: url("../images/sjjc_bg.png") center center no-repeat; background-size:cover; }
.chzt_05_c{width:96%;overflow:hidden;margin:50px auto 140px; max-width: 1400px; }
.chzt_05_c>ul{ display: flex; justify-content: space-between; text-align: center;}
.chzt_05_c>ul>li{ display: flex; flex-direction: column; justify-content: flex-start; position: relative; width: 24%;}
.chzt_05_c>ul>li:before{position: absolute; bottom: 0; height: 50%; width: 100px; border-left: solid #cacaca 1px; content: ''; left:-2%;}
.chzt_05_c ul li p.p1{ font-size: 28px; margin-top: 30px;}
.chzt_05_c ul li p.p1 i{font-size: 48px;}
.chzt_05_c ul li p.p2{font-size:var(--fs24);line-height:2;font-weight:bold; margin-top: 10px;}
.chzt_05_c ul li p.p2 b{width: 20px; height: 5px; border-radius: 2.5px; display:block; margin: 15px auto 0; background: #e60012;}
.chzt_05_c ul li p.p3{ font-size:var(--fs16);color:#666666;line-height:1.5; margin-top: 15px; width: 80%; margin: 15px auto 0;}

.chzt_06{ float: left; width: 100%; background: url("../images/bps_bg.png") center center no-repeat; background-size:cover; padding: 90px 0;}
.chzt_06_c{ display: flex; max-width: 1400px; width: 96%; margin: 0 auto; justify-content: center; align-items: center;}
.chzt_06_c .r_con{ margin-left: 120px}
.chzt_06_c .r_con h4{ font-size: 32px; margin: 30px 0; color: #222; line-height: 46px;}
.chzt_06 .r_btn .sp3,.chzt_06 .r_btn .sp2,.chzt_06 .r_btn .sp1{display:inline-block;line-height:38px;background-color:#fbfbfb;padding:0px 30px;border-radius:40px;font-size:var(--fs14);color:#222;font-weight:bold;border:1px solid #d3d3d3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.chzt_06 .r_btn .sp2{ margin: 0 10px;}
.chzt_06 .r_btn .sp2 i{ color:var(--hover);display:inline-block;font-weight:bold;background:url("../images/in_14.png") left center no-repeat;background-size:14px;padding-left:20px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.chzt_06 .r_btn .sp2:hover,.chzt_06 .r_btn .sp1:hover{border:1px solid var(--hover);background-color:var(--hover);color:#fff;}
.chzt_06 .r_btn .sp2:hover i{background:url("../images/in_15.png") left center no-repeat;background-size:14px;color:#fff;}
.chzt_06 .r_btn .sp3{ background: #e60012; color: #fff; border: none;}
.chzt_06 .r_btn .sp3:hover{ background: #d7000f;}
.navfr{overflow:hidden;line-height:50px;}
.navfr a{float:left;font-size:var(--fs14);color:#666;}
.navfr i{float:left;margin:0px 10px;color:#000;font-family:SimSun;}



.rightfr{width:70px;overflow:hidden;background-color:#fff;position:fixed;left:0px;top:15vh;border-radius:6px;z-index:9999;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.rightfr ul li{width:100%;height:70px;overflow:hidden;border-bottom:1px solid #e9e9e9;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.rightfr ul li:last-child{border-bottom:0px;}
.rightfr ul li a{width:100%;display:block;overflow:hidden;text-align:center;}
.rightfr ul li em{display:inline-block;position:relative;}
.rightfr ul li em img{display:block;height:25px;}
.rightfr ul li em img.img2{position:absolute;left:0px;top:0px;opacity:0;}
.rightfr ul li span{width:100%;display:block;overflow:hidden;text-align:center;font-size:var(--fs14);color:#222222;line-height:1.5;}
.rightfr ul li.on em img.img1{opacity:0;}
.rightfr ul li.on em img.img2{opacity:1;}
.rightfr ul li.on span{color:var(--hover);}



@media screen and (max-width:1820px) {
}


@media screen and (max-width:1700px) {

    
}

@media screen and (max-width:1635px){
    .wrap_c {
        width: auto;
        margin: 0px 8%;
    }
    .chzt_02 .tab{ width: auto;  margin:20px 8% 0;}
    .chzt_title{ width: auto;  margin: 90px 8% 0;}
    .chzt_03_c{width:auto;margin:50px 8%; }
    .chzt_04_c{width:auto;margin:50px 8%; }
    .chzt_05_c{width:auto;margin:50px 8% 140px;}
    .chzt_06_c{  width: auto; margin: 0 8%; }





}

@media screen and (max-width:1570px) {
    .chzt_02 .tab_con { height: 390px;}

}
@media screen and (max-width:1440px) {
    .chzt_02 .tab_con { height: 370px;}

}

@media screen and (max-width:1200px) {
    .chzt_02 .tab_con { height: 330px;}

    .chzt_04_c_outer .top_txt{ margin-top: 10px;}
}


@media screen and (max-width:992px) {
    .rightfr{display:none;}
    :root {
        --fs80: 80px;
        --fs42: 42px;
        --fs36: 36px;
        --fs24: 24px;
        --fs20: 20px;
        --fs16: 16px;
        --fs14: 14px;
    }

    .wrap_in{margin:0px 10px;}
    .wrap_c{margin:0px 10px;padding:0px;width:auto;}
    .wrap_nr{margin:0px 10px;}

    .w_pc{display:none !important;}
    .w_wap{display:block !important;}

    .topfr{height:44px;overflow:visible;}
    .topfr .wrap_c{margin:0px;}
    .topfr .fl{height:44px;width:70px;margin-left:10px;}
    .topfr .fl img{}
    .topfr .fc{text-align:right;width:auto;float:right;position:absolute;left:0px;top:44px;background-color:#fff;width:100%;display:none;}
    .topfr .fc ul{width:100%}
    .topfr .fc ul li{line-height:44px;margin:0px;font-size:14px;padding:0px;width:100%;border-bottom:1px solid #eee;text-align:left;}
    .topfr .fc ul li a{width:calc(100% - 20px);display:block;overflow:hidden;margin:0px auto;padding:0px;background:url("../images/in_08.png") right center no-repeat;background-size:8px;}
    .topfr .fc ul li.on b{width:0px;}

    .menu_click{width:20px;height:44px;overflow:hidden;position:relative;float:right;margin-right:10px;}
    .menu_click b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/menu_01.svg") center no-repeat;background-size:20px;}
    .menu_click b.on{background:url("../images/menu_02.svg") center no-repeat;background-size:20px;}


    .qgzt_01_slide{margin-top:0px; height: 500px; }
    .qgzt_01_slide .swiper-slide .qgzt_01_c{align-items:center; top:0; justify-content: center;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c .qgzt01c_c{margin-bottom:0px; padding-top: 0;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c .txtbox{ float: none; width:96%;  }
    .qgzt_01_slide .swiper-slide .qgzt_01_c p{text-align: center;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p img{ max-width: 60%;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3{ text-align: center;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a.a1{margin-right: 0;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3{margin-top:30px;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a{line-height:32px;padding:0px 20px;border:2px solid #d3cecf;border-radius:16px;font-size:14px;}


    .chzt_title {
        width: 96%;
        margin: 20px auto 0;
    }
    .chzt_title>h4{ font-size: 18px; margin-bottom: 10px;}
    .chzt_title>h3{ font-size: 20px; }
    .chzt_title>b{ width: 50px; height: 2px; border-radius: 1px; display:inline-block; margin: 5px auto 0; }
    .chzt_title>p{ font-size: 14px;  margin-top: 10px; line-height: 28px;}
    .chzt_02 .tab{ width: 96%; max-width: 1400px; margin:20px auto 0; display: flex; flex-direction: column;}
    .chzt_02 .tab_card{width: 100%; }
    .chzt_02 .tab_card>li{ margin-bottom: 8px;}
    .chzt_02 .tab_card > li > ul {
        margin-top: 10px;
    }
    .chzt_02 .tab_card>li h5{ font-size: 18px;  padding-left:30px; }
    .chzt_02 .tab_card>li h5:before{ width: 4px; height: 24px;}
    .chzt_02 .tab_card > li > ul > li {position: relative;
        margin: 10px 0 10px 30px;
      }
    .chzt_02 .tab_con{ width: 100%; height: auto;  margin:  0;}
    .chzt_02 .tab_con>div{ position: static;}
    .chzt_02 .tab_con>div>.imglist{width: 100%; height: 100%; overflow: hidden; position: relative;}

    .chzt_03{ margin-top: 20px; padding-bottom: 0;}
    .chzt_04{padding-bottom: 0;}
    .chzt_04_c,.chzt_03_c { margin: 20px auto;}
    .chzt_04 .swiper-button-prev,
    .chzt_04 .swiper-button-next {

        display: block;
    }
    .chzt_03_c ul li p.p2 {
        font-size: 18px;
        line-height: 30px;
        font-weight: bold;
        margin:  0px;
        padding: 15px 20px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .chzt_03_c ul li p.s3 {
         padding-left: 20px;
         margin: 10px 20px;

     }
    .chzt_04_c_outer{
        overflow: hidden;}
    .chzt_04_c_rb{display: none;}
    .chzt_04_c_outer .top_txt{ margin-left: 0; margin-top: 20px; width: 100%;order: 1}
    .chzt_04_c_outer .top_txt h5{ font-size: 18px; color:#222; position: relative; line-height: 28px; padding-left:30px; }
    .chzt_04_c_outer .top_txt h5:before{ width: 4px; height: 24px; }
    .chzt_04_c_outer .top_txt>ul{ height:auto;
        overflow: hidden; transition: all .3s linear; margin-top: 5px;}
    .chzt_04_c_outer .top_txt>ul>li{  margin: 5px 0 10px 30px; padding-left: 20px; line-height: 24px;}
    .chzt_04_c_outer .top_txt>ul>li:before{ position: absolute; content: ''; width: 10px; height: 10px; border-radius: 5px; border:solid #444 1px; left: 2px; top: 10px;}
    .chzt_04_c_outer .swiper-slide{ display: flex; flex-direction: column;}

    .chzt_05_c{margin:20px auto;  }
    .chzt_05_c ul li p.p1{ font-size: 16px; margin-top: 20px;}
    .chzt_05_c ul li p.p1 i{font-size: 24px;}
    .chzt_05_c ul li p.p2{font-size:18px;line-height:30px; margin-top: 10px;}
    .chzt_05_c ul li p.p2 b{width: 20px; height: 5px; border-radius: 2.5px; display:block; margin: 10px auto 0; background: #e60012;}
    .chzt_05_c ul li p.p3{ font-size:14px;line-height:1.5; width: 80%; margin: 10px auto 0;}


    .chzt_06{ float: left; width: 100%; background: url("../images/bps_bg.png") center center no-repeat; background-size:auto 100%; padding: 20px 0;}
    .chzt_06_c{ flex-direction: column;}
    .chzt_06_c .l_img{ width: 100%}
    .chzt_06_c .l_img img{ max-width: 80%; display: block; margin: 0 auto;}
    .chzt_06_c .r_con{ margin-left: 0; margin-top: 20px;}
    .chzt_06_c .r_con h4{ font-size: 20px; margin: 20px 0; color: #222;line-height: 32px;}
    .chzt_06 .r_btn .sp3,.chzt_06 .r_btn .sp2,.chzt_06 .r_btn .sp1{padding:0px 30px;}
    .chzt_06 .r_btn .sp2{ margin: 0 10px;}
    .chzt_06 .r_btn .sp2 i{display:inline-block;font-weight:bold;background:url("../images/in_14.png") left center no-repeat;background-size:14px;padding-left:20px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
    .chzt_06 .r_btn .sp2:hover,.chzt_06 .r_btn .sp1:hover{border:1px solid var(--hover);background-color:var(--hover);color:#fff;}
    .chzt_06 .r_btn .sp2:hover i{background:url("../images/in_15.png") left center no-repeat;background-size:14px; color:#fff;}














}


@media screen and (max-width:760px) {
    .qgzt_01_slide{height:400px; }
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a{line-height:30px;padding:0px 10px;border:2px solid #d3cecf;border-radius:15px;font-size:14px;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3{margin-top:10px;}
    .chzt_03_c ul { flex-wrap: wrap;}
    .chzt_03_c ul li {

        width:100%;

        padding-bottom: 20px;
        margin:10px 0;

    }

    .chzt_03_c ul li p.s3{ left:auto; top:auto;}

    .chzt_05_c>ul{ flex-wrap: wrap}
    .chzt_05_c>ul>li{ width: 48%; margin-top: 20px;border: solid #eee 1px; padding: 10px; box-sizing: border-box;  border-radius: 8px;}
    .chzt_05_c>ul>li>p>img{ width:40px;height: auto; }
    .chzt_05_c>ul>li:before{display: none;}


}
@media screen and (max-width:480px) {
    .qgzt_01_slide{ height: 300px; }
    .chzt_06 .r_btn .sp3, .chzt_06 .r_btn .sp2, .chzt_06 .r_btn .sp1 {
        display: inline-block;
        padding: 0px 15px;
    }
    .chzt_04 .swiper-button-prev,
    .chzt_04 .swiper-button-next {
        top:31%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3{margin-top:60px; text-align: right;}
    .qgzt_01_slide .swiper-slide .qgzt_01_c p.p3 a.a1{ float:right;background-color:#e60012;border:2px solid #e60012; margin-right: 308px;}
    .chzt_06 .r_btn .sp2:hover,.chzt_06 .r_btn .sp1:hover{border:1px solid #e60012;background-color:#e60012;color:#fff;}
    .chzt_03_c ul li p.p2 {
        font-size: 24px;}
    .chzt_03_c ul li p.s3 {
        padding-left: 20px;
        font-size: 14px;}
    .chzt_05_c ul li p.p2 {
        font-size: 24px;}
    .chzt_05_c ul li p.p3 {
        font-size: 16px;}
    .chzt_06 .r_btn .sp2, .chzt_06 .r_btn .sp1 {font-size: 14px;}

}