@charhet "utf-8";
/*公共样式*/
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family:'Microsoft Yahei', '思源黑体 CN';
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	/* tap-highlight-color: transparent; */
	background: #fff;
}

input, textarea, button {
	padding: 0;
	/* font-family: Verdana, Arial; */
	font-family: 'Microsoft Yahei','思源黑体 CN';
	-webkit-appearance: none;
}

select{
	-webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

/* input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
} */

input:focus, textarea:focus, button:focus, input:active {
	outline-color: transparent;
	border: 0;
}

select, input, select, textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

ul, ol, li {
	list-style-type: none;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}

.hidden {
	display: none;
	visibility: hidden;
}

.wrap {
	border: 0;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
	position: relative;
}

.wrap:after {
	clear: both;
	content: "";
	display: table;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.wrap:after, .wrap:before, .container:after, .container:before {
	content: "";
	display: table;
}

.wrap:after, .container:after {
	clear: both;
}

.container {
	width: 80%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.absolute {
	position: absolute;
}

.pors {
	position: relative;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.hide {
	opacity: 0;
}

nav li, .index-banner li, .item-list li, .inner-tab li {
	list-style-type: none;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}

/* -----本站样式---- */


.header{
    width: 100%;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    border-bottom: 1px solid rgba(100,81,70,.08);
    padding: 0 113px;
}
.header .logo{
    float: left;
    margin-top: 9px;
}
.header .right{
    float: right;
    margin-top: 13px;
}
.header .right .menu{
    float: left;
    margin-right: 83px;
    padding-top: 9px;
    height: 62px;
}
.header .right .menu li{
    float: left;
    margin-right: 70px;
    position: relative;
    height: 62px;
}
.header .right .menu li:last-child{
    margin-right: 0;
}
.header .right .menu li .menu-link{
    font-size: 16px;
    line-height: 32px;
    /* color: #fff; */
    display: block;
    cursor: pointer;
}
.header .right .menu li:hover .menu-link{
    color: #e60012;
}
.header .right .menu li.on .menu-link{
    color: #e60012;
}
.header .right .menu .menu-bg{
    width: 100%;
    height: 56px;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 75px;
    display: none;
}
.header .right .menu li .s-menu{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    top: 52px;
    z-index: 9;
    display: none;
}
@media only screen and (min-width: 769px) {
    .header .right .menu li:hover .s-menu{
        display: flex;
    }
}

.header .right .menu li .s-menu.gy{
    width: 360px;
}
.header .right .menu li .s-menu.fw{
    width: 860px;
}
.header .right .menu li .s-menu.tz{
    width: 1075px;
}
.header .right .menu li .s-menu.xw{
    width: 290px;
}
.header .right .menu li .s-menu .s-menu-link{
    font-size: 14px;
    line-height: 56px;
    color: #fff;
}
.header .right .menu li .s-menu .s-menu-link:hover{
    color: #e60012;
} 

.header .right .search{
    float: left;
    height: 50px;
    width: 28px;
    margin-right: 30px;
    background: url(../image/icon1.png) center center no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.search-boxs{
    width: 1440px;
    height: 80px;
    background: #ededed;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 76px;
    z-index: 9;
    display: none;
}
.search-boxs.on{
    display: block;
}
.search-boxs .box{
    width: 336px;
    margin: 23px auto 0;
    border-bottom: 1px solid #e60012;
    position: relative;
}
.search-boxs .box .t1{
    width: 100%;
    height: 40px;
    border: none;
    padding-left: 11px;
    background: none;
}
.search-boxs .box .btns{
    height: 40px;
    width: 68px;
    background: url(../image/icon52.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 0;z-index: 2;
}
.header .right .language{
    color: #e60012;
    font-size: 18px;
    line-height: 50px;
    display: block;
    float: right;
    padding-left: 30px;
    border-left: 1px solid rgba(255,255,255,.1);
}



.footer{
    width: 100%;
    background: #151515;
    border-top: 1px solid #2b2b2b;
    padding-top: 57px;
}
.footer .box1{
    width: 100%;
    border-bottom: 1px solid rgba(79,79,79,.23);
    padding-bottom: 36px;
}
.footer .box1 .box{
    width: 1400px;
    margin: auto;
    display: table;
}
.footer .box1 .box .left-menu{
    float: left;
}
.footer .box1 .box .left-menu .mbox{
    margin-right: 152px;
    float: left;
}
.footer .box1 .box .left-menu .mbox:last-child{
    margin-right: 0;
}
.footer .box1 .box .left-menu .mbox .title{
    font-size: 16px;
    line-height: 1;
    color: #fff;
    margin-bottom: 20px;
}
.footer .box1 .box .left-menu .mbox a{
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #848383;
}
.footer .box1 .box .f-lx{
    float: right;
    font-size: 22px;
    color: #4f4f4f;
    line-height: 1;
}
.footer .box1 .box .f-lx span{
    display: block;
    color: #fff;
    margin-top: 15px;
}
.footer .box1 .box .f-lx .share{
    margin-top: 20px;
}
.footer .box1 .box .f-lx .share a{
    display: inline-block;
    margin-right: 14px;
}
.footer .box1 .box .f-lx .share a:last-child{
    margin-right: 0;
}
.footer .box2{
    width: 100%;
}
.footer .box2 .box{
    width: 1400px;
    margin: auto;
    padding: 21px 0 14px;
}
.footer .box2 .box .copyright{
    color: #646464;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
}
.footer .box2 .box .copyright span{
    color: #9f9f9f;
}
.footer .box2 .box .copyright a{
    color: #646464;
    margin-left: 25px;
}
.footer .box2 .box .jszc{
    display: inline-block;
    margin-left: 25px;
    font-size: 14px;
    line-height: 1;
}
.footer .box2 .box .jszc a{
    color: #646464;
}


.banner{
    width: 100%;
    position: relative;
}
.banner .swiper-slide{
    width: 100%;
    position: relative;
}
.banner .swiper-slide a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.banner .swiper-slide a::after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
   /*  background: url(../image/bg1.png) left top repeat; */
}
.banner .swiper-slide a .tboxs{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: inherit;
}
.banner .swiper-slide a .tboxs .t1{
    font-size: 33px;
    line-height: 1;
    color: #f10909;
    letter-spacing: 30px;
}
.banner .swiper-slide a .tboxs .t2{
    font-size: 19px;
    color: #727272;
    line-height: 1;
    letter-spacing: 16px;
    margin-top: 26px;
}
.banner .swiper-slide a .tboxs .t3{
    width: 108px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #7c7c7c;
    border: 1px solid #666968;
    margin: 102px auto 0;
}
.banner .swiper-pagination{
    width: auto;
    right: 78px;
    top: 50%;
    transform: translateY(-50%);
    left: initial;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    background: none;
    color: #787878;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 48px;
    width: auto;
    height: auto;
    margin-bottom: 50px;
    opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child{
    margin-bottom: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
    color: #fff;
}
.banner .swiper-pagination .swiper-pagination-bullet::before{
    width: 1px;
    height: 58px;
    background: #5f5f5f;
    content: '';
    position: absolute;
    top: 46px;
    left: 13px;
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child::before{
    display: none;
}
.banner .swiper-pagination .swiper-pagination-bullet::after{
    width: 33px;
    height: 5px;
    background: #ff0000;
    content: '';
    position: absolute;
    left: 37px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::after{
    display: block;
}


.banner .mouse{
    display: table;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 225px;
    z-index: 2;
}
.banner .g-box{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,.7);
    padding: 38px 0 40px;
}
.banner .g-box .box{
    width: 1400px;
    margin: auto;
    display: table;
}
.banner .g-box .box .tbox{
    width: 50%;
    float: left;
    padding-left: 118px;
    background: url(../image/icon3.png) 62px top no-repeat;
}
.banner .g-box .box .tbox:first-child{
    border-right: 1px solid rgba(255,255,255,.1);
}
.banner .g-box .box .tbox:last-child{
    width: auto;
    display: table;
    float: right;
}
.banner .g-box .box .tbox .t1{
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.banner .g-box .box .tbox .t2{
    font-size: 20px;
    line-height: 1;
    color: #f10909;
    display: table;
    padding-right: 30px;
   /*  background: url(../images/icon4.png) right center no-repeat; */
    margin-top: 28px;
}


.index-about{
    width: 100%;
    background: #333;
    display: table;
    position: relative;
}
.index-about .tbox{
    position: absolute;
    z-index: 2;
    width: 50.9%;
    height: 458px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ba0311 url(../image/bg1.png) left top repeat;
    padding: 40px 5.8% 0 13.6%;
}
.index-about .tbox .title{
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
}
.index-about .tbox .line{
    width: 54px;
    height: 1px;
    background: #fff;
    margin-top: 22px;
}
.index-about .tbox .txt{
    font-size: 14px;
    line-height: 39px;
    color: #d8d8d8;
    margin-top: 27px;
}
.index-about .tbox .icon{
    width: 43px;
    height: 43px;
    background: url(../image/icon6.png) center center no-repeat;
    position: absolute;
    left: 26.78%;
    bottom: -22px;
}
.index-about .tbox .tips{
    position: absolute;
    left: 15.4%;
    top: -27px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.index-about .tbox .tips i{
    width: 1px;
    height: 67px;
    background: #333;
    display: block;
    margin: 9px 0 0 12px;
}
.index-about .tbox .tips span{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    margin-left: -35px;
    margin-top: 52px;
}
.index-about .video{
    position: relative;
    float: right;
    cursor: pointer;
    width: 55.78%;
}
.index-about .video span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.index-service{
    width: 100%;
    position: relative;
}
.index-service .tips{
    position: absolute;
    right: 8.9%;
    top: 74px;
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    line-height: 1;
    z-index: 2;
}
.index-service .tips i{
    width: 1px;
    height: 73px;
    background: #333;
    display: block;
    margin: 11px 0 0 12px;
}
.index-service .tips span{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    position: absolute;
    left: -54px;
    bottom: -86px;
    white-space: nowrap;
}

.index-service .is-menu{
    height: 100%;
    position: absolute;
    left: 8.6%;
    top: 0;
    z-index: 2;
    padding-top: 179px;
}
.index-service .is-menu::after{
    width: 2px;
    height: 172px;
    content: '';
    position: absolute;
    left: 16px;
    top: 0;
    background: #adadad;
}

.index-service .is-menu li{
    font-size: 16px;
    line-height: 32px;
    color: #666;
    margin-bottom: 76px;
    cursor: pointer;
    position: relative;
    padding-left: 63px;
}
.index-service .is-menu li::before{
    width: 2px;
    height: 62px;
    background: #adadad;
    content: '';
    position: absolute;
    left: 16px;
    top: 38px;
}
.index-service .is-menu li span{
    width: 32px;
    height: 32px;
    border: 1px solid #adadad;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index-service .is-menu li span::after{
    width: 12px;
    height: 12px;
    content: '';
    background: #adadad;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.index-service .is-menu li.on{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 59px;
}
.index-service .is-menu li.on::before{
    top: 66px;
}
.index-service .is-menu li.on span{
    width: 59px;
    height: 59px;
    border: 1px solid #ff0000;
    left: -14px;
}
.index-service .is-menu li.on span::after{
    width: 22px;
    height: 22px;
    background: #ff0000;
}







.index-service .is-list{
    width: 100%;
}
.index-service .is-list li{
    width: 100%;
    display: none;
}
.index-service .is-list li.on{
    display: block;
}
.index-service .is-list li .tbox{
    width: 100%;
    padding: 140px 14% 0 22.8%;
    min-height: 935px;
    background-size: auto 100%!important;
}
.index-service .is-list li .tbox .title{
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    color: #333;
}
.index-service .is-list li .tbox .line{
    width: 54px;
    height: 1px;
    background: #000;
    margin: 30px 0 0 5px;
}
.index-service .is-list li .tbox .txt{
    font-size: 16px;
    line-height: 31px;
    color: #666;
    margin-top: 53px;
    float: left;
}
.index-service .is-list li:nth-child(1) .tbox .txt{
    width: 45.8%;
}
.index-service .is-list li:nth-child(2) .tbox .txt{
    width: 69.5%;
}
.index-service .is-list li:nth-child(3) .tbox .txt{
    width: 62.5%;
}
.index-service .is-list li:nth-child(4) .tbox .txt{
    width: 62.5%;
}
.index-service .is-list li .tbox .img{
    float: right;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    margin-top: 67px;
    width: 32.6%;
    margin-right: 10px;
}
.index-service .is-list li .tbox .img img{
    margin: -10px -10px 10px 10px;
}
.index-service .is-list li .tbox .img1{
    position: absolute;
    right: 15%;
    bottom: 124px;
    width: 39%;
}
.index-service .is-list li .tbox .img1 img{
    width: 100%;
}

.index-service .is-list li .link{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 140px;
    text-align: center;
}
.index-service .is-list li .link span{
    display: block;
    font-size: 16px;
    color: #666;
    margin-top: 14px;
}
.index-service .is-list li:nth-child(2) .link span{
    color: #333;
}


.index-news{
    width: 100%;
    position: relative;
    padding: 81px 0;
    background:#ecf3ff;
}
.index-news .tips{
    position: absolute;
    left: 7.8%;
    top: 80px;
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    line-height: 1;
}
.index-news .tips i{
    width: 1px;
    height: 68px;
    background: #333;
    display: block;
    margin: 9px 0 0 12px;
}
.index-news .tips span{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    margin-left: -53px;
    margin-top: 70px;
}
.index-news .box{
    width: 73%;
    margin: auto;
}
.index-news .box .title{
    font-size: 36px;
    color: #333;
    line-height: 1;
    font-weight: bold;
}
.index-news .box .line{
    width: 54px;
    height: 1px;
    background: #000;
    margin-top: 21px;
}
.index-news .box .list{
    width: 100%;
    margin-top: 99px;
}
.index-news .box .list li{
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: table;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.index-news .box .list li:last-child{
    margin-bottom: 0;
}
.index-news .box .list li a{
    display: block;
}
.index-news .box .list li .time{
    font-size: 20px;
    color: #aaa;
    font-weight: bold;
    margin-top: 10px;
    float: left;
}
.index-news .box .list li .tbox{
    width: 80%;
    float: right;
}
.index-news .box .list li .tbox .t1{
    font-size: 20px;
    line-height: 39px;
    font-weight: bold;
    color: #333;
}
.index-news .box .list li:hover .tbox .t1{
    color: #ff0000;
}
.index-news .box .list li .tbox .t2{
    font-size: 14px;
    line-height: 28px;
    color: #888;
    margin-top: 27px;
}
.index-news .box .link{
    display: table;
    margin: 79px auto 0;
}


.idnex-contact{
    width: 100%;
    background: url(../image/02.png) center center no-repeat;
    background-size: 100%;
    position: relative;
}
.idnex-contact::after{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/bg1.png) left top repeat;
}
.idnex-contact .box{
    width: 1396px;
    margin: auto;
    display: table;
    padding: 53px 0 0;
    position: relative;
    z-index: 2;
}
.idnex-contact .box .tbox{
    float: left;
    width: 33.3%;
    padding: 100px 0;
}
.idnex-contact .box .tbox:first-child{
    padding-left: 140px;
    background: url(../image/icon9.png) 70px 100px no-repeat;
    border-right: 1px solid rgba(255,255,255,.15);
}
.idnex-contact .box .tbox:nth-child(2){
    padding-left: 164px;
    background: url(../image/icon9-1.png) 90px 100px no-repeat;
    border-right: 1px solid rgba(255,255,255,.15);
}
.idnex-contact .box .tbox:nth-child(3){
    padding-left: 163px;
    background: url(../image/icon10.png) 90px 100px no-repeat;
}
.idnex-contact .box .tbox .t1{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.idnex-contact .box .tbox .t2{
    font-size: 16px;
    line-height: 1;
    color: #8c8b8b;
    margin-top: 23px;
}


.banner-news{
    width: 100%;
    position: relative;
}
.banner-news .tbox{
    position: absolute;
    text-align: center;
    left: 38.5%;
    top: 50%;
    transform: translateY(-50%);
}
.banner-news .tbox .t1{
    font-size: 50px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
}
.banner-news .tbox .t2{
    position: absolute;
    font-weight: bold;
    font-size: 50px;
    color: #fff;
    opacity: .05;
    left: 52px;
    top: 11px;
}
.banner-news .tbox .line{
    width: 20px;
    height: 2px;
    background: #434343;
    margin: 27px auto 16px;
}
.banner-news .tbox .t3{
    font-size: 24px;
    color: #fff;
    line-height: 1;
    text-shadow: 0 1px 1px 2px rgba(0,0,0,.71);
    text-transform: uppercase;
}


.news{
    width: 100%;
    position: relative;
    display: table;
}
.news-menu{
    margin-top: 40px;
}
.news-menu ul{
    display: flex;
    justify-content: center;
}
.news-menu li{
    display: block;
    margin: 0 52px 0 53px;
}
.news-menu li a{
    width: 180px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: block;
    position: relative;

    /* background: #f5f5f5; */
    background: -moz-linear-gradient(left, #f5f5f5,#f5f5f5);
    background: -webkit-gradient(linear, left right,color-stop(0%,#f5f5f5), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #f5f5f5,#f5f5f5);
    background: -o-linear-gradient(left, #f5f5f5,#f5f5f5);
    background: -ms-linear-gradient(left, #f5f5f5,#f5f5f5);
    background: linear-gradient(to right, #f5f5f5,#f5f5f5);

    box-shadow: 0 0 10px 1px rgba(255,255,255,1);
    transition: all ease .5s;
}
.news-menu li a:hover{
    color: #fff;
    background: -moz-linear-gradient(left, #ff0000,#b71616);
    background: -webkit-gradient(linear, left right,color-stop(0%,#ff0000), color-stop(100%,#b71616));
    background: -webkit-linear-gradient(left, #ff0000,#b71616);
    background: -o-linear-gradient(left, #ff0000,#b71616);
    background: -ms-linear-gradient(left, #ff0000,#b71616);
    background: linear-gradient(to right, #ff0000,#b71616);

    box-shadow: 0 0 10px 1px rgba(248,2,2,.35);

}
.news-menu li.on a{
    color: #fff;
    background: -moz-linear-gradient(left, #ff0000,#b71616);
    background: -webkit-gradient(linear, left right,color-stop(0%,#ff0000), color-stop(100%,#b71616));
    background: -webkit-linear-gradient(left, #ff0000,#b71616);
    background: -o-linear-gradient(left, #ff0000,#b71616);
    background: -ms-linear-gradient(left, #ff0000,#b71616);
    background: linear-gradient(to right, #ff0000,#b71616);

    box-shadow: 0 0 10px 1px rgba(248,2,2,.35);

}
.news-menu li a::after{
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    content: '';
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 10px;
}
.news-menu li a:hover::after{
    border-color: #ff0000;
}
.news-menu li.on a::after{
    border-color: #ff0000;
}
.news .list1{
    width: 1395px;
    margin: 0 auto;
    display: table;
}
.news .list1 li{
    width: 31.5%;
    float: left;
    margin-right: 2.75%;
    margin-top: 70px;
    border: 1px solid #dcdcdc;
    padding: 50px 30px 21px;
    cursor: pointer;
    transition: all ease .5s;
}
.news .list1 li:nth-child(3n){
    margin-right: 0;
}
.news .list1 li:hover{
    background: #f1f1f1;
}
.news .list1 li .tbox{
    width: 100%;
    display: flex;
}
.news .list1 li .tbox .time{
    font-size: 36px;
    font-weight: bold;
    color: #333;
    line-height: 38px;
    position: relative;
    padding-left: 35px;
    width: 80px;
    padding-top: 8px;
}
.news .list1 li .tbox .time span{
    font-size: 18px;
    font-weight: initial;
    margin-right: 20px;
    line-height: 38px;
    position: absolute;    
    left: 0;
    top: 0;
}
.news .list1 li .tbox .time span::after{
    width: 1px;
    height: 40px;
    transform: rotateZ(30deg);
    content: '';
    position: absolute;
    right: -8px;
    background: #828282;
}
.news .list1 li .tbox .title{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    color: #333;
    padding-left: 30px;
    transition: all ease .5s;
}
.news .list1 li:hover .tbox .title{
    color: #e60012;
}
.news .list1 li .img{
    width: 100%;
    margin-top: 25px;
}
.news .list1 li .img img{
    width: 100%;
}
.news .list1 li .txt{
    font-size: 14px;
    line-height: 26px;
    color: #666;
    margin-top: 22px;
    height: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news .list1 li .more{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-top: 25px;
    transition: all ease .5s;
}
.news .list1 li:hover .more{
    color: #e60012;
}

.news .list2{
    width: 100%;
    margin-top: 14px;
}
.news .list2 li{
    width: 100%;
    cursor: pointer;
}
.news .list2 li:hover{
    background: #f1f1f1;
}
.news .list2 li .box{
    width: 1396px;
    margin: auto;
    display: table;
    border-bottom: 1px solid #e5e5e5;
    padding: 56px 5.7% 28px 6%;
}
.news .list2 li .box .time{
    font-size: 18px;
    line-height: 22px;
    color: #333;
    float: left;
    position: relative;
    width: 9.7%;
}
.news .list2 li .box .time span{
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 8px;
}
.news .list2 li .box .time::after{
    width: 18px;
    height: 2px;
    background: #ec0018;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}
.news .list2 li .box .img{
    float: left;
    width: 25%;
    margin-left: 2%;
}
.news .list2 li .box .img img{
    width: 100%;
}
.news .list2 li .box .tbox{
    width: 60%;
    float: left;
    /* padding-top: 27px; */
    margin-left: 3.3%;
}
.news .list2 li .box .tbox .title{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 22px;
}
.news .list2 li:hover .box .tbox .title{
    color: #ec0018;
}
.news .list2 li .box .tbox .txt{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 72px;
    margin-top: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news .list2 li .box .tbox .more{
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-top: 23px;
}




.page-list{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 60px 0 50px;
}
.page-list a{
    width: 36px;
    height: 36px;
    display: block;
    box-shadow: 1px 1px 0 1px rgb(236,236,236);
    margin-right: 5px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #999;
    transition: all ease .5s;
}
.page-list a:hover{
    color: #fff;
    background: #e60012;
}
.page-list a.on{
    color: #fff;
    background: #e60012;
}
.page-list a.more{
    box-shadow: none;
}
.page-list a.next{
    width: auto;
    padding: 0 20px;
}


.page-list2{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 32px;
}
.page-list2 a{
    width: 42px;
    height: 42px;
    background: #e8e8e8;
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    margin-right: 4px;
    display: block;
    transition: all ease .3s;
}
.page-list2 a:last-child{
    margin-right: 0;
}
.page-list2 a:hover{
    background: #e60012;
    color: #fff;
}
.page-list2 a.on{
    background: #e60012;
    color: #fff;
}
.page-list2 a.next{
    width: auto;
    padding: 0 10px;
}

a.prev{width:auto;padding:0 10px;}
.page-list2 a.last{
    width: auto;
    padding: 0 14px;
}

.news-info{
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(27,27,27,.7);
    padding: 60px 0 76px;
    display: none;
}
.news-info .box{
    background: #fff;
    width: 1300px;
    margin: auto;
    position: relative;
    padding: 40px 10% 50px;
    /* height: 100%;
    overflow-y: scroll; */
}
.news-info .box .title{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    text-align: center;
}
.news-info .box .other{
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 17px;
    margin-top: 11px;
}
.news-info .box .other .s1{
    font-size: 16px;
    color: #777;
    padding-left: 30px;
    background: url(../image/icon16.png) left center no-repeat;
    margin: 0 31px;
}
.news-info .box .other .s2{
    font-size: 16px;
    color: #777;
    padding-left: 30px;
    background: url(../image/icon17.png) left center no-repeat;
    margin: 0 31px;
}
.news-info .box .txt{
    text-indent: 2em;
    font-size: 14px;
    line-height: 28px;
    color: #777;
    margin-top: 32px;
}
.news-info .box .txt img{
    display: block;
    margin: auto;
}
.news-info .box .ck-box{
    display: table;
    margin-top: 52px;
}
.news-info .box .ck-box .prev{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ebebeb url(../image/icon18.png) 15px center no-repeat;
    padding-left: 35px;
    display: block;
    float: left;
    border-right: 1px solid #dfdfdf;
}
.news-info .box .ck-box .prev:hover{
    color: #e60012;
    background: #ebebeb url(../image/icon18-1.png) 15px center no-repeat;
}
.news-info .box .ck-box .next{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #ebebeb url(../image/icon19.png) 75px center no-repeat;
    padding-left: 15px;
    display: block;
    float: left;
}
.news-info .box .ck-box .next:hover{
    color: #e60012;
    background: #ebebeb url(../image/icon19-1.png) 75px center no-repeat;
}

.news-info .box .share{
    position: absolute;
    left: -60px;
    top: 148px;
}
.news-info .box .share .back{
    cursor: pointer;
}
.news-info .box .share a{
    display: block;
    text-align: center;
    margin-bottom: 12px;
}


.banner-service{
    width: 100%;
    position: relative;
}
.banner-service::after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    /* background: url(../image/bg1.png) left top repeat; */
}
.banner-service .imgbox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.service-menu1{
    width: 100%;
    position: relative;
    z-index: 2;
}
.service-menu1 ul{
    display: flex;
}
.service-menu1 li{
    width: 50%;
    height: 120px;
    background: #333;
    text-align: center;
}
.service-menu1 li a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding-top: 28px;
}
.service-menu1 li span{
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 12px;
}
.service-menu1 li.on{
    height: 140px;
    margin-top: -20px;
    background: #ff0000;
}
.service-menu1 li.on a{
    padding-top: 56px;
}


.service-box1{
    width: 100%;
    background: url(../image/bg2.png) left top repeat;
}
.service-box1 .box{
    width: 1480px;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 100px 0 16px;
}
.service-box1 .box .img{
    width: 48.2%;
    float: left;
}
.service-box1 .box .boxs{
    width: 50.6%;
    float: right;
}
.service-box1 .box .boxs .tbox{
    width: 100%;
    padding-left: 78px;
    margin-bottom: 44px;
}
.service-box1 .box .boxs .tbox .t1{
    font-size: 14px;
    line-height: 34px;
    color: #333;
}
.service-box1 .box .boxs .tbox .t2{
    font-size: 18px;
    color: #333;
    line-height: 20px;
}
.service-box1 .box .boxs .tbox .t3{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin-top: 16px;
}
.service-box2{
    width: 100%;
    background: url(../image/bg2.png) left top repeat;
}
.service-box2 .box{
    width: 1320px;
    position: relative;
    margin: auto;
    display: table;
}
.service-box2 .box .img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.service-box2 .box .boxs{
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 119px 0 93px 50px;
}
.service-box2 .box .boxs .tbox{
    padding-left: 76px;
    width: 36%;
    margin-bottom: 125px;
}
.service-box2 .box .boxs .tbox:nth-child(3),.service-box2 .box .boxs .tbox:nth-child(4){
    margin-bottom: 0;
}
.service-box2 .box .boxs .tbox .t1{
    font-size: 14px;
    line-height: 34px;
    color: #333
}
.service-box2 .box .boxs .tbox .t2{
    font-size: 18px;
    color: #333;
    line-height: 20px;
}
.service-box2 .box .boxs .tbox .t3{
    font-size: 14px;
    line-height: 28px;
    color: #666;
    margin-top: 16px;
}

.service-box3{
    width: 100%;
    background: url(../image/bg2.png) left top repeat;
}
.service-box3 .box{
    width: 1320px;
    position: relative;
    margin: 70px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-box3 .box .tbox{
    width: 56%;
    padding: 20px 70px 0;
    box-sizing: border-box;
}
.service-box3 .box .tbox .t1{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}
.service-box3 .box .tbox .t2{
    font-size: 16px;
    line-height: 36px;
    color: #333;
    margin-top: 34px;
}
.service-box3 .box .img{
    width: 33.7%;
}


.service-scjx{
    width: 100%;
    background: url(../image/bg2.png) left top repeat;
}
.service-scjx .box{
    width: 1150px;
    margin: auto;
    padding: 84px 0 90px;
}
.service-scjx .box .txt{
    max-width: 700px;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    text-align: center;
}
.service-scjx .box .tbox{
    width: 100%;
    margin-top: 93px;
    display: flex;
    justify-content: space-between;
}
.service-scjx .box .tbox .list{
    padding-top: 40px;
}
.service-scjx .box .tbox .list li{
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #333;
    padding-left: 38px;
}
.service-scjx .box .tbox .list li::before{
    background: #f5c7cb;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
}
.service-scjx .box .tbox .list li::after{
    width: 1px;
    height: 100%;
    content: '';
    background: #faccd0;
    position: absolute;
    left: 3px;
    top: 21px;
}
.service-scjx .box .tbox .list li:last-child::after{
    display: none;
}
.service-scjx .box .tbox .img{
    width: 52.4%;
}


.banner-service .tbox1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    z-index: 2;
}
.banner-service .tbox1 .t1{
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.banner-service .tbox1 .t2{
    width: 26px;
    height: 1px;
    background: #fff;
    margin: 31px auto 22px;
}
.banner-service .tbox1 .t3{
    font-size: 26px;
    color: #fff;
    line-height: 1;
}

.service-wlzw{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.service-wlzw .img{
    width: 50%;
    min-height: 800px;
    background-size: auto 100%;
}
.service-wlzw .img img{
    display: none;
}
.service-wlzw .tbox{
    width: 50%;
    padding: 87px 14.5% 0 70px;
}
.service-wlzw .tbox .top{
    width: 100%;
    text-align: center;
}
.service-wlzw .tbox .top .t1{
    font-size: 22px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
}
.service-wlzw .tbox .top .t2{
    font-size: 14px;
    line-height: 1;
    color: #666;
    text-transform: uppercase;
    margin-top: 10px;
}
.service-wlzw .tbox .top .t3{
    font-size: 18px;
    line-height: 34px;
    color: #333;
    margin-top: 34px;
}

.service-wlzw .tbox .boxs{
    width: 100%;
    position: relative;
    margin-top: 92px;
}
.service-wlzw .tbox .boxs .wlzw-menu{
    width: 282px;
    height: 144px;
    text-align: center;
    position: relative;
    margin: auto;
}
.service-wlzw .tbox .boxs .wlzw-menu li{
    text-align: center;
    width: 115px;
    height: 115px;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    padding-top: 34px;
    transition: all ease-in-out .3s;
}
.service-wlzw .tbox .boxs .wlzw-menu li span{
    display: block;
    font-size: 22px;
    margin-bottom: 14px;
}
.service-wlzw .tbox .boxs .wlzw-menu li.li-active{
    background: #c4141f;
    width: 144px;
    height: 144px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding-top: 43px;
    box-shadow: 0 0 20px 3px rgba(230,0,18,.67);
}
.service-wlzw .tbox .boxs .wlzw-menu li.li-active span{
    font-size: 26px;
    font-weight: bold;
}
.service-wlzw .tbox .boxs .wlzw-menu li.li-prev{
    background: #e5e5e5;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.service-wlzw .tbox .boxs .wlzw-menu li.li-next{
    background: #333;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.service-wlzw .tbox .boxs .wlzw-menu .prev{
    width: 20px;
    height: 40px;
    background: url(../image/icon18.png) center center no-repeat;
    position: absolute;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.service-wlzw .tbox .boxs .wlzw-menu .prev:hover{
    background: url(../image/icon18-1.png) center center no-repeat;
}
.service-wlzw .tbox .boxs .wlzw-menu .next{
    width: 20px;
    height: 40px;
    background: url(../image/icon19.png) center center no-repeat;
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.service-wlzw .tbox .boxs .wlzw-menu .next:hover{
    background: url(../image/icon19-1.png) center center no-repeat;
}
.service-wlzw .tbox .boxs .wlzw-list{
    width: 100%;
    padding: 0 45px;
    margin-top: 107px;
}
.service-wlzw .tbox .boxs .wlzw-list li{
    width: 100%;
    display: none;
    font-size: 14px;
    line-height: 27px;
    color: #333;
    text-align: center;
}
.service-wlzw .tbox .boxs .wlzw-list li.on{
    display: block;
}


.service-yfzx{
    width: 100%;
}
.yfzx-menu{
    width: 100%;
    background: #f9f9f9;
    padding: 58px 0;
}
.yfzx-menu ul{
    display: flex;
    justify-content: center;
}
.yfzx-menu li{
    text-align: center;
    padding: 0 106px;
    border-right: 1px solid #e5e5e5;
    height: 58px;
}
.yfzx-menu li:last-child{
    border-right: none;
}
.yfzx-menu li a{
    display: block;
    font-size: 14px;
    color: #888;
    line-height: 1;
    padding: 11px 0 3px;
}
.yfzx-menu li span{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.yfzx-menu li.on a{
    padding: 0;
    margin-top: -10px;
}
.yfzx-menu li.on::after{
    width: 14px;
    height: 2px;
    background: #ff0000;
    content: '';
    margin: 28px auto 0;
    display: block;
}
.yfzx-menu li:hover a span{
    color: #ff0000;
}
.yfzx-menu li.on a span{
    color: #ff0000;
}


.yfzx-box{
    width: 100%;
    background: url(../image/img15.png) right center no-repeat;
}
.yfzx-box .top{
    width: 100%;
    padding-top: 68px;
    text-align: center;
}
.yfzx-box .top .t1{
    font-size: 18px;
    color: #c8c7c7;
    line-height: 1;
    text-transform: uppercase;
}
.yfzx-box .top .t2{
    width: 70px;
    height: 1px;
    background: #ff0000;
    margin: 17px auto 19px;
}
.yfzx-box .top .t3{
    font-size: 24px;
    line-height: 1;
    color: #000;
}
.yfzx-box .boxs{
    width: 1400px;
    margin: auto;
    padding: 80px 70px 114px 60px;
    display: flex;
    justify-content: space-between;
}
.yfzx-box .boxs .img{
    width: 37%;
}
.yfzx-box .boxs .tbox{
    width: 48.8%;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    padding-top: 35px;
}
.yfzx-box .boxs .tbox .t1{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
}
.yfzx-box .boxs .tbox .t1 span{
    width: 18px;
    height: 2px;
    background: #ff0000;
    display: block;
    margin-top: 18px;
}


.scsb-box{
    width: 100%;
    position: relative;
}
.scsb-box::after{
    width: 65.5%;
    height: 216px;
    background: #ff0000 url(../image/bg1.png) left top repeat;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
.scsb-box .boxs{
    width: 1400px;
    margin: auto;
    position: relative;
    z-index: 2;
    padding: 70px 0 120px;
    display: flex;
    justify-content: space-between;
}
.scsb-box .boxs .titles{
    padding-top: 114px;
}
.scsb-box .boxs .titles .t1{
    font-size: 18px;
    color: #c8c7c7;
    line-height: 1;
    text-transform: uppercase;
}
.scsb-box .boxs .titles .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 27px 0 40px;
}
.scsb-box .boxs .titles .t3{
    font-size: 24px;
    line-height: 1;
    color: #000;
}
.scsb-box .boxs .list{
    width: 69.9%;
}
.scsb-box .boxs .list li{
    float: left;
    width: 31.8%;
    margin-right: 2.3%;
    position: relative;
}
.scsb-box .boxs .list li:nth-child(3){
    margin-right: 0;
}
.scsb-box .boxs .list li .img{
    width: 100%;
}
.scsb-box .boxs .list li .tbox{
    position: absolute;
    left: 0;
    bottom: 0;z-index: 2;
    background: rgba(27,27,27,.7);
    text-align: center;
    width: 100%;
    padding: 36px 0 40px;
    display: none;
}
.scsb-box .boxs .list li:hover .tbox{
    display: block;
}
.scsb-box .boxs .list li .tbox .t1{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.scsb-box .boxs .list li .tbox .t2{
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 34px;
}

.zcl-box{
    width: 100%;
    background: url(../image/img19.jpg) center center no-repeat;
}
.zcl-box .boxs{
    width: 1280px;
    margin: auto;
    padding: 68px 0 89px;
}
.zcl-box .boxs .titles{
    text-align: center;
}
.zcl-box .boxs .titles .t1{
    font-size: 18px;
    color: #c8c7c7;
    line-height: 1;
    text-transform: uppercase;
}
.zcl-box .boxs .titles .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 17px auto 19px;
}
.zcl-box .boxs .titles .t3{
    font-size: 24px;
    line-height: 1;
    color: #000;
}
.zcl-box .boxs .img{
    width: 100%;
    margin-top: 70px;
}


.banner-investor-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23.4%;
    z-index: 2;
}
.banner-investor-box .t1{
    font-size: 46px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    text-shadow: 2px 2px 2px rgba(230,0,18,.47);
}
.banner-investor-box .t2{
    width: 24px;
    height: 2px;
    background: #ff0000;
    margin: 28px 0 26px 12px;
}
.banner-investor-box .t3{
    font-size: 26px;
    color: #fff;
    line-height: 1;
    text-shadow: 2px 2px 2px rgba(0,0,0,.54);
}


.corporate-governance{
    width: 100%;
    background: url(../image/img20.jpg) center bottom no-repeat;
    padding: 68px 0 172px;
}
.corporate-governance .title{
    text-align: center;
}
.corporate-governance .title .t1{
    font-size: 18px;
    line-height: 1;
    color: #c8c7c7;
    text-transform: uppercase;
}
.corporate-governance .title .t2{
    width: 70px;
    height: 1px;
    background: #ff0000;
    margin: 13px auto 18px;
}
.corporate-governance .title .t3{
    font-size: 24px;
    color: #333;
    line-height: 1;
}

.corporate-governance .list{
    width: 1400px;
    margin: 137px auto 0;
    border-top: 1px solid #dcdcdc;
}
.corporate-governance .list ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.corporate-governance .list li{
    margin-top: -9px;
    text-align: center;
}
.corporate-governance .list li .icon{
    width: 16px;
    height: 16px;
    background: url(../image/icon33.png) center center no-repeat;
    margin: auto;
}
.corporate-governance .list li .t1{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 24px;
    margin-top: 26px;
    min-height: 48px;
    width: 142px;
}
.corporate-governance .list li .t2{
    font-size: 16px;
    line-height: 36px;
    color: #666;
    min-height: 144px;
}
.corporate-governance .list li .more{
    margin-top: 26px;
    width: 90px;
    height: 26px;
    border-radius: 13px;
    border: 1px solid #ff0000;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #ff0000;
    display: block;
    margin: 26px auto 0;
    transition: all ease .3s;
}
.corporate-governance .list li .more:hover{
    color: #fff;
    background: #f00;
}


.company-information{
    width: 100%;
    padding-top: 45px;
}
.company-information .title{
    text-align: center;
}
.company-information .title .t1{
    font-size: 18px;
    line-height: 1;
    color: #c8c7c7;
}
.company-information .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 14px auto 18px;
}
.company-information .title .t3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 1;
}
.company-information .box{
    width: 1240px;
    margin: 92px auto 97px;
    position: relative;
    padding: 21px 0 33px;
    display: table;
}
.company-information .box .bg{
    width: 408px;
    height: 100%;
    border: 1px solid #ff0000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.company-information .box .img{
    width: 53.8%;
}
.company-information .box .list{
    position: absolute;
    z-index: 2;
    width: 53.4%;
    background: #fafafa url(../image/bg2.png) left top repeat;
    right: 0;
    top: 62px;
}
.company-information .box .list .swiper-slide{
    padding: 0 70px 0 80px;
}
.company-information .box .list .tbox{
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 38px 0 38px 130px;
}
.company-information .box .list .tbox:last-child{
    border-bottom: none;
}
.company-information .box .list .tbox .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 38px;
}
.company-information .box .list .tbox .t1{
    font-size: 14px;
    color: #ff0000;
    font-weight: bold;
    line-height: 26px;
}
.company-information .box .list .tbox .t2{
    color: #333;
    font-size: 14px;
    line-height: 26px;
}
.company-information .box .list .prev{
    width: 40px;
    height: 36px;
    background: url(../image/icon18.png) center center no-repeat;
    position: absolute;
    right: 40px;
    cursor: pointer;
}
.company-information .box .list .prev:hover{
    background: #646464 url(../image/icon18-1.png) center center no-repeat;
}
.company-information .box .list .next{
    width: 40px;
    height: 36px;
    background: url(../image/icon19.png) center center no-repeat;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.company-information .box .list .next:hover{
    background: #646464 url(../image/icon19-1.png) center center no-repeat;
}


.yjbg{
    width: 100%;
    background: #f3f3f3;
    padding: 68px 0 80px;
}
.yjbg .title{
    text-align: center;
}
.yjbg .title .t1{
    font-size: 18px;
    line-height: 1;
    color: #c8c7c7;
    text-transform: uppercase;
}
.yjbg .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 13px auto 18px;
}
.yjbg .title .t3{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}
.search-box{
    width: 460px;
    height: 46px;
    margin: 92px auto;
    display: flex;
}
.search-box .txt{
    width: 110px;
    height: 46px;
    background: #e6e6e6;
    color: #666;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
}
.search-box .t1{
    width: 300px;
    height: 46px;
    background: #fff;
    padding-left: 10px;
    font-size: 14px;
}
.search-box .btn{
    width: 50px;
    height: 46px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #e60012 url(../image/icon34.png) center center no-repeat;
}
.yjbg .list{
    width: 1366px;
    margin: auto;
    display: table;
}
.yjbg .list.cwbg-list{
    margin: 110px auto 0;
}
.yjbg .list .year{
    width: 100%;
    margin: 0 auto 47px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1;
    display: flex;
    align-items: center;
}
.yjbg .list .year span{
    width: 10px;
    height: 3px;
    background: #ff0000;
    display: inline-block;
    margin-right: 10px;
}
.yjbg .list li{
    width: 20.5%;
    float: left;
    margin-right: 6%;
    margin-bottom: 58px;
}
.yjbg .list li:nth-child(4n){
    margin-right: 0;
}
.yjbg .list li .img{
    width: 100%;
}
.yjbg .list li .txt{
    font-size: 16px;
    line-height: 28px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}
.yjbg .list2{
    width: 1366px;
    margin: 104px auto 0;
    display: table;
}
.yjbg .list2 li{
    width: 20.5%;
    float: left;
    margin-right: 6%;
    margin-bottom: 58px;
}
.yjbg .list2 li:nth-child(4n){
    margin-right: 0;
}
.yjbg .list2 li .img{
    width: 100%;
}
.yjbg .list2 li .txt{
    font-size: 16px;
    line-height: 28px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}


.cwzy{
    width: 100%;
    padding-top: 68px;
}
.cwzy .title{
    text-align: center;
}
.cwzy .title .t1{
    font-size: 18px;
    color: #c8c7c7;
    line-height: 1;
    text-transform: uppercase;
}
.cwzy .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 13px auto 18px;
}
.cwzy .title .t3{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}
.cwzy .list{
    width: 1366px;
    margin: 128px auto 0;
    display: table;
}
.cwzy .list li{
    width: 46%;
    margin-right: 8%;
    float: left;
    margin-bottom: 105px;
}
.cwzy .list li:nth-child(2n){
    margin-right: 0;
}


.yjbg .gb-box{
    width: 100%;
    padding-left: 15%;
    display: flex;
    justify-content: space-between;
}
.yjbg .gb-box .tbox{
    width: 45.3%;
}
.yjbg .gb-box .tbox .top{
    position: relative;
    padding-left: 16px;
}
.yjbg .gb-box .tbox .top .t1{
    font-size: 24px;
    color: #333;
    line-height: 1;
}
.yjbg .gb-box .tbox .top .t2{
    font-size: 46px;
    line-height: 1;
    color: #e60012;
    opacity: .07;
    position: absolute;
    left: 36px;
    top: -27px;
}
.yjbg .gb-box .tbox .lists{
    width: 100%;
    margin-top: 60px;
}
.yjbg .gb-box .tbox .lists li{
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.yjbg .gb-box .tbox .lists li:hover{
    padding-top: 8px;
}
.yjbg .gb-box .tbox .lists li:hover::before{
    width: 8px;
    height: 61px;
    background: #f0c2c6;
    left: -8px;
    top: 0;
    position: absolute;
    content: '';
}
.yjbg .gb-box .tbox .lists li:hover::after{
    width: 99%;
    height: 8px;
    background: #f0c2c6;
    left: -8px;
    top: 0;
    position: absolute;
    content: '';
}
.yjbg .gb-box .tbox .lists li a{
    display: block;
    padding: 24px 36px 19px 90px;
    background: url(../image/icon35.png) 16px  center no-repeat;
}
.yjbg .gb-box .tbox .lists li:hover a{
    padding: 16px 36px 19px 90px;
    background: #e60012 url(../image/icon36.png) 90%  center no-repeat;
}
.yjbg .gb-box .tbox .lists li p{
    display: inline-block;
    font-size: 18px;
    color: #666;
    line-height: 22px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yjbg .gb-box .tbox .lists li:hover p{
    color: #fff;
    font-weight: bold;
}
.yjbg .gb-box .tbox .lists li span{
    font-size: 14px;
    line-height: 22px;
    color: #777;
    float: right;
}
.yjbg .gb-box .tbox .lists li:hover span{
    display: none;
}
.yjbg .gb-box .img{
    width: 51.6%;
    display: flex;
    align-items: center;
}

.gb .page-list2{
    margin-top: 80px;
}


.gj{
    width: 100%;
    padding-top: 68px;
}
.gj .title{
    text-align: center;
}
.gj .title .t1{
    font-size: 18px;
    color: #c8c7c7;
    line-height: 1;
    text-transform: uppercase;
}
.gj .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 13px auto 18px;
}
.gj .title .t3{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.gj-box1{
    width: 100%;
    padding-left: 13.5%;
    margin-top: 36px;
}
.gj-box1 .t1{
    font-size: 18px;
    line-height: 28px;
    color: #333;
    padding-bottom: 14px;
    border-bottom: 1px solid #dcdcdc;
}
.gj-box1 .t1 span{
    font-weight: bold;
}
.gj-box1 .tbox{
    width: 1400px;
    display: flex;
    padding-top: 14px;
}
.gj-box1 .tbox .tbox1{
    width: 28.3%;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    padding: 60px 0 50px;
}
.gj-box1 .tbox .tbox1 .txt1{
    font-size: 28px;
    color: #e60012;
    font-weight: bold;
    line-height: 1;
    padding-right: 37px;
    background: url(../image/icon37.png) right center no-repeat;
    display: table;
    margin: auto;
}
.gj-box1 .tbox .tbox1 .txt2{
    font-size: 22px;
    line-height: 28px;
    color: #e60012;
    margin-top: 26px;
    font-weight: bold;
}
.gj-box1 .tbox .tbox2{
    padding: 20px 144px 0 95px;
    width: 71.7%;
}
.gj-box1 .tbox .tbox2 li{
    float: left;
    width: 25%;
    font-size: 16px;
    line-height: 40px;
    color: #333;
}

.gj-box2{
    width: 100%;
    margin: 94px 0 92px;
}
.gj-box2 .menu1{
    width: 100%;
    border-top: 1px solid #dde4f4;
    border-bottom: 1px solid #dde4f4;
    background: #eff5ff;
    padding-top: 3px;
}
.gj-box2 .menu1 ul{
    width: 1400px;
    margin: auto;
    display: flex;
}
.gj-box2 .menu1 ul li{
    font-size: 16px;
    line-height: 28px;
    color: #09237a;
    padding: 4px 6px 8px;
    margin: 0 40px 0 13px;
    cursor: pointer;
}
.gj-box2 .menu1 ul li:hover{
    color: #e60012;
    background: #fff;
    border-top: 2px solid #e60012;
    margin-bottom: -1px;
}
.gj-box2 .menu1 ul li.on{
    color: #e60012;
    background: #fff;
    border-top: 2px solid #e60012;
    margin-bottom: -1px;
}
.gj-box2 .imgboxs{
    max-width: 850px;
    margin: 70px auto 0;
}
.gj-box2 .imgboxs li{
    display: none;
}
.gj-box2 .imgboxs li.on{
    display: block;
}
.gj-box2 .imgboxs img{
    width: 100%;
}
.gj-box2 .tips{
    width: 1400px;
    font-size: 14px;
    line-height: 27px;
    color: #888;
    margin: 65px auto 0;
}

.information-box{
    width: 1400px;
    margin: 83px auto 70px;
}
.information-box .boxs1{
    width: 100%;
    display: flex;
    background: #f5f5f5;
    margin-bottom: 7px;
}
.information-box .boxs1 .img{
    width: 64%;
}
.information-box .boxs1 .tbox{
    width: 36%;
    padding-top: 30px;
}
.information-box .boxs1 .tbox .t1{
    font-size: 120px;
    line-height: 1;
    color: #2085ea;
    font-weight: bold;
    position: relative;
    display: table;
    font-family: arial;
    margin: auto;
}
.information-box .boxs1 .tbox .t1 span{
    display: table;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    background: #f5f5f5;
    position: absolute;
    left: 65px;
    bottom: 15px;
}
.information-box .boxs1 .tbox .t2{
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-left: 25%;
    margin-top: 22px;
}
.information-box .boxs1 .tbox .t2 span{
    margin-right: 30px;
    min-width: 60px;
    display: inline-block;
}

.information-box .boxs2{
    width: 100%;
    display: flex;
}
.information-box .boxs2 .tbox{
    width: 27.5%;
    text-align: center;
    padding-top: 58px;
}
.information-box .boxs2 .tbox .t1{
    font-size: 120px;
    line-height: 1;
    color: #2085ea;
    font-weight: bold;
    position: relative;
    display: table;
    font-family: arial;
    margin: auto;
}
.information-box .boxs2 .tbox .t1 span{
    display: table;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    position: absolute;
    background: #fff;
    left: 65px;
    bottom: 15px;
}
.information-box .boxs2 .tbox .t2{
    font-size: 14px;
    line-height: 27px;
    color: #666;
    margin-top: 54px;
}
.information-box .boxs2 .img{
    width: 45%;
}
.information-box .boxs2.b1 .tbox:first-child{
    background: #f5f5f5;
}
.information-box .boxs2.b1 .tbox:first-child .t1 span{
    background: #f5f5f5;
}

.information-box .boxs2.b2 .tbox:last-child{
    background: #f5f5f5;
}
.information-box .boxs2.b2 .tbox:last-child .t1 span{
    background: #f5f5f5;
}
.information-box .boxs2.b2 .tbox:last-child .t1 span{
    bottom: -10px;
}
.information-box .boxs2.b2 .tbox .t2{
    margin-top: 20px;
}


.contact{
    width: 100%;
    padding: 150px 0;
}
.contact::after{
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.2);
    content: '';
    position: absolute;
    left: 0;
    top: 578px;
}
.contact .bg{
    width: 100%;
    position: relative;
}
.contact .box{
    /* position: absolute;
    top: 149px;
    left: 50%;
    transform: translateX(-50%); */
    width: 1320px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    position: relative;
}
.contact .box::after{
    width: 1px;
    height: 800px;
    content: '';
    background: rgba(255,255,255,.2);
    position: absolute;
    left: 50%;
    top: 30px;
}
.contact .box .box1,.contact .box .box2,.contact .box .box3,.contact .box .box4{
    width: 50%;
    height: 428px;
}
.contact .box .box1{
    padding-right: 10px;
}
.contact .box .box1 .title{
    font-size: 24px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
    margin-bottom: 76px;
}
.contact .box .box1 .t1{
    font-size: 20px;
    line-height: 28px;
    color: #e60012;
    background: url(../image/icon38.png) left center no-repeat;
    padding-left: 46px;
}
.contact .box .box1 .t2{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    background: url(../image/icon39.png) left center no-repeat;
    padding-left: 46px;
    margin-top: 38px;
}
.contact .box .box1 .t3{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    background: url(../image/icon40.png) left center no-repeat;
    padding-left: 46px;
    margin-top: 34px;
}
.contact .box .box2{
    padding-left: 204px;
}
.contact .box .box2 .title{
    font-size: 24px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
    margin-bottom: 24px;
}
.contact .box .box2 .tbox{
    width: 304px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.contact .box .box2 .tbox span{
    font-size: 18px;
    color: #fff;
}
.contact .box .box2 .tbox .t1{
    height: 50px;
    background: none;
    font-size: 18px;
    color: #fff;
}
.contact .box .box2 .tbox .t1:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
.contact .box .box2 .tboxs{
    width: 330px;
}
.contact .box .box2 .tboxs span{
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    display: block;
}
.contact .box .box2 .tboxs .t2{
    box-shadow: none;
    outline: none;
    resize: none;
    background: none;
    width: 100%;
    display: block;
    border: 1px solid rgba(255,255,255,.2);
    height: 80px;
    padding: 10px;
    font-size: 18px;
    color: #fff;
}
.contact .box .box2 .btn{
    width: 88px;
    height: 28px;
    background: #ff0000;
    border-radius: 9px;
    color: #fff;
    border: none;
    box-shadow: none;
    box-shadow: none;
    outline: none;
    margin-top: 30px;
}
.contact .box .box3{
    padding-top: 118px;
}
.contact .box .box3 .title{
    font-size: 24px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
}
.contact .box .box3 .img{
    margin-top: 63px;
}
.contact .box .box3 .img span{
    display: block;
    float: left;
    margin-right: 26px;
}
.contact .box .box3 .img span p{
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    margin-top: 12px;
}
.contact .box .box4{
    padding-top: 118px;
    padding-left: 204px;
}
.contact .box .box4 .title{
    font-size: 24px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
}
.contact .box .box4 .shares{
    display: flex;
    margin-top: 63px;
}
.contact .box .box4 .shares a{
    width: 31px;
    margin-right: 14px;
}

.about-box1{
    width: 100%;
    background: #ecf3ff url(../image/img66.png) left bottom no-repeat;
    position: relative;
    padding: 78px 8.75% 78px 13.6%;
}
.about-box1 .tips{
    position: absolute;
    left: 10.6%;
    top: 78px;
}
.about-box1 .tips span{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    display: block;
}
.about-box1 .tips .line{
    width: 1px;
    height: 68px;
    background: #333;
    margin: 5px auto;
}
.about-box1 .tips .txt{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    position: absolute;
    left: -36px;
    bottom: -60px;
    white-space: nowrap;
}
.about-box1 .title{
    font-size: 36px;
    color: #ff0000;
    font-weight: bold;
    line-height: 1;
}
.about-box1 .title span{
    margin-top: 30px;
    width: 54px;
    height: 1px;
    background: #000;
    display: block;
}
.about-box1 .box1{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about-box1 .box1 .tbox{
    width: 45.5%;
}
.about-box1 .box1 .tbox .t1{
    font-size: 20px;
    line-height: 48px;
    color: #333;
    padding-left: 45px;
    background: url(../image/icon45.png) left center no-repeat;
    margin-top: 65px;
}
.about-box1 .box1 .tbox .t2{
    font-size: 16px;
    line-height: 38px;
    color: #666;
}
.about-box1 .box1 .tbox .t3{
    font-size: 20px;
    line-height: 48px;
    color: #333;
    padding-left: 45px;
    background: url(../image/icon46.png) left center no-repeat;
    margin-top: 65px;
}
.about-box1 .box1 .video{
    width: 47.2%;
    position: relative;
    margin-top: 82px;
    display: table;
}
.about-box1 .box1 .video span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.about-box1 .tboxs .t3{
    font-size: 20px;
    line-height: 48px;
    color: #333;
    padding-left: 45px;
    background: url(../image/icon47.png) left center no-repeat;
    margin-top: 65px;
}
.about-box1 .tboxs .t2{
    font-size: 16px;
    line-height: 38px;
    color: #666;
}


.about-box2{
    width: 100%;
    background: url(../image/img67.jpg) center bottom no-repeat;
    padding: 80px 16% 106px 10.9%;
    position: relative;
}
.about-box2 .tips{
    position: absolute;
    left: 9.6%;
    top: 78px;
}
.about-box2 .tips span{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    display: block;
}
.about-box2 .tips .line{
    width: 1px;
    height: 68px;
    background: #333;
    margin: 5px auto;
}
.about-box2 .tips .txt{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    position: absolute;
    left: -25px;
    bottom: -45px;
    white-space: nowrap;
}
.about-box2 .title{
    font-size: 36px;
    font-weight: bold;
    color: #ff0000;
    padding-left: 52px;
    line-height: 1;
}
.about-box2 .title span{
    width: 54px;
    height: 1px;
    background: #000;
    display: block;
    margin-top: 30px;
}
.about-box2 .pc-slide{
    width: 100%;
}
.about-box2 .pc-slide .view{
    padding: 0 53px 0 134px;
}
.about-box2 .pc-slide .view .box2-box2{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about-box2 .pc-slide .view .box2-box2 .tbox{
    width: 58.6%;
    padding-top: 93px;
}
.about-box2 .pc-slide .view .box2-box2 .tbox .t1{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}
.about-box2 .pc-slide .view .box2-box2 .tbox .t2{
    font-size: 20px;
    color: #666;
    margin-top: 18px;
    line-height: 1;
}
.about-box2 .pc-slide .view .box2-box2 .tbox .t3{
    margin-top: 54px;
    display: block;
}
.about-box2 .pc-slide .view .box2-box2 .tbox .t4{
    font-size: 16px;
    color: #666;
    line-height: 38px;
    margin-top: 49px;
}
.about-box2 .pc-slide .view .box2-box2 .img{
    width: 34.8%;
    display: table;
}
.about-box2 .pc-slide .preview{
    width: 100%;
    border-top: 1px solid #dcdcdc;
    margin-top: 27px;
    position: relative;
}
.about-box2 .pc-slide .preview .arrow-left{
    width: 115px;
    height: 98px;
    background: url(../image/icon27.png) center center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.about-box2 .pc-slide .preview .arrow-left:hover{
    background: url(../image/icon27-1.png) center center no-repeat;
}
.about-box2 .pc-slide .preview .arrow-right{
    width: 115px;
    height: 98px;
    background: url(../image/icon28.png) center center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}
.about-box2 .pc-slide .preview .arrow-right:hover{
    background: url(../image/icon28-1.png) center center no-repeat;
}
.about-box2 .pc-slide .preview .swiper-container{
    width: calc(100% - 230px);
}
.about-box2 .pc-slide .preview .swiper-container .box2-box1{
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 1;
    position: relative;
    padding-top: 35px;
    cursor: pointer;
}
.about-box2 .pc-slide .preview .swiper-container .active-nav .box2-box1::after{
    width: 1px;
    height: 18px;
    background: #dcdcdc;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
}
.about-box2 .pc-slide .preview .swiper-container .box2-box1 span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 14px;
}


.about-box3{
    width: 100%;
    position: relative;
    padding: 80px 16% 74px 10.9%;
    background: #ecf3ff;
}
.about-box3 .tips{
    position: absolute;
    left: 9.6%;
    top: 78px;
}
.about-box3 .tips span{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    display: block;
}
.about-box3 .tips .line{
    width: 1px;
    height: 68px;
    background: #333;
    margin: 5px auto;
}
.about-box3 .tips .txt{
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    position: absolute;
    left: -25px;
    bottom: -45px;
    white-space: nowrap;
}
.about-box3 .title{
    font-size: 36px;
    font-weight: bold;
    color: #ff0000;
    padding-left: 52px;
    line-height: 1;
}
.about-box3 .title span{
    width: 54px;
    height: 1px;
    background: #000;
    display: block;
    margin-top: 30px;
}
.about-box3 .list{
    width: 100%;
    margin-top: 90px;
}
.about-box3 .list .swiper-container{
    padding-top: 20px;
    padding-bottom: 125px;
}
.about-box3 .list .honer-box{
    width: 100%;
}
.about-box3 .list .honer-box .img{
    width: 100%;
    box-shadow: 0 0 16px 2px rgba(46,43,37,.23);
}
.about-box3 .list .honer-box .img img{
    width: 100%;
}
.about-box3 .list .honer-box .tbox{
    width: 100%;
    text-align: center;
}
.about-box3 .list .honer-box .tbox .t1{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1;
    margin-top: 32px;
}
.about-box3 .list .honer-box .tbox .t2{
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 11px;
}
.about-box3 .list .swiper-container .swiper-pagination{
    bottom: 0;
}
.about-box3 .list .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #d2d2d2;
    opacity: 1;
}
.about-box3 .list .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background: #ff0000;
}


.about-box4{
    width: 100%;
    position: relative;
    background: url(../image/img68.jpg) top center no-repeat;
}
.about-box4 .tips{
    position: absolute;
    left: 9.6%;
    top: 78px;
}
.about-box4 .tips span{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    display: block;
}
.about-box4 .tips .line{
    width: 1px;
    height: 68px;
    background: #fff;
    margin: 5px auto;
}
.about-box4 .tips .txt{
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: initial;
    letter-spacing: 3px;
    text-transform: uppercase;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    position: absolute;
    left: -25px;
    bottom: -45px;
    white-space: nowrap;
}
.about-box4 .box{
    width: 100%;
    padding: 80px 16% 97px 10.9%;
}
.about-box4 .box .title{
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    line-height: 1;
    padding-left: 50px;
}
.about-box4 .box .title span{
    width: 54px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 30px 0 0 70px;
}
.about-box4 .list{
    width: 100%;
    position: relative;
    padding: 102px 0 260px;
}
.about-box4 .list .swiper-container{
    padding: 121px 6.6%;
}
.about-box4 .list .swiper-container::after{
    width: 100%;
    height: 1px;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about-box4 .list .box4-box{
    position: relative;
    text-align: center;
    width: 100%;
}
.about-box4 .list .box4-box .txt{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    bottom: 115px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: none;
}
.about-box4 .list .box4-box .year{
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    line-height: 1;
    bottom: 42px;
    left: 50%;
    transform: translateX(-50%);
}
.about-box4 .list .swiper-slide:nth-child(2n) .box4-box .txt{
    top: 115px;
    bottom: initial;
}
.about-box4 .list .swiper-slide:nth-child(2n) .box4-box .year{
    top: 42px;
    bottom: initial;
}
.about-box4 .list .box4-box .icon{
    width: 23px;
    height: 23px;
    background: #313131;
    border-radius: 50%;
    border: 5px solid #fff;
    margin: auto;
}
.about-box4 .list .swiper-slide-active .box4-box .icon{
    background: #f00;
}
.about-box4 .list .swiper-slide-active .box4-box .year{
    color: #f00;
}
.about-box4 .list .swiper-slide-active .box4-box .txt{
    display: block;
}

.about-box4 .list .tbox-list{
    position: absolute;
    left: 20%;
    top: 0;
    z-index: 2;
}
.about-box4 .list .tbox-list li{
    display: none;
    width: 367px;
    background: #fff;
}
.about-box4 .list .tbox-list li.on{
    display: block;
}
.about-box4 .list .tbox-list li .img{
    width: 100%;
}
.about-box4 .list .tbox-list li .tbox{
    width: 100%;
    border-top: 2px solid #ff2222;
    padding: 42px 30px 58px;
}
.about-box4 .list .tbox-list li .tbox .t1{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1;
}
.about-box4 .list .tbox-list li .tbox .t2{
    font-size: 16px;
    color: #666;
    line-height: 27px;
    margin-top: 23px;
}

.about-box4 .list .box4-next{
    width: 214px;
    height: 48px;
    line-height: 48px;
    padding-left: 56px;
    font-size: 16px;
    color: #fff;
    background: #313131 url(../image/icon51.png) 131px center no-repeat;
    text-transform: uppercase;
    position: absolute;
    left: calc(100% + 214px);
    top: 410px;
    cursor: pointer;
}
.about-box4 .list .box4-next:hover{
    background: #ff0000 url(../image/icon51.png) 131px center no-repeat;
}
.about-box4 .list .box4-prev{
    width: 214px;
    height: 48px;
    line-height: 48px;
    padding-left: 97px;
    font-size: 16px;
    color: #fff;
    background: #313131 url(../image/icon50.png) 33px center no-repeat;
    text-transform: uppercase;
    position: absolute;
    left: 100%;
    top: 410px;
    cursor: pointer;
}
.about-box4 .list .box4-prev:hover{
    background: #ff0000 url(../image/icon50.png) 33px center no-repeat;
}



.about2{
    width: 100%;
    background: #f7fafd url(../image/n2-img1.jpg) center bottom no-repeat;
    padding: 68px 0 172px;
}
.about2 .title{
    text-align: center;
}
.about2 .title .t1{
    font-size: 18px;
    line-height: 1;
    color: #c8c7c7;
    text-transform: uppercase;
}
.about2 .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 13px auto 18px;
}
.about2 .title .t3{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}

.about2-box{
    width: 1220px;
    margin: 78px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about2-box .left{
    padding-left: 30px;
    max-height: 415px;
    width: 39%;
    box-sizing: border-box;
    border-right: 1px solid #d2d2d2;
    padding-top: 45px;
}
.about2-box .left li{
    width: 100%;
    margin-bottom: 70px;
}
.about2-box .left li:last-child{
    margin-bottom: 0;
}
.about2-box .left li .t1{
    font-size: 18px;
    line-height: 1;
    color: #333;
}
.about2-box .left li .t1 span{
    display: inline-block;
    position: relative;
}
.about2-box .left li .t1 span::after{
    width: 100%;
    height: 3px;
    background: #ff0000;
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
}
.about2-box .left li .t2{
    font-size: 18px;
    line-height: 1;
    color: #333;
    margin-top: 30px;
}
.about2-box .list{
    width: 50%;
}
.about2-box .list li{
    width: 50%;
    float: left;
    height: 205px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 60px;
}
.about2-box .list li:nth-last-child(1),
.about2-box .list li:nth-last-child(2){
    margin-bottom: 0;
    border-bottom: none;
}
.about2-box .list li .icon{
    width: 38px;
    margin-left: 10px;
}
.about2-box .list li .t1{
    font-size: 18px;
    color: #333;
    line-height: 1;
    font-weight: bold;
    margin-top: 21px;
}
.about2-box .list li .t2{
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin-top: 10px;
}


.about3{
    width: 100%;
    background: #fff url(../image/n2-img2.jpg) center center no-repeat;
    padding: 70px 0 85px;
}
.about3 .title{
    text-align: center;
}
.about3 .title .t1{
    font-size: 18px;
    line-height: 1;
    color: #c8c7c7;
    text-transform: uppercase;
}
.about3 .title .t2{
    width: 70px;
    height: 1px;
    background: #f00;
    margin: 13px auto 18px;
}
.about3 .title .t3{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}

.about3 .tbox{
    width: 1050px;
    margin: 50px auto 0;
    padding-top: 30px;
    position: relative;
}
.about3 .tbox::after{
    width: 95%;
    height: 1px;
    background: 1px scroll #eee;
    content: '';
    position: absolute;
    top: 0;
    left: 2.5%;
}
.about3 .tbox .t1{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
}
.about3 .tbox .txt{
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.about3 .tbox .t2{
    font-size: 18px;
    color: #666;
    line-height: 40px;
    font-weight: bold;
    margin-top: 28px;
}
.about3 .tbox .t2 span{
    color: #e60012;
}
.about3 .tbox .t3{
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-top: 50px;
}


.rzzz{
    width: 100%;
    background: url(../image/rzzz7.jpg) left top repeat;
}
.rzzz .box{
    width: 1400px;
    margin: auto;
    padding: 114px 0 63px;
}
.rzzz .box li{
    width: 100%;
    box-sizing: border-box;
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 75px;
}
.rzzz .box li:nth-child(2){
    margin-bottom: 0;
}
.rzzz .box li .img{
    width: 45%;
}
.rzzz .box li .tbox{
    width: 40%;
    margin: 0 70px 0 0;
}
.rzzz .box li:nth-child(2) .tbox{
    margin: 0 0 0 70px;
}
.rzzz .box li .tbox .icon{
    width: 23px;
}
.rzzz .box li .tbox .t1{
    font-size: 18px;
    color: #000;
    line-height: 22px;
    margin-top: 12px;
}
.rzzz .box li .tbox .t2{
    font-size: 14px;
    color: #888;
    line-height: 30px;
    margin-top: 18px;
}


@media only screen and (max-width: 1900px) {
    .idnex-contact{
        background-size: auto 100%;
    }
}


@media only screen and (max-width: 1560px) {

   
    .about-box4 .list .tbox-list{
        left: 15%;
    }

    .service-wlzw .tbox .boxs{
        margin-top: 42px;
    }
    .service-wlzw .tbox .boxs .wlzw-list{
        margin-top: 50px;
    }

    .gj-box1 .tbox{
        width: 100%;
    }
    .gj-box1 .tbox .tbox2{
        padding: 20px 44px 0 35px;
    }

    .index-service .is-list li .link{
        bottom: 50px;
    }

    .index-service .is-list li .tbox{
        min-height: 800px;
    }
    .index-service .is-list li .tbox .img1{
        bottom: 100px;
    }

}


@media only screen and (max-width: 1480px) {
    .service-box1 .box{
        width: 100%;
        padding: 100px 30px 16px;
    }

    .index-service .is-list li:nth-child(1) .tbox .txt{
        width: 38%;
    }


}

@media only screen and (max-width: 1440px) {

    .header{
        padding: 0 3%;
    }

    .header .right .menu{
        margin-right: 55px;
    }
    .header .right .menu li{
        margin-right: 55px;
    }

    .search-boxs{
        width: 100%;
    }

    .banner .g-box .box{
        width: 100%;
        padding: 0 30px;
    }

    .index-about .tbox .icon{
        bottom: 20px;
    }

    .gj-box2 .menu1 ul, .gj-box2 .tips, .information-box, .footer .box1 .box{
        width: 100%;
        padding: 0 30px;
    }

    .corporate-governance .list{
        width: 94%;
        padding: 0 30px;
    }

    .scsb-box .boxs{
        width: 100%;
        padding: 70px 30px 120px;
    }

    .about-box4 .list .tbox-list{
        left: 12%;
    }

    .about-box2 .pc-slide .view{
        padding: 0 52px
    }
    .about-box2 .pc-slide .view .box2-box2{
        align-items: center;
    }


    .yfzx-box .boxs{
        width: 100%;
    }

    
    .index-service .is-list li .tbox{
        padding: 140px 12% 0 25%;
        min-height: 700px;
    }
    .index-service .is-list li .tbox .img1{
        bottom: 80px;
        right: 12%;
    }


    .rzzz .box{
        width: 100%;
    }


}

@media only screen and (max-width: 1400px) {
    
    .index-about .tbox .tips{
        top: 10px;
    }
    
    .index-service .is-menu{
        padding-top: 150px
    }
    .index-service .is-menu::after{
        height: 145px;
    }
    .index-service .is-menu li{
        margin-bottom: 50px;
    }
    .index-service .is-menu li::before{
        height: 40px;
    }
   
    .index-service .is-list li .tbox .txt{
        line-height: 24px;
    }


    .news .list1{
        width: 100%;
        padding: 0 30px;
    }
    


    .news .list2 li .box{
        width: 100%;
    }

    .banner .g-box .box{
        width: 100%;
    }
    .banner .g-box .box .tbox:last-child{
        padding-right: 5%;
        width: 50%;
    }

    .footer .box2 .box{
        width: 100%;
        padding: 21px 30px 14px;
    }

    .idnex-contact .box{
        width: 100%;
    }


}

@media only screen and (max-width: 1440px) {
    .header .right .menu li .s-menu.tz{
        left: initial;
        transform: translate(0);
        right: -240px;
    } 
}

@media only screen and (max-width: 1366px) {

    .banner .swiper-slide a .tboxs .t3{
        margin: 52px auto 0;
    }
    

    .index-about .tbox .tips{
        top: 10px;
    }
    .index-about .tbox .icon{
        bottom: 20px;
    }


    .index-about .tbox{
        width: 44.22%;
        height: 100%;
    }
    
    


    .about-box4 .list .box4-box .year{
        font-size: 40px;
    }
    .about-box4 .list .box4-box .txt{
        bottom: 90px;
    }

    .cwzy .list{
        width: 100%;
        padding: 0 30px;
    }

    .yjbg .list{
        width: 100%;
        padding: 0 30px;
    }

    .information-box .boxs2 .tbox{
        padding-top: 30px;
    }
    .information-box .boxs1 .tbox .t2{
        margin-top: 0;
        padding-left: 20%;
    }
    .information-box .boxs2 .tbox .t1 span{
        line-height: 24px;
    }
    

    .header .right .menu li{
        position: initial;
    }
    .header .right .menu li .s-menu{
        top: 75px;
        left: 0;
        transform: translate(0);
    }
    .header .right .menu li .s-menu.fw{
        width: 100%;
        padding-left: 5%;
    }

    .header .right .menu li .s-menu.gy{
        width: 100%;
        padding-left: 5%;
    }
    
    .header .right .menu li .s-menu.xw{
        width: 100%;
        padding-left: 42%;
    }
    .header .right .menu li .s-menu.gy,
    .header .right .menu li .s-menu.fw, 
    .header .right .menu li .s-menu.xw{
        justify-content: center;
    }
    .header .right .menu li .s-menu.gy .s-menu-link,
    .header .right .menu li .s-menu.fw .s-menu-link, 
    .header .right .menu li .s-menu.xw .s-menu-link{
        margin: 0 45px;
    }

    
    .idnex-contact .box .tbox{
        padding: 90px 0;
    }
    .index-service .is-menu li.on{
        font-size: 16px;
    }
    .index-service .is-list li .tbox {
        min-height: 700px;
    }
    .index-service .is-list li .tbox .txt{
        margin-top: 20px;
    }


    .news-info .box{
        width: 90%;
        padding: 40px 6% 50px;
    }


    .contact .box{
        width: 100%;
        padding: 0 50px;
    }

    .service-box2 .box{
        width: 100%;
        padding: 0 30px;
    }

    .about-box1 .box1{
        align-items: center;
    }

    .zcl-box .boxs{
        width: 100%;
    }
    .zcl-box .boxs .img{
        text-align: center;
    }


    .yjbg .list2{
        width: 100%;
        padding: 0 30px;
    }
    .yjbg .list.cwbg-list{
        margin: 80px auto 0;
    }
    .service-box3 .box{
        width: 100%;
        padding: 0 30px;
    }


}


@media only screen and (max-width: 1220px) {


    .header .right .menu li{
        margin-right: 40px;
    }

    .footer .box1 .box .left-menu .mbox{
        margin-right: 115px;
    }

    .header .right .menu li .s-menu.xw{
        padding-left: 38%;
    }

    .index-service .is-menu li{
        padding-left: 50px;
    }
    .index-service .is-list li .link{
        bottom: 20px;
    }
    .index-service .is-list li .link span{
        margin-top: 10px;
    }

    .information-box .boxs1 .tbox{
        padding-top: 10px;
    }
    .information-box .boxs1 .tbox .t2{
        padding: 0 30px;
        line-height: 24px;
    }
    .information-box .boxs2 .tbox{
        padding-top: 20px;
    }
    .information-box .boxs2 .tbox .t2{
        margin-top: 30px;
    }
    .information-box .boxs2.b2 .tbox .t2{
        margin-top: 10px;
    }


    .company-information .box{
        width: 100%;
        padding: 21px 30px 33px;
    }
    .company-information .box .list{
        right: 30px;
        top: 36px;
    }


    .yjbg .gb-box{
        padding-left: 5%;
    }
    .yjbg .gb-box .tbox .lists li a{
        padding: 20px 36px 15px 60px;
    }
    .yjbg .gb-box .tbox .lists li:hover a{
        padding: 12px 36px 15px 60px;
    }

    .service-wlzw .tbox{
        padding: 87px 5.5% 0 70px;
    }


    .yfzx-menu li{
        padding: 0 80px;
    }
    .about-box2{
        padding: 80px 10% 106px 10.9%;
    }
    .about-box3{
        padding: 80px 10% 74px 10.9%;
    }
    .about-box4 .list .box4-box .txt{
        font-size: 16px;
    }
    .about-box4 .list .tbox-list li{
        width: 300px;
    }


    .banner .mouse{
        bottom: 180px;    
    }

    .index-about .tbox .txt{
        line-height: 24px;
    }


    .index-news .box .list{
        margin-top: 60px;
    }
    .index-news .box .list li{
        margin-bottom: 30px;
    }
    .index-news .box .list li .tbox .t2{
        margin-top: 15px;
    }
    .index-news .box .link{
        margin: 30px auto 0;
    }

    .idnex-contact .box{
        width: 100%;
    }
    .idnex-contact .box .tbox{
        padding: 70px 0;
    }
    .idnex-contact .box .tbox:first-child{
        padding-left: 133px;
        background: url(../image/icon9.png) 73px 70px no-repeat;
    }
    .idnex-contact .box .tbox:nth-child(2){
        padding-left: 113px;
        background: url(../image/icon9-1.png) 15% 70px no-repeat;
    }
    .idnex-contact .box .tbox:nth-child(3){
        padding-left: 113px;
        background: url(../image/icon10.png) 15% 70px no-repeat;
    }

    .about-box2 .pc-slide .view .box2-box2 .tbox{
        padding-top: 60px;
    }
    .about-box3 .list .swiper-container{
        padding-bottom: 60px;
    }

    .about2-box{
        width: 100%;
    }

    .service-menu1 li{
        height: 90px;
    }
    .service-menu1 li a{
        padding-top: 16px;
    }
    .service-menu1 li.on{
        height: 110px;
    }
    .service-menu1 li.on a{
        padding-top: 36px;
    }

    .service-box3 .box .tbox{
        width: 56%;
        padding: 20px 20px 0;
    }
    .service-box3 .box .img{
        width: 40%;
    }

    .service-scjx .box{
        width: 100%;
        padding: 84px 30px 90px;
    }

    .service-wlzw .tbox .boxs .wlzw-list{
        padding: 0;
    }

    .banner-service .tbox1 .t3{
        font-size: 20px;
    }

    .scsb-box::after{
        height: 160px;
    }


    .rzzz .box li .tbox,
    .rzzz .box li:nth-child(2) .tbox{
        margin: 0;
    }


}



@media only screen and (max-width: 1100px) {

    .header .right .menu li{
        margin-right: 30px;
    }

    .header .right .menu li .s-menu.fw .s-menu-link, 
    .header .right .menu li .s-menu.xw .s-menu-link{
        margin: 0 30px;
    }

    .header .right .menu li .s-menu.xw{
        padding-left: 33%;
    }

    .banner .swiper-slide a .tboxs .t1{
        font-size: 26px;
    }
    .banner .swiper-slide a .tboxs .t2{
        font-size: 15px;
    }

    .banner .g-box{
        padding: 20px 0;
    }
    .banner .g-box .box .tbox .t2{
        margin-top: 12px;
    }
    .banner .mouse{
        bottom: 140px;
    }
    .banner .swiper-pagination{
        right: 50px;
    }

    .index-about .tbox{
        padding: 40px 4% 0 10%;
    }


    .index-service .is-menu li.on{
        line-height: 40px;
    }
    .index-service .is-menu li.on::before{
        top: 45px;
    }
    .index-service .is-menu li.on span{
        width: 40px;
        height: 40px;
        left: -4px;
    }
    .index-service .is-menu li.on span::after{
        width: 16px;
        height: 16px;
    }


    .index-service .is-list li .tbox {
        min-height: 660px;
    }
    

    .index-news .box .list li{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .index-news .box .list li .tbox .t2{
        margin-top: 10px;
    }

    .footer .box1 .box .left-menu .mbox{
        margin-right: 95px;
    }

    .company-information .box .list{
        top: 5px;
    }


    .yjbg .gb-box .tbox .top .t2{
        font-size: 32px;
        top: -15px;
    }
    .yjbg .gb-box .tbox .lists li p{
        width: 70%;
        font-size: 16px;
    }

    .gj-box1{
        padding-left: 10%;
    }
    .gj-box1 .tbox .tbox2 li{
        font-size: 14px;
    }
    
    .information-box .boxs1 .tbox .t2{
        padding: 0 15px;
    }
    .information-box .boxs1 .tbox .t2 span{
        margin-right: 15px;
    }

    .information-box .boxs2 .tbox .t1{
        font-size: 100px;
    }
    .information-box .boxs2 .tbox .t1 span{
        left: 53px;
        bottom: 14px;
        font-size: 14px;
        line-height: 20px;
    }
    .information-box .boxs2.b2 .tbox .t2{
        line-height: 20px;
    }

    
    .contact .box .box2, .contact .box .box4{
        padding-left: 150px;
    }

    .about3 .tbox{
        width: 100%;
        padding: 30px;
    }

}



@media only screen and (max-width: 1024px) {


    .header .right .menu{
        margin-right: 30px;
    }
    .header .right .menu li .menu-link{
        font-size: 14px;
    }


    .banner .g-box .box .tbox .t1{
        font-size: 24px;
    }
    .banner .g-box .box .tbox .t2{
        font-size: 16px;
        background-size: auto 100%;
    }


    .index-about .tbox .title,
    .index-service .is-list li .tbox .title,
    .index-news .box .title,
    .about-box1 .title,
    .about-box2 .title,
    .about-box3 .title,
    .about-box4 .box .title,
    .service-menu1 li span{
        font-size: 24px;
    }
    .index-about .tbox .icon{
        display: none;
    }

    .index-service .is-list li .tbox {
        min-height: 500px;
        padding: 50px 12% 0 25%;
    }
    .index-service .is-list li .tbox .img1{
        bottom: 40px;
    }
    .index-service .is-menu{
        padding-top: 80px;
    }
    .index-service .is-menu::after{
        height: 75px;
    }
    .index-service .is-menu li{
        font-size: 14px;
        padding-left: 45px;
    }
    .index-service .is-list li .tbox .txt{
        font-size: 14px;
    }
    
    .index-news .box .list li .time{
        font-size: 16px;
    }
    .index-news .box .list li .tbox .t1{
        font-size: 16px;
    }
    
    


    .index-news .box .list{
        margin-top: 40px;
    }

    .footer .box2 .box{
        text-align: center;
    }

    .yfzx-menu li span{
        font-size: 16px;
    }

    .about-box1 .tips{
        left: 6%;
    }

    .about-box1 .box1 .tbox .t1,
    .about-box1 .box1 .tbox .t3,
    .about-box1 .tboxs .t3{
        margin-top: 30px;
    }
    .about-box1 .box1 .tbox .t2, .about-box1 .tboxs .t2{
        font-size: 14px;
        line-height: 24px;
    }

    .about-box2 .pc-slide .view .box2-box2 .tbox{
        padding-top: 40px;
    }
    .about-box2 .pc-slide .view .box2-box2 .tbox .t3{
        margin-top: 25px;
    }
    .about-box2 .pc-slide .view .box2-box2 .tbox .t4{
        margin-top: 25px;
        font-size: 14px;
        line-height: 24px;
    }
    .about-box2 .pc-slide .preview .swiper-container{
        width: calc(100% - 100px);
    }
    .about-box2 .pc-slide .preview .arrow-left,
    .about-box2 .pc-slide .preview .arrow-right{
        width: 50px;
    }
    .about-box2 .pc-slide .preview .swiper-container .box2-box1{
        font-size: 14px;
    }


    .about-box3{
        padding: 80px 6% 74px;
    }
    .about-box3 .tips{
        left: 4%;
    }
    .about-box3 .list{
        margin-top: 40px;
        padding: 0 52px;
    }
    .about-box3 .list .honer-box .tbox .t1{
        font-size: 14px;
    }
    .about-box3 .list .honer-box .tbox .t2{
        font-size: 12px;
        line-height: 20px;
    }

    .about-box4 .tips{
        left: 4%;
    }
    .about-box4 .box{
        padding: 80px 6% 97px;
    }
    .about-box4 .box .title span{
        margin: 30px 0 0 40px;
    }
    .about-box4 .list .tbox-list{
        left: 10%;
    }

    .about-box4 .list .box4-box .txt{
        font-size: 14px;
    }

    .service-menu1 li.on{
        height: 90px;
        margin-top: 0;
    }
    .service-menu1 li.on a{
        padding-top: 16px;
    }

    .yfzx-box .boxs .tbox{
        padding-top: 0;
    }

    .scsb-box .boxs{
        flex-wrap: wrap;
    }
    .scsb-box .boxs .titles{
        width: 100%;
        padding-top: 0;
    }
    .scsb-box .boxs .titles .t2{
        margin: 27px 0 20px;
    }
    .scsb-box .boxs .list{
        width: 100%;
        margin-top: 50px;
    }

    .company-information .box .list{
        top: 55px;
    }
    .company-information .box .list .tbox{
        padding: 20px 0 20px 90px;
    }


    .banner-investor-box .t1,
    .banner-service .tbox1 .t1,
    .banner-news .tbox .t1,
    .banner-news .tbox .t2{
        font-size: 30px;
    }
    .banner-investor-box .t3,
    .banner-service .tbox1 .t3,
    .banner-news .tbox .t3{
        font-size: 18px;
    }

    .gj-box1{
        padding: 0 5%;
    }


    .information-box .boxs1 .tbox .t1{
        font-size: 90px;
    }
    .information-box .boxs1 .tbox .t1 span{
        left: 53px;
        bottom: 14px;
        font-size: 14px;
        line-height: 20px;
    }
    .information-box .boxs1 .tbox .t2{
        line-height: 20px;
    }


    .news .list1 li{
        padding: 50px 20px 21px;
        margin-right: 2.25%;
    }
    .news .list1 li .tbox{
        flex-wrap: wrap;
    }
    .news .list1 li .tbox .time{

    }
    .news .list1 li .tbox .title{
        padding-left: 0;
    }

    .yjbg .list.cwbg-list{
        margin: 60px auto 0;
    }


}


.header .right .menu-close{
    display: none;
}

@media only screen and (max-width: 960px) {
    .about2-box .left{
        width: 45%;
    }

    .rzzz .box li:nth-child(2){
        flex-direction: column-reverse;
    }
    .rzzz .box li .tbox,
    .rzzz .box li:nth-child(2) .tbox{
        width: 100%;
    }
    .rzzz .box li .img{
        width: 100%;
    }

}

@media only screen and (max-width: 768px) {


    .header .right{
        position: relative;
        width: 60px;
        margin-top: 0;
    }

    .header .right .menu-close{
        display: block;
        position: relative;
        z-index: 2;
        width: 60px;
        height: 75px;
        background: url(../image/m-icon1.png) center center no-repeat;
        background-size: 50px;
    }
    .header .right .menu-close.on{
        background: url(../image/m-icon2.png) center center no-repeat;
    }

    .header .right .box{
        width: 300px;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        background: rgba(0,0,0,.9);
        padding-top: 75px;
        display: none;
        overflow-y: scroll;
    }
    .header .right .menu{
        width: 100%;
        margin: 0;
        height: auto;
        float: initial;
    }
    .header .right .menu li{
        width: 100%;
        margin: 0;
        float: initial;
        height: auto;
        position: relative;
    }
    .header .right .menu li .menu-link{
        font-size: 20px;
        line-height: 60px;
        padding-left: 50px;
    }
    .header .right .menu li .s-menu{
        position: relative;
        top: 0;
        width: 100%;        
        padding: 0;
    }
    
    .header .right .menu li .s-menu.fw .s-menu-link, .header .right .menu li .s-menu.xw .s-menu-link{
        margin: 0;
        padding: 0;
    }
    .header .right .menu li .s-menu.fw,
    .header .right .menu li .s-menu.xw,
    .header .right .menu li .s-menu.tz{
        padding: 0 0 0 70px;
    }
    .header .right .menu li .s-menu .s-menu-link{
        width: 100%;
        display: block;
        font-size: 16px;
    }


    .header .right .search{
        margin: 0 30px 0 50px;
    }
    .header .right .language{
        float: left;
        border-left: none;
        /* padding-left: 0; */
    }

    .footer{
        padding-top: 0;
    }
    .footer .box1{
        display: none;
    }
    .footer .box2 .box .copyright{
        line-height: 20px;
    }

    .banner .swiper-slide a .tboxs .t1{
        font-size: 22px;
        letter-spacing: 24px;
    }
    .banner .swiper-slide a .tboxs .t2{
        font-size: 12px;
        letter-spacing: 6px;
    }

    .banner .swiper-slide a .tboxs .t3{
        margin: 25px auto 0;
    }
    
    .banner .g-box .box .tbox {
        padding-left: 80px;
        background: url(../image/icon3.png) 30px top no-repeat;
    }
    .banner .g-box .box .tbox .t1{
        font-size: 18px;
    }
    .banner .swiper-pagination{
        right: 20px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet{
        margin-bottom: 25px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet::before{
        height: 32px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet-active::after{
        display: none;
    }
    .banner .mouse {
        bottom: 95px;
    }

    .index-about .tbox{
        width: 100%;
        position: relative;
        top: 0;
        transform: translateY(0);
        padding: 40px 4% 40px 10%;
    }
    .index-about .tbox .tips{
        left: 5.4%;
    }
    .index-about .video{
        float: initial;
        width: 100%;
    }

    .index-service .is-menu{
        left: 0;
        width: 100%;
        top: initial;
        height: auto;
        bottom: 10px;
    }
    .index-service .is-menu::after{
        display: none;
    }
    .index-service .is-menu ul{
        display: flex;
        justify-content: space-around;
    }
    .index-service .is-menu li.on{
        font-size: 14px;
        margin-top: -4px;
    }
    .index-service .is-menu li{
        margin-bottom: 0;
    }
    .index-service .is-menu li::before{
        display: none;
    }

    .index-service .is-list li .link{
        display: none;
    }
    .index-service .is-list li .tbox{
        padding: 50px 12% 0 8%;
    }
    .index-service .is-list li:nth-child(1) .tbox .txt{
        width: 60%;
    }
    .index-service .is-list li .tbox .img1{
        bottom: 100px;
    }

    .index-news .box .list{
        padding-right: 0;
    }
    .index-news .box .list li .time{
        width: 100%;
    }
    .index-news .box .list li .tbox{
        width: 100%;
    }

    .idnex-contact .box .tbox{
        padding: 20px 0;
    }
    .idnex-contact .box .tbox:first-child {
        padding-left: 82px;
        background: url(../image/icon9.png) 45px 20px no-repeat;
        background-size: 30px;
    }
    .idnex-contact .box .tbox:nth-child(2) {
        padding-left: 8%;
        background: url(../image/icon9-1.png) 9% 20px no-repeat;
        background-size: 30px;
    }
    .idnex-contact .box .tbox:nth-child(3) {
        padding-left: 8%;
        background: url(../image/icon10.png) 9% 20px no-repeat;
        background-size: 30px;
    }



    .yfzx-menu li{
        padding: 0 35px;
    }

    .about-box1 .box1{
        flex-wrap: wrap;
    }
    .about-box1 .box1 .tbox{
        width: 100%;
    }
    .about-box1 .box1 .video{
        width: 100%;
        margin-top: 32px;
    }


    .about-box4 .list .tbox-list li{
        width: 230px;
    }

    .about-box4 .list .box4-prev {
        width: 135px;
        height: 48px;
        line-height: 48px;
        padding-left: 60px;
        font-size: 12px;
        color: #fff;
        background: #313131 url(../image/icon50.png) 7px center no-repeat;
    }
    .about-box4 .list .box4-prev:hover{
        background: #ff0000 url(../image/icon50.png) 7px center no-repeat;
    }
    .about-box4 .list .box4-next {
        width: 135px;
        padding-left: 20px;
        background: #313131 url(../image/icon51.png) 75px center no-repeat;
        left: calc(100% + 135px);
    }
    .about-box4 .list .box4-next:hover{
        background: #ff0000 url(../image/icon51.png) 75px center no-repeat;
    }

    .about2{
        padding: 68px 0 72px;
    }
    .about2-box .left{
        width: 100%;
        border-right: none;
    }
    .about2-box .left li{
        margin-bottom: 35px;
    }
    .about2-box .left li .t2{
        margin-top: 15px;
    }
    .about2-box .list{
        width: 100%;
        padding: 0 30px;
        margin-top: 60px;
    }

    .service-box2 .box .boxs .tbox{
        width: 45%;
    }


    .service-wlzw{
        flex-wrap: wrap;
    }
    .service-wlzw .img{
        display: none;
    }
    .service-wlzw .tbox{
        width: 100%;
        padding: 87px 5.5%;
    }

    .yfzx-box .boxs .tbox{
        width: 60%;
    }


    .scsb-box::after{
        height: 90px;
    }
    .scsb-box .boxs{
        padding: 45px 30px;
    }
    

    .corporate-governance{
        padding: 68px 0;
    }
    .corporate-governance .list{
        margin: 70px auto 0;
    }

    .banner-investor-box .t1, 
    .banner-service .tbox1 .t1, 
    .banner-news .tbox .t1, 
    .banner-news .tbox .t2{
        font-size: 24px;
    }
    .banner-investor-box .t2{
        margin: 15px 0 15px 12px;
    }
    .company-information .box .list{
        top: 23px;
    }
    .company-information .box .list .swiper-slide{
        padding: 0 20px;
    }
    .company-information .box .list .tbox{
        padding: 10px 0 10px 90px;
    }

    .yjbg .gb-box .tbox{
        width: 100%;
    }
    .yjbg .gb-box .img{
        display: none;
    }

    .gj-box1 .tbox{
        flex-wrap: wrap;
    }
    .gj-box1 .tbox .tbox1{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dcdcdc;
        padding: 30px 0;
    }
    .gj-box1 .tbox .tbox2{
        width: 100%;
    }

    .information-box .boxs1 .img, .information-box .boxs2 .img, .information-box .boxs2 .img{
        display: none;
    }
    .information-box .boxs1 .tbox{
        width: 100%;
        padding: 10px 0;
    }
    .information-box .boxs2 .tbox{
        width: 50%;
    }
    .information-box .boxs2.b2 .tbox:last-child .t1 span{
        bottom: 0;
    }
    .information-box .boxs2 .tbox .t1 span{
        line-height: 24px;
        background: #f5f5f5;
        left: 47px;
        width: 100px;
        display: flex;
        justify-content: start;
    }

    .news-menu li{
        margin: 0 30px;
    }
    .news .list1 li{
        width: 47.25%;
    }
    .news .list1 li:nth-child(3n){
        margin-right: 2.75%;
    }
    .news .list1 li:nth-child(2n){
        margin-right: 0;
    }
    .news .list1 li .tbox .title{
        line-height: 24px;
    }
    .news-info .box{
        width: 80%;
    }
    .news-info .box .title{
        font-size: 16px;
        line-height: 20px;
    }
    .news-info .box .other .s1, .news-info .box .other .s2{
        padding-left: 20px;
        margin: 0 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .news .list2 li .box .time{
        width: 15%;
    }
    .news .list2 li .box .tbox{
        width: 54%;
        padding-top: 0;
    }
    .news .list2 li .box .tbox .txt{
        margin-top: 10px;
    }
    .news .list2 li .box .tbox .more{
        margin-top: 0;
    }

    .news-info .box .share{
        left: -50px;
        width: 50px;
    }

    .contact{
        padding: 100px 0;
    }
    .contact .box .box2, .contact .box .box4{
        padding-left: 50px;
    }
    .contact .box .box2 .tbox, .contact .box .box2 .tboxs{
        width: 100%;
    }


}



.about-box4 .list .tbox-list li .year{
    display: none;
}



@media only screen and (max-width: 460px) {

    .header{
        height: 50px;
    }
    .header .logo{
        width: 150px;
    }
    .header .right{
        width: 30px;
    }
    .header .right .menu-close{
        width: 100%;
        height: 50px;
        background-size: 100%;
    }
    .header .right .menu-close.on{
        background-size: 100%;
    }
    .header .right .box{
        width: 240px;
    }
    .header .right .menu li .menu-link{
        font-size: 16px;
        line-height: 50px;
        color:#fff;
    }
    .header .right .menu li .s-menu .s-menu-link{
        line-height: 50px;
    }





    .search-boxs{
        top: 50px;
    }
    .search-boxs .box{
        margin: 15px auto 0;
    }


    /* .banner .g-box{
        display: none;
    } */

    .banner .g-box{
        padding: 10px;
    }
    .banner .g-box .box{
        padding: 0;
    }
    .banner .g-box .box .tbox {
        width: 49%;
        padding-left: 30px;
        background: url(../image/icon3.png) 3px top no-repeat;
        background-size: 20px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .banner .g-box .box .tbox:last-child{
        padding-right: 0;
        margin-left: 1%;
    }
    .banner .g-box .box .tbox .t2{
        font-size: 12px;
        margin-top: 5px;
        padding-right: 5px;
    }

    .banner .swiper-slide a .tboxs{
        display: none;
    }
    .banner .mouse{
        display: none;
    }
    .banner .swiper-pagination{
        display: none;
    }

    .index-about .tbox{
        padding: 40px 5%;
    }
    .index-about .tbox .tips{
        display: none;
    }

    .index-service .tips{
        display: none;
    }
    .index-service .is-menu{
        left: 0;
        width: 100%;
        top: initial;
        height: auto;
        bottom: 10px;
    }
    .index-service .is-menu ul{
        display: flex;
        justify-content: space-around;
    }
    .index-service .is-menu li.on{
        font-size: 12px;
        margin-top: -4px;
    }
    .index-service .is-menu li{
        margin-bottom: 0;
        padding-left: 20px;
        font-size: 12px;
    }
    .index-service .is-menu li span{
        width: 18px;
        height: 18px;
    }
    .index-service .is-menu li span::after{
        width: 6px;
        height: 6px;
    }
    .index-service .is-menu li.on span{
        width: 18px;
        height: 18px;
    }
    .index-service .is-menu li.on span::after{
        width: 6px;
        height: 6px;
    }

   
    .index-service .is-list li .tbox{
        padding: 50px 5%;
    }
    .index-service .is-list li .tbox .img{
        display: none;
    }
    .index-service .is-list li .tbox .img1{
        display: none;
    }
    .index-service .is-list li:nth-child(1) .tbox .txt,
    .index-service .is-list li:nth-child(2) .tbox .txt,
    .index-service .is-list li:nth-child(3) .tbox .txt,
    .index-service .is-list li:nth-child(4) .tbox .txt{
        width: 100%;
    }


    .index-news{
        padding: 60px 0;
    }
    .index-news .tips{
        display: none;
    }
    .index-news .box{
        width: 90%;
    }

    .idnex-contact{
        display: none;
    }
    .index-news .box .link{
        display: none;
    }


    .yfzx-menu li{
        padding: 0 10px;
    }
    .yfzx-menu li a{
        font-size: 12px;
    }
    .yfzx-menu li.on a{
        margin-top: 0;
    }
    .yfzx-menu li.on::after{
        margin: 10px auto 0;
    }

    .about-box1 .tips{
        display: none;
    }
    .about-box1{
        padding: 50px 5%;
    }
    .about-box2{
        padding: 50px 5%;
    }
    .about-box2 .tips{
        display: none;
    }
    .about-box2 .title{
        padding-left: 0;
    }
    .about-box2 .pc-slide .view{
        padding: 0;
    }
    .about-box2 .pc-slide .view .box2-box2{
        flex-wrap: wrap;
    }
    .about-box2 .pc-slide .view .box2-box2 .tbox{
        width: 100%;
    }
    .about-box2 .pc-slide .view .box2-box2 .img{
        display: none;
    }
    .about-box2 .pc-slide .preview .swiper-container{
        width: calc(100% - 60px);
    }
    .about-box2 .pc-slide .preview .arrow-left, 
    .about-box2 .pc-slide .preview .arrow-right{
        width: 30px;
    }

    .about-box3 .tips{
        display: none;
    }
    .about-box3 .title{
        padding-left: 0;
    }
    .about-box3 .list{
        padding: 0;
    }

    .banner-service .tbox1{
        display: none;
    }
    .service-menu1 li, .service-menu1 li.on{
        height: 64px;
    }
    .service-menu1 li span{
        font-size: 18px;
        margin-bottom: 0;
    }
    .service-box1 .box{
        padding: 50px 5%;
    }
    .service-box1 .box .img{
        display: none;
    }
    .service-box1 .box .boxs{
        width: 100%;
    }
    .service-box2 .box{
        padding: 50px 5%;
    }
    .service-box2 .box .boxs{
        padding: 0;
    }
    .service-box2 .box .boxs .tbox{
        width: 100%;
    }
    .service-box2 .box .img{
        display: none;
    }
    .service-box2 .box .boxs .tbox, .service-box2 .box .boxs .tbox:nth-child(3){
        margin-bottom: 44px;
    }

    .service-scjx .box{
        padding: 50px 5%;
    }
    .service-scjx .box .txt{
        font-size: 18px;
        line-height: 24px;
    }
    .service-scjx .box .tbox{
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .service-scjx .box .tbox .list{
        width: 100%;
    }
    .service-scjx .box .tbox .img{
        width: 100%;
    }
    .service-wlzw .tbox .boxs .wlzw-menu .prev{
        left: -40px;
    }
    .service-wlzw .tbox .boxs .wlzw-menu .next{
        right: -40px;
    }

    .yfzx-box .boxs{
        padding: 50px 5%;
        flex-wrap: wrap;
    }
    .yfzx-box .boxs .img{
        width: 100%;
    }
    .yfzx-box .boxs .tbox{
        width: 100%;
        margin-top: 50px;
    }

    .banner-investor-box{
        display: none;
    }
    .corporate-governance .list{
        width: 90%;
        padding: 0;
        border-top: none;
    }
    .corporate-governance .list ul{
        flex-wrap: wrap;
    }
    .corporate-governance .list li{
        width: 50%;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .corporate-governance .list li .t1{
        width: 100%;
    }
    .company-information .box{
        display: block;
        padding: 50px 5%;
        margin: 0;
    }
    .company-information .box .bg{
        display: none;
    }
    .company-information .box .img{
        width: 100%;
    }

    .company-information .box .list{
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
    }

    .cwzy .list{
        margin-top: 50px;
    }
    .cwzy .list li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .search-box{
        width: 90%;
        margin: 30px auto;
    }

    .yjbg .list li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
    }
    .yjbg .list li:nth-child(4n){
        margin-right: 4%;
    }
    .yjbg .list li:nth-child(2n){
        margin-right: 0;
    }

    .yjbg .gb-box .tbox{
        margin-top: 40px;
    }
    .yjbg .gb-box .tbox .lists{
        margin-top: 30px;
    }

    .yjbg .list2{
        margin: 50px auto 0;
    }
    .yjbg .list2 li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
    }
    .yjbg .list2 li:nth-child(4n){
        margin-right: 4%;
    }
    .yjbg .list2 li:nth-child(2n){
        margin-right: 0;
    }

    .gj-box1 .tbox .tbox2 li{
        width: 50%;
    }
    .gj-box2 .menu1 ul li{
        margin: 0 10px;
    }
    
    .information-box .boxs2{
        flex-wrap: wrap;
    }
    .information-box .boxs2 .tbox{
        width: 100%;
        background: #f5f5f5;
        margin-bottom: 7px;
        padding: 10px 0;
    }

    .banner-news .tbox{
        display: none;
    }

    .news-menu li{
        width: 30%;
        margin: 0 1.6%;
    }
    .news-menu li a{
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .news-menu li a::after{
        left: 5px;
        top: 5px;
    }
    .news .list1 li{
        width: 100%;
        margin-top: 30px;
    }
    .news-info .box{
        width: 75%;
        padding: 30px 3%;
    }

    .news .list2 li .box{
        padding: 30px 5%;
        flex-wrap: wrap;
    }
    .news .list2 li .box .time{
        width: 100%;
        margin: 0;
    }
    .news .list2 li .box .time span{
        display: inline-block;
        font-size: 18px;
        margin-right: 10px;
    }
    .news .list2 li .box .img{
        width: 100%;
        margin: 0;
    }
    .news .list2 li .box .tbox{
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .contact .box{
        padding: 0 5%;
    }
    .contact .box::after, .contact::after{
        display: none;
    }
    .contact .box .box1, .contact .box .box2, .contact .box .box3, .contact .box .box4{
        width: 100%;
        height: auto;
    }
    .contact .box .box2, .contact .box .box4{
        padding-left: 0;
    }

    .contact .box .box1 .title{
        margin-bottom: 20px;
    }
    .contact .box .box1 .t2{
        margin-top: 20px;
    }
    .contact .box .box1 .t3{
        margin-top: 20px;
        background: url(../image/icon40.png) left 5px no-repeat;
    }
    .contact .box .box2{
        padding-top: 60px;
    }
    .contact .box .box2 .tbox span{
        font-size: 14px;
    }
    .contact .box .box2 .tbox .t1{
        height: 40px;
    }
    .contact .box .box2 .tboxs span{
        font-size: 14px;
    }
    .contact .box .box3{
        padding-top: 60px;
    }
    .contact .box .box3 .img{
        margin-top: 20px;
    }
    .contact .box .box4{
        padding-top: 60px;
    }
    .contact .box .box4 .shares{
        margin-top: 20px;
    }

    .about-box4{
        background-size: auto 100%;
    }
    .about-box4 .tips{
        display: none;
    }
    .about-box4 .box{
        padding: 30px 5%;
    }
    .about-box4 .box .title{
        padding: 0;
    }
    .about-box4 .list{
        padding: 0 0 30px;
    }
    .about-box4 .list .swiper-container{
        display: none;
    }
    .about-box4 .list .box4-next, .about-box4 .list .box4-prev{
        display: none;
    }
    .about-box4 .list .tbox-list{
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 0 5%;
    }
    .about-box4 .list .tbox-list li{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .about-box4 .list .tbox-list li.on{
        display: flex;
    }
    .about-box4 .list .tbox-list li .year{
        display: block;
        width: 15%;
        text-align: center;
        font-weight: bold;
    }
    .about-box4 .list .tbox-list li .img{
        width: 35%;
    }
    .about-box4 .list .tbox-list li .tbox{
        width: 50%;
        padding: 5px;
        border-top: none;
    }
    .about-box4 .list .tbox-list li .tbox .t1{
        font-size: 14px;
    }
    .about-box4 .list .tbox-list li .tbox .t2{
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }





}