@font-face{font-family:shuzifont;font-display:swap;src:url('../font/OPTIAKROGROTESK.ttf');}
.header{ position: fixed;z-index: 9999;  left:0;right: 0;  color: #fff; background: rgba(0, 0, 0, 0.8);}
.header-1 .logo{ float: left; color: #fff;padding-top: 10px;}
.header-1 .logo img{ height:36px;float: left;}
.header-2{height: 56px; line-height: 56px; text-align: center; float: right;}
#top,.hback,.caidan{ display: none; visibility: hidden;}
.nav_bg{ width: 100%;  position: relative; z-index: 999;}
.sjj_nav>ul>li{ float:left; position:relative; width:calc(100%/6); }
.sjj_nav>ul>li::after{ content: ''; border-top: 3px solid #d0000e; width: 100%; position: absolute; left: 0; top: 0; transform: scaleX(0); transition: 0.5s;}
.sjj_nav>ul>li::before{ content: ''; background: #fff; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: 0.3s;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s;}
.sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 100%;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; height:56px; line-height: 56px; color: #fff; text-align: center; position:relative; z-index:9; transition:0.5s;padding: 0 35px;}
.sjj_nav>ul>li:hover>a{ color: #222; transition: .05s;}
.sjj_nav>ul>li.cur{ color: #222; transition: .05s;}
.sjj_nav>ul>li.cur a{ color: #222; transition: .05s;}
.sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; top: 56px; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{background: #fff;}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:40px; height:40px; font-size:14px; color:#222; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#d0000e; color:#fff; transition:0.5s;}

.swi_index_banner{background-color: #000;}
.swi_index_banner .swiper-slide img{width: 100%;}
.swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:50%; bottom: 30px;transform: translateX(-50%);z-index: 10;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.4; filter:alpha(opacity=40);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.4); float: right; margin: 0 10px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:70px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; filter:alpha(opacity=100);}
.s-bt{ text-align: center; font-size: 36px; font-weight: bold;}
.s-bt p{ font-size: 16px; font-weight: 500; color: #666;}
.s-1{ background: url("../images/diqiu.jpg") center bottom no-repeat; background-size: 100%;padding-bottom: 15vh;}
.shuzi_box2{padding:0; position: relative; padding-top: 1vh;}
.shuzi_box2 img{ width: 100%;}
.shuzi_box2 dl{ padding-top: 30px;}
.shuzi_box2 dl dt{ float: left; width: calc(100%/4 - 6.1px);position: relative; margin-right:8px; padding-left: 0;background: #000;}
.shuzi_box2 dl dt:nth-child(4){ margin-right: 0;}
.shuzi_box2 dl dt b{ display: flex;justify-content: center;}
.shuzi_box2 dl dt b i{ font-style: normal; margin:13px 0 0 10px; font-size: 16px;color: #fff;}
.shuzi_box2 dl dt p{ padding-left: 0; color: rgba(255,255,255,0.7);padding-top: 20px;}
.shuzi_box2 dl dt img{ width: 100%;transition: all 0.5s ease;}
.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.dataNums .dataOne{ width:20px; height:58px; margin:0; text-align: center; }
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .tt span{width:100%;height:100%; font:45px/58px "shuzifont";color:#fff;}
.gdsz{ position: absolute; z-index: 10; bottom: 35px;left: 50%; transform: translateX(-50%);text-align: center;transition: all 0.5s ease; width: 100%;}
.shuzi_box2 dl dt:hover .gdsz{ bottom: 25%;}
.shuzi_box2 dl dt:hover img{ opacity: 0.2;filter:alpha(opacity=20);}

.s-2{ background: url("../images/hzd.jpg") center no-repeat; background-size: cover;}
.hzhbgd{ padding-top: 30px;}
.hzhbgd .swiper-slide{ background: #fff;}
.hzhbgd .swiper-slide img{ width: 100%;}
.hzhbgd .swiper-slide p{ height:75px; padding: 0 10%; line-height: 75px; position: relative;}
.hzhbgd .swiper-slide p span{ display: block; float: right;}
.hzhbgd .swiper-slide p img{ float: left; width: auto; position: absolute; top: 50%; transform: translateY(-50%); max-width: 40%;}
.hzhbgd .swiper-button-next,.hzhbgd .swiper-container-rtl .swiper-button-prev{ background: none; right: 0;}
.hzhbgd .swiper-button-prev, .hzhbgd .swiper-container-rtl .swiper-button-next{ background: none;left: 0;}
.swiper-button-prev i,.swiper-button-next i{ font-size: 30px; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: 100; padding: 15px 0;}
.s-2 .s-bt{ color: #fff;}
.s-2 .s-bt p{ color: #999;}
.s-2-ly{ background: #fff; margin-top:10px; padding: 40px 4%;}
.s-2-ly dl dt{ width: 50%; float: left; font-weight: bold;}
.s-2-ly dl dt h3{font-size: 30px;}
.s-2-ly dl dt p{ font-size: 17px; font-weight: 500; color: #666;}
.s-2-ly dl dt span{ font-size: 18px; color: #d0000e;display: block;}
.s-2-ly dl dd{ width: 45%; float: right;}
.s-lyl{ float: left;width: calc(100% - 140px);}
.s-lyl input{ display: block; border: 1px solid #f4f4f4; width: 100%; height: 43px; line-height: 43px; padding: 0 48px 0 15px; background: url("../images/dh.jpg") center right no-repeat;}
.s-lyl input:nth-child(1){ margin-bottom: 10px;background: url("../images/xm.jpg") center right no-repeat;}
.s-lyr{ float:right; width: 119px;}
.s-3{ background: #f4f4f4; position: relative;}
.s-3-nr{ padding: 60px 0 20px;}
.s-3-nr li{ background: #838383; color: #fff; max-width: 428px; padding: 25px; float: left; font-size: 22px; font-weight: bold; border-radius: 8px;transition: all 0.5s ease;}
.s-3-nr li p{ font-size: 14px; font-weight: 500;}
.s-3-nr li:nth-child(5){ float: right;}
.s-3-nr li:nth-child(1){ margin-left: 4%; margin-bottom: 40px;}
.s-3-nr li:nth-child(2){ float: right; margin-right: 4%;}
.s-3-nr li:hover{ background: #d0000e;}
.ysgdsz{ position: absolute; left: 50%; transform: translateX(-50%); padding-left: 170px; font-size: 18px; font-weight: bold; top: 15%; color: #d0000e;}
.ysgdsz::after{position: absolute; width: 150px; height: 2px; background: #d0000e; content: ''; left: 0; top: 10px;}
.s-3-wh{ position: absolute; left: 38%; bottom: 5%;}
.wenhao1 {
    z-index: 2;
    -ms-animation-name: 'wenhao';
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-delay: 0s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -webkit-animation-name: 'wenhao';
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-name: 'wenhao';animation-duration: 1s;animation-timing-function: ease-in-out;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: alternate;}

@keyframes wenhao {0% {transform: translateY(-20px);}100% {transform: translateY(20px);}}
.wenhao2 {position: absolute;bottom: 0;z-index:-1;-webkit-animation-name: 'wenhao2';-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;}
@keyframes wenhao2 {0% {filter: blur(10px);}100% {filter: blur(0px);}}
.cpxljs-xq{ padding-top: 60px;}
.s-4 .index_news_tabs{ width:100%;height: 60px;border-bottom: 2px solid #f1f1f1;}
.s-4 .index_news_tabs ul li{ float:left; width:calc(100%/4 - 0.1px); margin-right: 0; line-height:60px; height: 60px; cursor: pointer;position: relative; font-size: 20px; font-weight: bold;padding-left:2vw;}
.s-4 .index_news_tabs ul li:before{width:0%;height: 2px;content: '';display: block;background: #d0000e; position: absolute;right: 0;bottom: 0;z-index: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.s-4 .index_news_tabs ul li:hover:before{width: 100%;}
.s-4 .index_news_tabs ul li i{ float: left; font-size: 36px; line-height: 36px; font-weight: 400; color: #999; padding-right: 18px;}
.s-4 .index_news_tabs ul li p{ float: left;line-height: 25px;}
.s-4 .index_news_tabs ul .active{  color: #d0000e; position: relative;}
.s-4 .index_news_tabs ul .active span{ color: #d0000e;}
.s-4 .index_news_tabs ul .active i{ color: #d0000e;}
.s-4 .index_news_tabs ul .active:before{width:100%;height: 2px;content: '';display: block;background: #d0000e; position: absolute;right: 0;bottom: 0;z-index: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.s-4 .index_news_tabs ul li span{ font-size: 12px; color: #999; font-weight: 400; display: block; line-height: 18px;}
.s-4 .swi_index_news{ width:100%; padding:35px 0 0;}
.s-4 .swi_index_news .swiper-slide{ background: #f4f4f4;}
.s-4 .swi_index_news .swiper-slide img{ max-width:100%;}
.swi_index_news .swiper-slide img{ width: 50%; float: left;}
.swi_index_news .swiper-slide p{ float: right; padding:11% 5% 0; width: 50%; box-sizing: border-box;line-height: 24px; color: #666;}
.swi_index_news .swiper-slide p b{ font-weight: bold; display: block; font-size: 22px;  margin-bottom: 20px; color: #000;}
.s-4-tl{ padding-top: 25px;}
.s-4-tl li{ width: calc(100%/4 - 8.01px); margin-right: 10px; border: 1px solid #f4f4f4; padding:75px 15px 50px; text-align: center; float: left; position: relative;}
.s-4-tl li:nth-child(4){ margin-right: 0;}
.s-4-tl li img{ max-width: 100%; display: block; margin: 0 auto;}
.s-4-tl li p{ border-top: 1px dashed #a1a1a1; padding-top: 20px; margin-top: 65px;}
.s-4-tl li img:nth-child(2){ display: none;}
.s-4-tl li::after {content: "";position: absolute;width: 100%;height: 0;bottom: 0;left: 0;background: url(http://www.yin-x.cn/sftp/meitai/images/ysd.jpg) no-repeat;background-size: cover;z-index: -1;transition: all .5s;opacity: 0;filter:alpha(opacity=0);}
.s-4-tl li:hover::after {height: 100%;opacity: 1;filter:alpha(opacity=100);}
.s-4-tl li:hover img:nth-child(1){ display: none;}
.s-4-tl li:hover img:nth-child(2){ display: block;}
.s-4-tl li:hover p{ color: #fff;}

.s-5{ background: #f4f4f4;}
.s-5 dl{ background: #fff;position: relative;}
.s-5 dl dt{ width: 50%; float: left; position: relative;}
.s-5 dl dt img{ width: 100%;}
.s-5 dl dd{ width: 50%; float: right; padding:8% 5% 0;}
.s-5 dl dt p{ position: absolute; bottom: 0; right: 0; height: 70px; line-height: 70px; padding: 0 40px; background: #666; color: #fff;}
.s-5 dl dt p i{ padding-left: 50px;}
.s-5 dl dd p{ padding-top: 20px; color: #666;}
.s-5 dl dd a{ color: #d0000e; font-size: 17px; margin-top: 25px; display: block; font-weight: bold;}
.s-5 dl dd a i{ padding-left: 20px; transition: all 0.3s ease;}
.s-5 dl dd a:hover{ color: #333;}
.s-5 dl dd a:hover i{ padding-left: 15px;}
.jj-ggy{ position: absolute; bottom: 0; right: 0; width: 50%; height: 70px; line-height: 70px; padding: 0 40px; background: #d0000e; color: #fff; font-size: 22px; font-weight: bold;}
.ssjgd{ margin-top: 30px; padding-bottom:20px;}
.ssjgd .swiper-scrollbar{ left: 0; width: 100%;height: 2px;}
.ssjgd .swiper-slide img{ width: 100%;}
.ssjgd .swiper-scrollbar-drag{ background: #d0000e;}
.ssjgd .swiper-slide p{ text-align: center; padding-top: 15px;}
.s-xwcd{ border-bottom: 1px solid #f4f4f4; }
.s-xwcd a{ font-size: 20px; font-weight: bold; padding: 0 30px; display: block;height: 50px; width: 150px; float: left; text-align: center;}
.s-xwcd a:nth-child(1){ color: #d0000e; border-bottom: 1px solid #d0000e;}
.s-xwcd a:hover{ color: #d0000e;}
.s-6 dl{ padding-top: 30px;}
.s-6 dl dt{ width: 39%; float: left; overflow: hidden;} 
.s-6 dl dt a h2{font-size: 18px;padding-top: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.s-6 dl dt a p{ font-size: 12px; color: #666; line-height:18px; padding-top: 5px;height: 41px; overflow: hidden;}
.s-6 dl dt a:hover h2{ color: #d0000e;}
.s-6 dl dd{ width: 57%; float: right;} 
.s-6 dl dd a{ display: block; border-bottom: 1px dashed #f1f1f1; padding-bottom:20px; margin-bottom: 25px;}
.s-6 dl dd a time{ width: 63px; float: left; color: #666; text-align: center;}
.s-6 dl dd a time p{ font-size: 36px; color: #000; letter-spacing: -2px;line-height: 48px;}
.s-6 dl dd a .s-xwnr{ width: calc(100% - 85px); float: right;}
.s-6 dl dd a:nth-child(3){ margin-bottom: 0;}
.s-6 dl dd a .s-xwnr h2{ font-size: 18px;padding-top: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.s-6 dl dd a .s-xwnr p{ font-size: 12px; color: #666; line-height:18px; padding-top: 5px; height: 41px; overflow: hidden;}
.s-6 dl dd a:hover .s-xwnr h2{ color: #d0000e;}

.s-7{background: url("../images/sxd.jpg") center right no-repeat; background-size: cover;}
.s-7 dl dt{ width: 50%; float: left; font-size: 16px; color: #999; padding-top: 20px;}
.s-7 dl dd{ width: 38%; float: right;}
.s-7 dl dt p{ font-size: 33px; font-weight: bold; color: #000;}
.s-7 dl dt span{ display: block;}
.s-7 dl dd li{ width:calc(100%/2 - 15px); float: left; background: rgba(255,255,255,0.6); margin: 7px 15px 7px 0; height: 60px; line-height: 60px; padding: 0 35px;transition: all 0.5s ease;}
.s-7 dl dd li i{ font-size: 36px; padding-right: 15px;}
.s-7 dl dd li:nth-child(2n){ margin-right: 0;}
.s-7 dl dd li p{ float: right;transition: all 0.5s ease;}
.s-7 dl dd li:hover{ background: #d0000e; color: #fff;}
.s-7 dl dd li:hover p{ padding-right: 15px;}
footer{ background: #222222; padding: 5vh 0;}
footer dl dt{ float: left; padding-top: 25px;}
footer dl dt img{ height: 38px;}
footer dl dt p{ color: #999; font-size: 17.5px; padding-top: 10px;}
footer dl dd{ float: right; color: #fff;}
footer dl dd span{ color: #fff; font-size: 18px;display: block;padding-top: 25px;}
footer dl dd p{ padding-top: 5px; color: #999;}
.nybanner{ position: relative;}
.nybanner img{ width: 100%;}
.nybanner .nybanner-z{ position: absolute; top: 54%; transform: translateY(-50%); left:10%;color: #fff;}
.nybanner .nybanner-z p{ font-size:40px; font-weight: bold;}
.nybanner .nybanner-z span{ text-transform: uppercase; display: block;}
.nybanner-wz{ position: absolute; left: 10.5%; bottom: 25px; color: rgba(255,255,255,0.4); font-size: 12px;}
.nybanner-wz i{ font-size: 12px; padding-right: 5px;}
.cpmenu {background: #f4f4f4; height:70px; line-height:70px; width:100%; text-align:center;}
.cpmenu ul{margin:0 auto;}
.cpmenu ul li{display: inline-block; color:#fff;font-size:14px;}
.cpmenu ul li a{ height:70px; line-height:70px; padding: 0 30px;display: block; color:#333; cursor:pointer;}
.cpmenu ul .active a{border-bottom:2px solid #e62129;}
.cpmenu ul li a:hover{border-bottom:2px solid #e62129;}
.info-1{ background: #fff;}
.info1-l{ float: left; width:50%; color: #666;}
.info-l-b{ text-transform: uppercase; background: url("../images/xyjt.png") left 5px no-repeat; color: #000; padding-left: 35px;margin-top:5vh;}
.info-l-nr{ padding-top: 20px;}
.info1-r{ float: right; width: 45%;}
.info1-r img{ width: 100%;}
.info-2{background: url("http://www.yin-x.cn/sftp/meitai/images/qywhd.jpg") center no-repeat; background-size: cover; padding: 20vh 0;}
.info-2 ul li{color: #fff;}
.info-2 ul li i{ font-size: 60px; font-weight: 400; display: block;}
.info-2 ul li h3{ font-size: 20px;}
.info-2 ul li h3 span{ display: block; font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.5); font-weight: 500;}
.info-2 ul li p{ font-size: 16px; padding-top: 30px;}
.info-2 .s-bt{color: #fff; text-align: left;}
.info-2 .s-bt p{ color: #ccc;}
.info-2 ul{ padding-top: 12vh; display: flex;justify-content: space-between; max-width: 88%;}
.info-4{background: url("../images/sld.jpg") center no-repeat; background-size: cover; padding: 15vh 0;}
.info-4 .s-bt{ text-align:left; color: #fff;}
.info-4 .s-bt p{ color: #ccc;}
.fzlcgd{ padding-top: 14vh; padding-bottom: 60px;}
.fzlcgd .swiper-slide{ color: rgba(255,255,255,0.8);}
.fzlcgd .swiper-slide h3{ font-size: 22px; padding-bottom: 20px;color: #fff;}
.fzlcgd-t{ padding-top: 50px;}
.fzlcgd-t img{ display: block; margin: 0 auto;}
.fzlcgd .swiper-pagination-bullet-active{ background: #fff;}
.fzlcgd .swiper-pagination-bullet{ background: #fff;}
.info-5{background: url("../images/rrd.jpg") center no-repeat; background-size: cover;}
.qyrrgd{ padding-top: 30px; padding-bottom: 50px;}
.qyrrgd .swiper-slide img{ width: 100%;}
.qyrrgd .swiper-slide p{ text-align: center; padding-top: 8px;}
.swiper-pagination-bullet-active{ background: #d0000e;}
.xwlb{ background: #f4f4f4;}
.xwlb .xwlb-l{ width:calc(100% - 410px); float: left;}
.xwxqnr{ width:calc(100% - 410px); float: left;}
.xwxqnr img{ max-width: 100%;}
.xwlb .xwlb-r{ width:380px; float: right;}
.xwlb .xwlb-r .xwlb-r-bt{ height: 45px; line-height: 45px; font-size:18px; font-weight: bold; background: #d0000e; padding-left: 25px; color: #fff;}
.xwlb .xwlb-r ul{ padding: 25px; background: #fff;}
.xwlb .xwlb-r ul a{ display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xwlb .xwlb-r ul a:hover{ color: #d0000e;}
.xwlb .xwlb-l a{ display: block;padding-bottom:15px; margin-bottom:5px;transition: all 0.3s ease; background: #fff; padding: 30px;}
.xwlb .xwlb-l a time{ width: 63px; float: left; color: #666; text-align: center;}
.xwlb .xwlb-l a time p{ font-size: 36px; color: #fff; letter-spacing: -2px; height: 58px; line-height: 58px; background: #666;transition: all 0.5s ease;}
.xwlb .xwlb-l a time span{ background: #f4f4f4; display: block; font-size: 12px; padding: 3px 0;}
.xwlb .xwlb-l a .s-xwnr{ width: calc(100% - 85px); float: right;}
.xwlb .xwlb-l a .s-xwnr h2{ font-size:20px; font-weight: 500; color: #000;}
.xwlb .xwlb-l a .s-xwnr p{ color: #666; line-height:22px; padding-top: 5px;}
.xwlb .xwlb-l a:hover time p{ background: #d0000e;}
.xwlb .xwlb-l a:hover{ transform: translateX(-10px);}
.xwlb .xwlb-l a:hover .s-xwnr h2{ color: #d0000e;}
.xwrimg{ position: relative;  padding-top: 20px;}
.xwrimg img{ width: 100%;}
.xwrimg .xwrimg-nr{position: absolute; top: 0; z-index: 10; color: #fff;padding:20% 10% 0;}
.xwrimg .xwrimg-nr h3{ font-size: calc(18px + 0.7vw);}
.xwrimg .xwrimg-nr span{display: block; padding-top: 15px; font-size: 18px;}
.lxwm-1 dl dt{ float: left; width: 450px; background: #d0000e; padding: 30px; height: 123px; color: #fff; text-align: center;}
.lxwm-1 dl dt span{ font-size: 12px; color: rgba(255,255,255,0.5);}
.lxwm-1 dl dd{ float: right; width: calc(100% - 450px);padding: 30px 40px; background: #f4f4f4;height: 123px;}
.lxwm-1 dl dd p{ font-size: 22px;}
.lxwm-2{ padding-top: 30px;}
.lxwm-2 dl{ background: #f4f4f4;}
.lxwm-2 dl dt{ width: 50%; float: left; padding:3vw 5vw 0;}
.lxwm-2 dl dt h1 span{ font-size: 12.5px; display: block; color: #666; position: relative; padding-bottom: 20px; font-weight: 500; text-transform: uppercase;}
.lxwm-2 dl dt h1 span::after{ position: absolute; bottom: 0; left: 0; height: 3px; width: 120px; content: ''; background: #d0000e;}
.lxwm-2 dl dd{ width: 50%; float: right; height: 450px;}
#dituContent {height: 450px;}
.lxnr{ padding-top: 30px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border: 1px solid #eee; background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border: 1px solid #eee; background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #d0000e; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:#999; cursor:pointer;}
.lysm{ padding-top: 50px; font-size: 12px; color: #333;}
.cpcd{ background: #f4f4f4; padding: 3vh 0;}
.cpcd h1{ padding-left: 60px; position: relative; float: left;}
.cpcd h1::after{ position: absolute; bottom: 17px; left: 0; height: 3px; width: 40px; content: ''; background: #d0000e;}
.cpcdo{ float: right; padding-top: 10px;}
.cpcdo a{ padding: 0 20px;}
#cpdqnav{ color: #d0000e; font-weight: bold;}
.cplb a{ position: relative; width: calc(100%/4 - 15px); margin-right: 20px; margin-bottom: 20px; display: block; float: left; border: 1px solid #f4f4f4;}
.cplb a img{ width: 100%;}
.cplb a:nth-child(4n){ margin-right: 0;}
.cplb a::after{ position: absolute; content: ''; height: 100%; width: 100%; background: rgba(208,0,14,0); z-index: 10; top: 0;transition: all 0.3s ease;}
.cplb a:hover::after{ background: rgba(208,0,14,0.9); }
.cplb a p{ padding: 15px; background: #f4f4f4; text-align: center; font-size: 12px;}
.cplb a i{ position: absolute; top: 50%; transform: translateY(50%); width: 100%; text-align: center; z-index: 100; color: Rgba(255,255,255,0); font-size:45px;transition: all 0.5s ease;}
.cplb a:hover i{ transform: translateY(-50%); color:#fff;}
.cpxqwz{ padding-top: 90px; color: #666; font-size: 12px; padding-bottom: 15px;}
.cpxqwz i{ font-size: 12px;color: #666;}
.cpxqgd{ border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.cpxqgd dl dt{width: 40%; float: left;padding-top: 7%;}
.cpxqgd dl dt a{ background: #d0000e; margin-top: 30px; padding: 10px 0; text-align: center; color: #fff; display: block; border-radius: 5px;width: 350px;font-size: 18px;}
.cpxqgd dl dd{width: 50%; float: right;}
.cpxqgd dl dd img{ max-width: 100%; display: block; margin: 0 auto;}
.cpxqgd dl dt h2{ font-size: 33px; line-height: 38px; padding-bottom: 15px;}
.cpxqgd dl dt h1{ font-size: 18px; font-weight: 500; color: #666;}
.cplb a i span{ display: block; font-size: 14px;}
.cpxqgdsx{ padding: 3vh 0 5vh;}
.cpxqgdsx a{ font-size: 12px; color: #666; display: block;}
.cpxqgdsx a:hover{ color: #d0000e;}
.cpxqgdsx a:nth-child(2){ float: right;}
.cpxqgdsx a:nth-child(1){ float: left;}
.xwxqnr{ background: #fff; padding:50px;}
.xwxqnr h1{ font-weight: 500;}
.xwxqnr time{ display: block; padding-bottom: 25px; color: #666;}
.cpdtgd .swiper-pagination-bullet{ background: #fff;}
.footer-1{border-bottom: 1px solid #333;padding-bottom: 15px;}
.footer-1 li {float: left;color: #fff;font-size: 22px;padding-top: 3px;}
.footer-lj {float: right;}
.feedback_text {height: 40px;line-height: 40px;width: 300px;padding: 0 10px;background: #272626 url(../images/jt.png) 265px center no-repeat;cursor: pointer;}
.feedback_text option {color: #fff;font-size: 14px;padding: 10px 0;display: block;cursor: pointer;}
.dhdh{padding:15px 10% 0;}
.dhdh a{ width: 49%; background: #f4f4f4; float: left; display: block; padding: 7px 0; text-align: center;}
.dhdh a:nth-child(1){ margin-right: 2px;}
.cpxqjj{ padding-top: 30px; border-top: 1px solid #f1f1f1; margin-top: 30px;}

@media (max-width: 1680px) {
    .s-3-nr li{ max-width: 365px; padding: 20px 25px;}
    .s-3-nr li:nth-child(1){margin-left: 3%;}
    .s-3-nr li:nth-child(2){margin-right: 3%;}
    .s-3-wh{left: 38%;}
}

@media (max-width: 1440px) {
    .s-3-nr li{ max-width: 340px; padding: 20px 25px;}
    .s-3-nr li:nth-child(1){margin-left: 2%;}
    .s-3-nr li:nth-child(2){margin-right: 2%;}
    .s-3-wh{left: 35%;bottom: 4%;}
    .jj-ggy{ font-size: 20px;}
    .nybanner .nybanner-z,.nybanner-wz{ left: 6%;}
    #dituContent,.lxwm-2 dl dd{ height: 390px;}
    .xwlb .xwlb-l,.xwxqnr{ width:calc(100% - 380px);}
    .xwlb .xwlb-r{ width:350px;}
    .sjj_nav>ul>li>a{padding: 0 30px;}
    .info-l-b{ margin-top: 0;}
    .nybanner .nybanner-z p{ font-size: 30px;}
    .info-l-b h1{ font-size:24px;}
    .info-l-nr{ font-size: 13px;}
    .s-bt{ font-size: 30px;}
    .s-3-nr li,.lxwm-1 dl dd p{ font-size: 20px;}
    .lxwm-2 dl dt h1 span,.lxwm-1 dl dd{ font-size: 12px;}
    .lxwm-2 dl dt h1{font-size: 26.8px;}
    .swi_index_news .swiper-slide p{ padding-top: 10%;}
    .s-4-tl li{ padding-top: 60px;}
    .s-5 dl dd{ padding-top: 6%;}
}


@media (max-width: 1280px) {
    .sjj_nav>ul>li>a{padding: 0 25px;}
    .s-3-nr li{ max-width: 300px; padding: 20px;}
    .s-3-nr li:nth-child(1){margin-left: 0;}
    .s-3-nr li:nth-child(2){margin-right: 0;}
    .s-3-wh{left: 35%;bottom: 10%;}
    .wenhao1,.wenhao2{ max-width: 85%;}
    .s-5 dl dd{ padding-top: 4%;}
    .s-5 dl dd p{ padding-top: 10px;}
    .s-5 dl dd h1{ font-size: 24px;}
    .s-5 dl dd a{ margin-top: 18px;}
    .jj-ggy {font-size: 19px;}
    .s-2-ly dl dt h3{ font-size: 24px;}
    .s-2-ly dl dt p{ font-size: 15px;}
    .dataNums .tt span{font: 36px/45px "shuzifont";}
    .dataNums .dataOne{width: 15.5px;height: 45px;}
    .shuzi_box2 dl dt p{ font-size: 12px;}
    .xwlb .xwlb-r{ width: 320px;}
    .xwlb .xwlb-l, .xwxqnr{ width: calc(100% - 345px);}
    .xwlb .xwlb-l a .s-xwnr p{ font-size: 12px; line-height: 18px;}
}

@media (max-width: 1100px) {
    .dataNums .tt span{font: 33px/42px "shuzifont";}
    .dataNums .dataOne{width: 14px;height: 42px;}
}

@media (max-width: 1024px) {
     #top,.hback,.caidan{ display: block; visibility: visible;}
    .header{ display: none;}
	.sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
	.top_box{ display: none;}
	#top .nav{display: none;}	
	#top{ background:rgba(0, 0, 0, 0.8);overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100; width: 100%; padding: 10px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
	#top .menu{float: right;padding-top: 2px;}
	#top .menu em{font-style:normal;padding-right: 13px; color: #888;}
	#top .menu span{ width: 2rem;padding-top:1px; float:right;}
	#top .menu span i{ width: 100%;height:2px; display: block;background: #fff; margin-bottom: 6px;}
	#top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
	#top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
	#top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
    #top .logo{ float: left;}
    #top .logo img{ height:25px;}
    .top .nav{margin-left: 4%;}
	.top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
    .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
    .caidan{width: 60%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
    .caidan .caidan_nav{ padding:47px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
    .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 60%;float: left;}
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
    .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
    .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
    .caidan_hidden{transform: translateX(100%);}
    .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
    .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
    .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
    .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
    .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}   
    .caidan .caidan_nav dl{ padding: 15px 10%;}
    .caidan .caidan_nav dl a{ display: block; float: left;background: #f1f1f1; margin-right: 6px; width: calc(100%/2 - 3px); text-align: center; padding: 5px 0; }
    .caidan .caidan_nav dl a:last-child{margin-right: 0;}

    .s-5 dl dd p{ font-size: 12px;}
    .s-5 dl dd h1{ font-size: 20px;}
    .swi_index_news .swiper-slide p{ font-size: 12px; line-height: 18px;}
    .swi_index_news .swiper-slide p b{ font-size: 20px; margin-bottom: 15px;}
    .jj-ggy{ font-size: 16px;}
    .dataNums .tt span{font: 30px/41px "shuzifont";}
    .dataNums .dataOne{width: 13px;height: 41px;}

}

@media (max-width: 769px) {
    .s-1{ padding-bottom: 8vh;}
    .shuzi_box2 dl dt{width: calc(100%/2 - 6.1px); margin-bottom: 8px;}
    .shuzi_box2 dl dt:nth-child(2n) {margin-right: 0;}
    .shuzi_box2 dl {padding-top: 15px;}
    .s-bt p{ font-size: 14px;}
    .s-bt {font-size: 24px;}
    .shuzi_box2 dl dt p{ padding-top: 0;}
    .s-2-ly dl dt h3{ font-size: 20px;}
    .s-2-ly dl dt p{ font-size: 12px;}
    .s-2-ly dl dt span{ font-size: 15px;}
    .s-2-ly dl dt{ width: 49%;}
    .s-2-ly dl dd{ width: 48%;}
    .s-lyl{width: calc(100% - 115px);}
    .s-lyr{ width: 110px;}
    .s-lyl input:nth-child(1){ margin-bottom: 6px;}
    .s-3-wh,.xwlb .xwlb-r{ display: none;}
    .s-3-nr li{ width: 49%; margin-bottom: 2%; max-width: 100%;}
    .s-3-nr li:nth-child(1){ margin-bottom: 2%;}
    .s-4 .index_news_tabs ul li i{ display: none;}
    .swi_index_news .swiper-slide p{ padding-top: 10%; padding-bottom: 5%;}
    .swi_index_news .swiper-slide p b {font-size: 18px;margin-bottom: 10px;}
    .s-4-tl li{ width: calc(100%/2 - 5.01px);margin-bottom: 10px;}
    .s-4-tl li:nth-child(2n){ margin-right: 0; }
    .s-4-tl li:nth-child(3),.s-4-tl li:nth-child(4){ margin-bottom: 0;}
    .s-4-tl li{ padding: 40px 10px;}
    .s-4-tl li p{ margin-top: 40px;}
    .ysgdsz{ top: 10%;}
    .s-5 dl dd h1{ font-size: 18px;}
    .jj-ggy,.s-5 dl dt p{ height: 40px; line-height: 40px;}
    .jj-ggy,.nybanner .nybanner-z span{ font-size: 12px;}
    .s-5 dl dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
    .s-7 dl dd,.s-7 dl dt,.info1-l,.info1-r,.xwlb .xwlb-l{ width: 100%;}
    .s-7 dl dd{ padding-top: 15px;}
    .nybanner .nybanner-z p{ font-size: 26px;}
    .cpmenu,.fzlcgd-t,.footer-1{ display: none;}
    .info-l-b h1,.footer-1 li{ font-size: 20px;}
    .info-l-nr{ padding-bottom: 25px;}
    .info-2,.info-4{ padding: 10vh 0;}
    .info-2 ul{ padding-top: 60px;max-width: 100%;}
    .fzlcgd{ padding: 40px 0 50px;}
    .fzlcgd .swiper-slide h3{ padding-bottom: 10px;}
    .fzlcgd .swiper-slide{ font-size: 12px;}
    .cpcd h1{ font-size: 24px;padding-left: 30px;}
    .cpcd h1::after{ width: 20px;}
    .cpcdo a{ padding: 0 10px;}
    .cplb a{width: calc(100%/2 - 5px); margin-right: 10px; margin-bottom: 10px;}
    .cplb a:nth-child(2n){ margin-right: 0;}
    .cpxqwz{ padding-top: 65px;}
    .cpxqgd dl dt h2{ font-size: 24px; line-height: 28px;padding-bottom: 5px;}
    .cpxqgd dl dt h1{ font-size: 18px;}
    .cpxqgd dl dt a{ font-size: 12px;width: 237px; margin-top: 18px;}
    .xwxqnr{ width: 100%; padding: 25px;}
    .xwxqnr h1{ font-size: 22px; line-height: 25px;}
    .lxwm-1 dl dt,.lxwm-1 dl dd{width: 100%; height: auto; padding: 20px;}
    .lxwm-2 dl dt{ width: 100%; padding: 25px 20px; }
    .lxwm-2 dl dd{width: 100%;}
    #dituContent, .lxwm-2 dl dd{ height: 300px;}
    .lxwm-2 dl dt h1{ font-size: 20px;}
    .lxwm-2 dl dt h1 span::after{ width: 100px; height: 2px;}
    .lxnr{ padding-top: 20px;}
    .lxwm-2 dl dt h1 span{ padding-bottom: 13px;}
    #GBookAdd .wenben{ width: 100%;margin-bottom: 7px;}
    footer dl dd span{ padding-top: 0;}
    .yqlj2{ padding-top: 10px;}
    .yqlj2 a{ color: #fff; display: block; float: left; padding-right: 10px;}
    .cpxqjj{ padding-top: 20px; margin-top: 20px;}


    
}
@media (max-width: 640px) {
    .s-bt p{ font-size: 12px;}
    .s-2-ly{ padding: 30px 4%;}
    .s-2-ly dl dt{ width: 100%;text-align: center;}
    .s-2-ly dl dd{ width: 100%; padding-top: 15px;}
    .s-3-nr{ padding: 15px 0;}
    .s-3-nr li p{ font-size: 12px; padding-top: 3px;line-height: 16px;}
    .s-3-nr li, .lxwm-1 dl dd p{ font-size: 18px;}
    .s-4 .index_news_tabs,.info-2 ul li h3 span{ display: none;}
    .cpxljs-xq{ padding-top: 20px;}
    .s-4 .swi_index_news{ padding-top: 0;}
    .swi_index_news .swiper-slide p,.s-6 dl dt,.s-6 dl dt img,.cpxqgd dl dt,.cpxqgd dl dd{ width: 100%;}
    .swi_index_news .swiper-slide img{ width: 100%;}
    .swi_index_news .swiper-slide p{ padding: 30px 20px;}
    .ysgdsz{ left: 20px;padding-left: 70px;top: 44%; transform: none;}
    .ysgdsz::after{ width:60px; top: 12px;}
    .s-4-tl li p,.qyrrgd .swiper-slide p{ font-size: 12px;}
    .s-4-tl li img{ width: 40%;}
    .s-4-tl li{ padding: 20px 5px;}
    .s-4-tl li p{ margin-top:20px;padding-top: 10px;}
    .s-5 dl dt,.s-5 dl dd{ width: 100%;}
    .s-5 dl dt p,.jj-ggy,.s-6 dl dd,.feedback_text,footer dl dt,.cpxqgd dl dt a{ display: none;}
    .s-5 dl dd{ padding: 30px 20px;}
    .ssjgd{ margin-top: 15px;padding-bottom: 35px;}
    .s-7 dl dt p{ font-size: 22px;}
    .s-7 dl dt span{ font-size: 14px;}
    .s-7 dl dd li{ margin:0 7px 7px 0;width: calc(100%/2 - 4px);padding: 0 15px;height: 50px;line-height: 50px; }
    .s-7 dl dd li i{ font-size: 30px;}
    footer dl dd{ float:none;}
    footer dl dd span{ font-size: 16px;}
    .info-l-nr,.info-2 ul li p{ font-size: 14px; padding-top: 10px;}
    .info-l-nr{ padding-bottom: 20px;}
    .info-2 ul li i{ font-size: 45px;}
    .info-2 ul li h3{ font-size: 16px;}
    .info-2 ul{display: block;padding-top: 30px;}
    .info-2 ul li{ width: calc(100%/3 - 15px); margin-right: 20px; float: left;}
    .info-2 ul li:nth-child(3){ margin-right: 0;}
    .info-l-b{ padding-left: 30px;}
    .cplb a p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: block;}
    .cpxqgd dl dt{ padding-top: 0; padding-bottom: 20px;}
    .xwlb .xwlb-l a .s-xwnr p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .xwlb .xwlb-l a{ padding: 20px;}
    .xwlb .xwlb-l a .s-xwnr h2{ font-size: 18px; line-height: 21px;}
    .cpxqgdsx a:nth-child(2),.cpxqgdsx a:nth-child(1){ float: none;}
    
    
}

@media (max-width: 320px) {
    .s-bt,.s-2-ly dl dt h3{ font-size: 18px;}
    .s-2-ly dl dt span{ font-size: 12px;}
    .s-3-nr li, .lxwm-1 dl dd p{ font-size: 15px;}
    .ysgdsz{ top: 39%;}
    .info-l-b{ padding-left: 25px;}
    .info-l-b h1 {font-size: 17px;}

}