/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: Arial, 微软雅黑, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; object-fit: cover;}
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

.header{ height: 120px; position: fixed; z-index: 1; width: 100%; top: 0; left: 0; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.15);}
.header .container{ position: relative;}
.header .logo{ height: 120px; line-height: 120px; width: 24%; float: left; margin: 0;}
.header .pc-nav{ width: 76%; float: left; }
.header .pc-nav li{ height: 120px; line-height: 120px; float: left; position: relative; padding: 0 20px;}
.header .pc-nav li > a{ display: inline-block; width: 100%; text-align: center; font-size: 1.6em; color: #333; position: relative;}
.header .pc-nav li > a::before{ content: ""; position: absolute; bottom: 0; left: 0; background: #d0111b; height: 3px; width: 0; transition: all .3s; border-radius: 3px;}
/* .header .pc-nav li:hover > a, .header .pc-nav li.on > a{ color: #d0111b;} */
.header .pc-nav li:hover > a::before, .header .pc-nav li.on > a::before{ width: 100%;}
.header .pc-nav li dl{ margin-bottom: 0; position: absolute; width: 120%; background: #fff; top: 100%; left: 50%; animation-name: layui-upbit;  animation-fill-mode: both; animation-duration: .3s; display: none; box-shadow: 0 3px 10px rgba(0,0,0,.15); border-radius: 0 0 6px 6px; overflow: hidden;}
.header .pc-nav li:hover dl{ display: block;}
.header .pc-nav li dd{ height: 45px; line-height: 45px; text-align: center; border-bottom: 1px dashed #ccc;}
.header .pc-nav li dd:last-child{ border-bottom: none;}
.header .pc-nav li dd a{ font-size: 1.4em; color: #333; display: inline-block; width: 100%;}
.header .pc-nav li dd:hover{ background: #d0111b;}
.header .pc-nav li dd:hover a{ color: #fff;}
.header .pc-search{ height: 45px; line-height: 45px; top: 50%; transform: translateY(-50%); text-align: right; width: 3%; float: left; position: absolute; right: 0; cursor: pointer;}
.header .pc-search span{ display: inline-block; cursor: pointer;}
.header .pc-search:hover span{ opacity: 0;}
.header .pc-search .box{ position: absolute; width: 300px; height: 45px; top: 50%; transform: translate(-200px,-50%); opacity: 0; visibility: hidden; transition: all .3s;}
.header .pc-search:hover .box{ opacity: 1; visibility: visible; transform: translate(-248px,-50%);}
.header .pc-search .box input[type="text"]{ width: 255px; float: left; height: 45px; border: 1px solid #ccc; border-radius: 6px 0 0 6px; border-right: none; padding: 0 15px; font-size: 1.4em;}
.header .pc-search .box input[type="submit"]{ width: 45px; height: 45px; float: left; border: 1px solid #ccc; border-left: none; background: url(../images/search-icon.png) no-repeat center #fff; border-radius: 0 6px 6px 0; background-size: 20px;}


@-webkit-keyframes layui-upbit {
	from {
		-webkit-transform: translate3d(0,-30px,0);
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		-webkit-transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

@keyframes layui-upbit {
	from {
		transform: translate3d(0,-30px,0) ;
        transform: translateX(-50%);
		opacity: .3
	}

	to {
		transform: translate3d(0,0,0);
        transform: translateX(-50%);
		opacity: 1
	}
}

.header .nav-btn { height: 60px; line-height: 60px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #d0111b; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 100%; height: 100%; top: 0; right: -100%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #d0111b; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left; height: 60px; line-height: 60px;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li{ width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; position: relative;}
.nav li>a { display: inline-block; width: 80%; padding-left: 30px; height: 100%; font-size: 1.4em; color: #333; }
.nav li i{ position: absolute; font-size: 1.8em; color: #333; right: 20px; top: 18px; transition: all .3s;}
.nav li.on i{ transform: rotate(90deg);}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-indent: 4em; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.header .search{ padding:0 15px; text-align:right;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #d0111b; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding-right: 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#d0111b; color:#fff; line-height:40px;}
.header .search-box select{ position: absolute; width: 18%; top: 0; left: 0; height: 100%; padding: 0 10px; font-size: 1.4em; color: #333; border: none;}


.banner{ height: 31.25vw; position: relative; z-index: 0; margin-top: 120px;}
.banner .swiper-container, .banner .swiper-wrapper{ width: 100%; height: 100%;}
.banner .swiper-slide a{ display: inline-block; width: 100%; height: 100%;}
.banner .swiper-pagination{ bottom: 15px;}
.banner .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 7.5px !important; border-radius: 8px;}
.banner .swiper-pagination-bullet-active{ background: #d0111b; width: 25px;}

.i-about{ padding: 90px 0 100px;}
.i-about .img{ width: 685px; float: left;}
.i-about .box{ width: 615px; float: left; padding-left: 65px;}
.i-about .box .top .cn{ font-size: 2.6em; color: #d0111b;}
.i-about .box .top .en{ font-size: 1.4em; color: #999; margin-top: 10px; text-transform: uppercase;}
.i-about .box .top .line{ margin-top: 30px;}
.i-about .box .top .line i{ display: inline-block; width: 150px; height: 4px; background: #d0111b;}
.i-about .box .text{ font-size: 1.4em; color: #333; line-height: 24px; text-indent: 2em; margin-top: 40px; text-align: justify;}
.i-about .box .btns{ margin-top: 44px;}
.i-about .box .btns a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.i-about .box .btns a i{ font-size: 1.2em; margin-left: 5px;}
.i-about .box .btns a:hover{ background: #fff; color: #d0111b;}

.index-title{ text-align: center;}
.index-title .cn{ font-size: 2.6em; color: #d0111b;}
.index-title .en{ font-size: 1.4em; color: #999; margin-top: 10px; text-transform: uppercase;}

.i-news{ background: #f8f8f8; padding: 35px 0 80px; overflow: hidden; position: relative; z-index: 0;}
.i-news .box{ margin-top: 40px; overflow: hidden;}
.i-news .box .inews-left{ width: 460px; float: left; position: relative;}
.i-news .box .inews-left .img{ overflow: hidden; height: 300px; position: relative;}
.i-news .box .inews-left .img img{ position: absolute; width: 100%; height: 100%;}
.i-news .box .inews-left .text{ height: 80px; width: 100%; background: #fff;}
.i-news .box .inews-left .text .date{ width: 100px; float: left; background: #d0111b; color: #fff; text-align: center; height: 100%; padding: 10px 0;}
.i-news .box .inews-left .text .date span{ font-size: 3.4em; font-family: "Impact"; display: inline-block; line-height: 40px;}
.i-news .box .inews-left .text .date p{ font-size: 1.4em; text-align: center;}
.i-news .box .inews-left .text .title{ width: 360px; float: left; height: 100%; font-size: 1.4em; color: #333; line-height: 22px; padding: 18px 20px;}
.i-news .box .inews-left .swiper-button-next{ background: #d0111b; right: 20px;}
.i-news .box .inews-left .swiper-button-prev{ background: rgba(0,0,0,.5); left: auto; right: 55px;}
.i-news .box .inews-left .swiper-button-next, .i-news .box .inews-left .swiper-button-prev{ width: 28px; height: 28px; top: 74%;}
.i-news .box .inews-left .swiper-button-next i, .i-news .box .inews-left .swiper-button-prev i{ font-size: 1.6em; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.i-news .box .inews-left .swiper-button-next:after, .i-news .box .inews-left .swiper-button-prev:after{ display: none;}
.i-news .box .inews-right{ width: 840px; float: left;}
.i-news .box .inews-right ul{ padding-left: 10px; margin-right: -10px;}
.i-news .box .inews-right li{ width: 33.33333%; float: left; padding: 0 10px;}
.i-news .box .inews-right li a{ display: block; background: #fff; padding: 30px 30px 20px;}
.i-news .box .inews-right li .title{ font-size: 1.8em; color: #333; margin: 0; line-height: 28px; padding-right: 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-news .box .inews-right li .text{ text-align: justify; height: 120px; font-size: 1.4em; color: #999; line-height: 24px; margin-top: 18px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.i-news .box .inews-right li .date{ margin-top: 20px; font-size: 1.4em; color: #333;}
.i-news .box .inews-right li .btns{ margin-top: 56px;}
.i-news .box .inews-right li .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.i-news .box .inews-right li .btns span i{ font-size: 1.2em; margin-left: 5px;}
.i-news .box .inews-right li:hover a{ background: #d0111b;}
.i-news .box .inews-right li:hover .title, .i-news .box .inews-right li:hover .text, .i-news .box .inews-right li:hover .date{ color: #fff;}
.i-news .box .inews-right li:hover .btns span{ background: #fff; color: #d0111b;}

.i-djdt{ padding: 50px 0 100px;}
.i-djdt .hot{ overflow: hidden; background: #f8f8f8; margin-top: 45px;}
.i-djdt .hot .box{ width: 50%; float: left; padding: 70px 40px 50px;}
.i-djdt .hot .box h4{ font-size: 1.8em; color: #333; margin: 0; line-height: 32px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-djdt .hot .box .text{ font-size: 1.4em; color: #999; line-height: 24px; text-align: justify; margin-top: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.i-djdt .hot .box .other{ margin-top: 25px; overflow: hidden;}
.i-djdt .hot .box .other .date{ font-size: 1.4em; color: #333; width: 20%; float: left; padding-top: 10px;}
.i-djdt .hot .box .other .btns{ width: 80%; float: left; text-align: right;}
.i-djdt .hot .box .other .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.i-djdt .hot .box .other .btns span:hover{ background: #fff; color: #d0111b;}
.i-djdt .hot .box .other .btns span i{ font-size: 1.2em; margin-left: 5px;}
.i-djdt .hot .img{ width: 50%; float: right; overflow: hidden; height: 350px; position: relative;}
.i-djdt .hot .img img{ transition: all .3s; position: absolute; width: 100%; height: 100%;}
.i-djdt .hot .img:hover img{ transform: scale(1.08);}
.i-djdt .list{ overflow: hidden; margin-top: 40px;}
.i-djdt .list ul{ margin: 0 -15px;}
.i-djdt .list li{ width: 33.3333%; float: left; padding: 0 15px;}
.i-djdt .list li a{ background: #f8f8f8; display: block; padding: 25px;}
.i-djdt .list li .title{ margin: 0; font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-djdt .list li .text{ font-size: 1.4em; color: #999; line-height: 24px; height: 48px; margin-top: 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-djdt .list li .date{ font-size: 1.4em; color: #333; margin-top: 20px;}
.i-djdt .list li:hover a{ background: #d0111b;}
.i-djdt .list li:hover .title, .i-djdt .list li:hover .text, .i-djdt .list li:hover .date{ color: #fff;}

.i-rcfz{ background: url(../images/ircfz-bg.jpg) no-repeat center top; padding: 50px 0;}
.i-rcfz .index-title .cn, .i-rcfz .index-title .en{ color: #fff;}
.i-rcfz .list{ margin-top: 50px; overflow: hidden;}
.i-rcfz .list ul{ margin: 0 -10px;}
.i-rcfz .list li{ width: 25%; float: left; padding: 0 10px;}
.i-rcfz .list li a{ display: block; padding: 25px; background: #f8f8f8;}
.i-rcfz .list li .title{ font-size: 1.8em; color: #333; margin: 0; text-align: justify; line-height: 32px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.i-rcfz .list li .text{ font-size: 1.4em; color: #999; line-height: 24px; height: 144px; text-align: justify; margin-top: 15px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.i-rcfz .list li .date{ margin-top: 20px; font-size: 1.4em; color: #333;}
.i-rcfz .list li .btns{ margin-top: 40px;}
.i-rcfz .list li .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.i-rcfz .list li .btns span i{ font-size: 1.2em; margin-left: 5px;}
.i-rcfz .list li:hover a{ background: #d0111b;}
.i-rcfz .list li:hover .title, .i-rcfz .list li:hover .text, .i-rcfz .list li:hover .date{ color: #fff;}
.i-rcfz .list li:hover .btns span{ background: #fff; color: #d0111b;}

.i-tzz{ padding: 50px 0 95px;}
.i-tzz .box{ width: 736px; float: left; padding-right: 35px;}
.i-tzz .box .index-title{ text-align: left;}
.i-tzz .box .list{ margin-top: 24px;}
.i-tzz .box .list li{ padding: 22px 30px 20px; overflow: hidden; background: #f8f8f8;}
.i-tzz .box .list li+li{ margin-top: 15px;}
.i-tzz .box .list li .text{ width: 85%; float: left;}
.i-tzz .box .list li .text .title{ margin: 0; font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-tzz .box .list li .text .date{ font-size: 1.4em; color: #999; margin-top: 15px;}
.i-tzz .box .list li .icon{ width: 15%; float: left; text-align: center;}
.i-tzz .box .list li .icon span{ display: inline-block; width: 35px; height: 27px; background: url(../images/itzz-icon.png) no-repeat center;}
.i-tzz .box .list li .icon p{ font-size: 1.4em; color: #333; text-align: center; margin-top: 2px;}
.i-tzz .box .list li .text:hover .title{ color: #d0111b;}
.i-tzz .box .list li .icon:hover span{ background: url(../images/itzz-icon2.png) no-repeat center;}
.i-tzz .box .list li .icon:hover p{ color: #d0111b;}
.i-tzz .img{ width: 564px; float: left;}

.footer{ background: #f8f8f8; padding-top: 46px;}
.footer .foot-nav{ height: 45px; width: 80%; float: left;}
.footer .foot-nav li{ float: left; height: 45px; line-height: 45px;}
.footer .foot-nav li+li{ margin-left: 50px;}
.footer .foot-nav li a{ font-size: 1.6em; color: #333;}
.footer .foot-nav li:hover a{ color: #d0111b;}
.footer .foot-link{ width: 20%; float: left; position: relative;}
.footer .foot-link select{ width: 100%; height: 45px; border: none; background: #d0111b; font-size: 1.4em; color: #fff; text-indent: 2em; appearance:none; position: relative; z-index: 0;}
.footer .foot-link i{ display: inline-block; position: absolute; width: 4px; height: 6px; border-top: 10px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 6px solid transparent; right: 10px; top: 66%; transform: translateY(-50%); z-index: 1;}
.footer .box{ overflow: hidden; border-top: 1px solid #dcdcdc; margin-top: 30px; padding: 15px 0 30px;}
.footer .box .foot-xx{ float: left; width: 80%;}
.footer .box .foot-xx li{ font-size: 1.4em; color: #838383; line-height: 30px;}
.footer .box .foot-xx li span{ color: #333;}
.footer .box .foot-logo{ height: 120px; line-height: 120px; text-align: right; width: 20%; float: left;}
.foot-copy{ background: #eee; text-align: center; padding: 20px 15px; font-size: 1.4em; color: #333;}
.foot-copy a{ color: #333;}

.page-banner{ height: 15.625vw; margin-top: 120px;}
.page-banner .container{ height: 100%; position: relative;}
.page-banner .box{ position: absolute; top: 50%; transform: translateY(-50%);}
.page-banner .box .t{ font-size: 2.8em; font-weight: bold; color: #fff; line-height: 30px;}
.page-banner .box .p{ font-size: 1.4em; color: #fff; margin-top: 10px;}

.page-top{ height: 60px; border-bottom: 1px solid #e5e5e5;}
.page-top .mbx{ height: 60px; line-height: 60px; float: left; position: relative; padding-left: 40px; font-size: 1.4em; color: #333;}
.page-top .mbx i{ display: inline-block; width: 21px; height: 20px; background: url(../images/mbx-icon.png) no-repeat center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.page-top .mbx a{ color: #333;}
.page-top .mbx a:hover{ color: #d0111b;}
.page-top .page-nav{ float: right;}
.page-top .page-nav li{ float: left; height: 60px; line-height: 60px;}
.page-top .page-nav li+li{ margin-left: 40px;}
.page-top .page-nav li a{ font-size: 1.4em; color: #333; position: relative; display: block;}
.page-top .page-nav li a::before{ content: ""; position: absolute; width: 0; height: 3px; background: #d0111b; bottom: 0; left: 0; transition: all .3s;}
.page-top .page-nav li.on a::before, .page-top .page-nav li:hover a::before{ width: 100%;}
.page-top .page-nav li.on a, .page-top .page-nav li:hover a{ color: #d0111b;}

.about-box1{ padding: 70px 0 80px; overflow: hidden;}
.about-box1 .img{ width: 50%; float: left;}
.about-box1 .text{ width: 50%; float: left; padding-left: 65px;}
.about-box1 .text .t{ font-size: 3em; color: #d0111b; margin-top: 40px;}
.about-box1 .text .p{ font-size: 1.4em; color: #333; line-height: 24px; text-indent: 2em; margin-top: 20px;}

.about-box2{ background: url(../images/about-box2-bg.jpg) no-repeat center; background-size: cover; padding: 70px 0;}
.about-box2 .top .cn{ font-size: 3em; font-weight: bold; color: #fff; line-height: 30px;}
.about-box2 .top .en{ font-size: 2em; color: #fff; margin-top: 10px; line-height: 20px;}
.about-box2 .top .line{ width: 180px; height: 3px; background: #fff; margin-top: 24px;}
.about-box2 .text{ font-size: 1.4em; color: #fff; line-height: 24px; margin-top: 25px;}

.about-box3{ padding: 70px 0 80px; position: relative; z-index: 0;}
.about-box3 .top{ text-align: center; font-size: 3em; color: #d0111b;}
.about-box3 .box{ margin-top: 50px;}
.about-box3 .box .mySwiper2{ padding: 0 100px 20px;}
.about-box3 .box .mySwiper2 .list{ overflow: hidden; position: relative;}
.about-box3 .box .mySwiper2 .list .swiper-slide{ width: 16.6667%; text-align: center; cursor: pointer;}
.about-box3 .box .mySwiper2 .list .swiper-slide .year{ height: 30px; line-height: 40px; margin-bottom: 25px; font-size: 2.2em; font-weight: bold; color: #a4a4a4;}
.about-box3 .box .mySwiper2 .list .swiper-slide .icon{ width: 30px; height: 30px; position: relative; margin: 0 auto;}
.about-box3 .box .mySwiper2 .list .swiper-slide .icon i{ display: inline-block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; background: rgba(162,162,162,.5);}
.about-box3 .box .mySwiper2 .list .swiper-slide .icon i::before{ content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #a2a2a2; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .year{ font-size: 3.2em; line-height: 34px; color: #d0111b;}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .icon i{ width: 30px; height: 30px; background: rgba(208, 17, 27, 0.5);}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .icon i::before{ background: #d0111b; width: 6px; height: 6px;}
.about-box3 .box .mySwiper2 .line{ position: absolute; width: 100%; height: 1px; background: #d2d2d2; z-index: 0; bottom: 14px; left: 0;}

.about-box3 .box .mySwiper{ overflow: inherit;}
.about-box3 .box .mySwiper .list{ overflow: hidden;}
.about-box3 .box .mySwiper .swiper-slide{ padding: 50px 100px 0;}
.about-box3 .box .mySwiper .swiper-slide .text{ width: 58.16%; float: left; padding-right: 30px;}
.about-box3 .box .mySwiper .swiper-slide .text .t{ font-size: 3.4em; color: #d0111b; font-weight: bold; margin-top: 10px;}
.about-box3 .box .mySwiper .swiper-slide .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 20px;}
.about-box3 .box .mySwiper .swiper-slide .img{ width: 41.83%; float: right;}
.about-box3 .box .mySwiper .swiper-button-next, .about-box3 .box .mySwiper .swiper-button-prev{ width: 44px; height: 44px; top: -12%;}
.about-box3 .box .mySwiper .swiper-button-next:after, .about-box3 .box .mySwiper .swiper-button-prev:after{ display: none;}
.about-box3 .box .mySwiper .swiper-button-next{ background: url(../images/about-box3-next.png) no-repeat center;}
.about-box3 .box .mySwiper .swiper-button-prev{ background: url(../images/about-box3-prev.png) no-repeat center;}

.about-box4{ background: url(../images/about-box4-bg.jpg) no-repeat center; background-size: cover; padding: 60px 0 78px;}
.about-box4 .top{ text-align: center; font-size: 3em; color: #d0111b;}
.about-box4 .box{ overflow: hidden; margin-top: 50px;}
.about-box4 .box .hd{ width: 600px; float: left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.about-box4 .box .hd li{ height: 75px; line-height: 75px; float: left; width: 50%; border: 1px solid #e5e5e5; border-right: none; border-bottom: none; text-align: center; background: #fff;}
.about-box4 .box .hd li a{ display: block; width: 100%; font-size: 1.6em; color: #333;}
.about-box4 .box .hd li.on{ background: #d0111b;}
.about-box4 .box .hd li.on a{ color: #fff;}
.about-box4 .box .bd{ width: 700px; height: 300px; position: relative; float: left; background: #fff;}
.about-box4 .box .bd img{ position: absolute; height: 100%; width: 100%;}

.about-box4 .btns{ margin-top: 44px; text-align: center;}
.about-box4 .btns a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.about-box4 .btns a i{ font-size: 1.2em; margin-left: 5px;}
.about-box4 .btns a:hover{ background: #fff; color: #d0111b;}



.about-box5{ padding: 70px 0 50px;}
.about-box5 .top{ text-align: center; font-size: 3em; color: #d0111b;}
.about-box5 .img{ margin-top: 10px;}

.about-xsgs{ padding: 50px 0;}
.about-xsgs ul{ margin: 0 -10px;}
.about-xsgs li{ width: 33.3333%; float: left; padding: 10px;}
.about-xsgs li a{ transition: all .3s; display: block; }
.about-xsgs li:hover a{ box-shadow: 0 3px 10px rgba(0,0,0,.25); border-radius: 6px;}
.about-xsgs li .img{ width: 100%; height: 300px; overflow: hidden; position: relative;}
.about-xsgs li .img img{ position: absolute; height: 100%; width: 100%;}
.about-xsgs li .text{ background: #f6f6f6; padding: 30px 35px 25px 25px; min-height: 300px;} 
.about-xsgs li .text .t{ font-size: 1.8em; color: #d0111b; text-align: center;}
.about-xsgs li .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 25px;}
.about-xsgs li .text .p p{ padding-left: 26px;}
.about-xsgs li .text .p p+p{ margin-top: 10px;}
.about-xsgs li .text .p .icon1{ background: url(../images/xsgs-icon1.png) no-repeat left 2px;}
.about-xsgs li .text .p .icon2{ background: url(../images/xsgs-icon2.png) no-repeat left 3px;}
.about-xsgs li .text .p .icon3{ background: url(../images/xsgs-icon3.png) no-repeat left 3px;}
.about-xsgs li .text .p .icon4{ background: url(../images/xsgs-icon4.png) no-repeat left 3px;}
.about-xsgs li .text .p .icon5{ background: url(../images/xsgs-icon5.png) no-repeat left 3px;}

.about-xsgs-con{ padding: 50px 0; overflow: hidden;}
.about-xsgs-con .img{ width: 100%; height: 350px; overflow: hidden; position: relative;}
.about-xsgs-con .img img{ position: absolute; width: 100%; height: 100%;}
.about-xsgs-con .title{ color: #d0111b; font-size: 2.4em; margin-top: 30px;}
.about-xsgs-con .text{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 20px;}
.about-xsgs-con .information{ margin-top: 20px; overflow: hidden;}
.about-xsgs-con .information p{ font-size: 1.4em; color: #333; padding-left: 26px; height: 24px; line-height: 24px;}
.about-xsgs-con .information p+p{ margin-top: 10px;}
.about-xsgs-con .information .icon1{ background: url(../images/xsgs-icon1.png) no-repeat left 2px;}
.about-xsgs-con .information .icon2{ background: url(../images/xsgs-icon2.png) no-repeat left 4px;}
.about-xsgs-con .information .icon3{ background: url(../images/xsgs-icon3.png) no-repeat left 4px;}
.about-xsgs-con .information .icon4{ background: url(../images/xsgs-icon4.png) no-repeat left 4px;}
.about-xsgs-con .information .icon5{ background: url(../images/xsgs-icon5.png) no-repeat left 4px;}

.about-xsgs-con .list{ margin: 25px -10px 10px;}
.about-xsgs-con .list li{ padding: 10px; display: table; width: 20%; float: left; height: 170px;}
.about-xsgs-con .list li .box{ display: table-cell; vertical-align: middle; background: #f6f6f6;  padding: 0 25px;}
.about-xsgs-con .list li .box .t{ text-align: center; font-size: 1.6em; line-height: 24px; color: #d0111b;}
.about-xsgs-con .list li .box .p{ line-height: 24px;}
.about-xsgs-con .list li .box .p p{ text-align: center; font-size: 1.4em; color: #333;}

.about-culture-box1{ padding: 50px 0 60px;}
.about-culture-box1 .img{ width: 38.5%; height: 300px; float: left; overflow: hidden; position: relative;}
.about-culture-box1 .img img{ position: absolute; width: 100%; height: 100%;}
.about-culture-box1 .text{ width: 61.5%; float: left; padding-left: 40px;}
.about-culture-box1 .text .t{ font-size: 3em; color: #d0111b; line-height: 40px;}
.about-culture-box1 .text .p{ font-size: 1.4em; line-height: 24px; color: #333; margin-top: 20px;}
.about-culture-box1 .text .p p{ text-indent: 2em;}

.about-culture-box2{ background: url(../images/culture-box2-bg.jpg) no-repeat center; background-size: cover; padding: 45px 0 35px;}
.about-culture-box2 .top{ text-align: center; font-size: 3em; color: #fff; line-height: 40px;}
.about-culture-box2 .list{ overflow: hidden; margin: 20px -12.5px 0;}
.about-culture-box2 .list li{ padding: 12.5px; width: 25%; float: left;}
.about-culture-box2 .list li .title{ width: 100%; height: 50px; line-height: 50px; background: #d0111b; font-size: 1.8em; font-weight: bold; color: #fff; text-align: center;}
.about-culture-box2 .list li .text{ min-height: 260px; width: 100%; background: url(../images/culture-box2-textbg.jpg) no-repeat center; background-size: cover; padding: 15px 20px;}
.about-culture-box2 .list li .text .t{ font-size: 1.4em; color: #d0111b; text-align: center;}
.about-culture-box2 .list li .text .p{ font-size: 1.4em; color: #333; line-height: 24px; text-align: justify; margin-top: 8px;}

.about-culture-box3{ padding: 50px 0 30px;}
.about-culture-box3 .top{ font-size: 3em; color: #d0111b; text-align: center;}
.about-culture-box3 .list{ margin: 50px -37.5px 0;}
.about-culture-box3 .list li{ width: 33.3333%; float: left; padding: 0 37.5px 60px;}
.about-culture-box3 .list li .icon{ width: 10.45%; float: left; padding-right: 3%;}
.about-culture-box3 .list li .text{ width: 89.55%; float: left;}
.about-culture-box3 .list li .text .t{ font-size: 1.8em; color: #d0111b; line-height: 30px;}
.about-culture-box3 .list li .text .p{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 5px;}

.dsj-list{ padding: 48px 0;}
.dsj-list .list{ margin-bottom: 40px;}
.dsj-list .list li{ padding: 25px 35px; background: #f4f4f4; overflow: hidden;}
.dsj-list .list li+li{ margin-top: 22px;}
.dsj-list .list li .text{ width: 85%; float: left;}
.dsj-list .list li .text .t{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.dsj-list .list li .text .p{ font-size: 1.4em; color: #999; margin: 5px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.dsj-list .list li .text .date{ font-size: 1.4em; color: #333;}
.dsj-list .list li .btns{ width: 15%; float: left; height: 75px; position: relative; text-align: right; padding: 17.5px 0;}
.dsj-list .list li .btns span{ display: inline-block; width: 65%; height: 40px; line-height: 40px; text-align: center; font-size: 1.4em; color: #fff; background: #d0111b; border: 1px solid #d0111b;}
.dsj-list .list li .btns span i{ font-size: 1.2em; margin-left: 5px;}
.dsj-list .list li .btns span:hover{ background: transparent; color: #d0111b;}
.dsj-list .list li:hover .text .t{ color: #d0111b;}

.pager-list{ text-align:center; margin-top: 10px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 5px; position: relative;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:36px; line-height:34px !important; width: 36px; padding:0 !important;  background:#e5e5e5 !important; border-radius:4px !important; position: relative;}
.pager-list li a:hover{ background: #d0111b !important; color:#fff !important; border:1px solid #d0111b;}
.pager-list li.active>*{ color:#fff !important; background:#d0111b !important; border:1px solid #ddd;}
.pager-list li.disabled>*{ cursor:auto; background:#e5e5e5; color:#333;}
.pager-list li.active>span:hover, .pager-list li.active>a:hover{ background:#d0111b; border:1px solid #d0111b; color: #fff !important;}
.pager-list li i{ font-size: 1.2em; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;}

.news-list{ overflow: hidden; padding-top: 45px; margin-bottom: 80px;}
.news-list .hot{ overflow: hidden; margin-bottom: 40px; background: #f8f8f8;}
.news-list .hot .img{ width: 50%; height: 350px; position: relative; overflow: hidden; float: left;}
.news-list .hot .img img{ position: absolute; width: 100%; height: 100%;}
.news-list .hot .text{ width: 50%; float: left; padding: 40px;}
.news-list .hot .text .date{ width: 100%; overflow: hidden;}
.news-list .hot .text .date p{ display: inline-block; width: 100px; float: left; height: 70px; line-height: 48px; position: relative; font-size: 6em; text-align: center; font-weight: bold; color: #949494;}
.news-list .hot .text .date p::before{ content: ""; position: absolute; height: 3px; width: 100%; background: #d0111b; left: 0; bottom: 0;}
.news-list .hot .text .date span{ display: block; float: left; font-size: 1.8em; font-weight: bold; color: #949494; line-height: 22px; padding-top: 4px;}
.news-list .hot .text .title{ font-size: 1.8em; color: #333; margin: 20px 0 0; width: 100%;}
.news-list .hot .text .p{ font-size: 1.4em; color: #999; line-height: 24px; margin-top: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list .hot .text .btns{ margin-top: 15px;}
.news-list .hot .text .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 1.4em; color: #fff; background: #d0111b; border: 1px solid #d0111b; overflow: hidden; transition: all .3s;}
.news-list .hot .text .btns span i{ font-size: 1.2em; margin-left: 5px;}
.news-list .hot .text .btns span:hover{ background: transparent; color: #d0111b;}

.news-list .list{ overflow: hidden; margin: 0 -14px 16px;}
.news-list .list li{ padding: 0 14px 34px; width: 33.3333%; float: left;}
.news-list .list li .img{ height: 240px; width: 100%; position: relative; overflow: hidden;}
.news-list .list li .img img{ position: absolute; width: 100%; height: 100%; z-index: 0; transition: all .3s;}
.news-list .list li:hover .img img{ transform: scale(1.1);}
.news-list .list li .box{ padding: 25px 20px 15px; background: #f8f8f8; overflow: hidden;}
.news-list .list li .box .date{ float: left; width: 20%; text-align: center; padding-right: 5%;}
.news-list .list li .box .date span{ font-size: 3em; color: #333; font-weight: bold; display: inline-block; line-height: 30px;}
.news-list .list li .box .date p{ font-size: 1.4em; color: #666; text-align: center;}
.news-list .list li .box .text{ float: left; width: 80%;}
.news-list .list li .box .text .t{ font-size: 1.8em; color: #333; line-height: 20px; font-weight: bold; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list .list li .box .text .p{ font-size: 1.4em; color: #999; height: 48px; line-height: 24px; margin-top: 8px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news-con{ padding: 60px 0 40px;}
.news-con .title{ text-align: center; font-size: 3em; font-weight: bold; color: #333; margin: 0;}
.news-con .bq{ text-align: center; font-size: 1.4em; color: #999; margin-top: 20px;}
.news-con .bq a{ color: #999; margin-left: 10px;}
.news-con .text{ margin-top: 30px; border-top: 1px solid #e5e5e5; padding: 30px 0; border-bottom: 1px solid #e5e5e5; font-size: 1.4em; color: #333; line-height: 26px;}
.news-con .text p+p{ margin-top: 22px;}

.pager{ overflow: hidden; margin: 0;  font-size: 1.4em; color: #333; display: inline-block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pager a:hover{ color: #d0111b;}
.pager .prev{ width: 50%; float: left; height: 50px; line-height: 50px; text-align: left;}
.pager .next{ width: 50%; float: left; height: 50px; line-height: 50px; text-align: right; }

.news-sz-list{ padding: 55px 0 70px;}
.news-sz-list .list{ margin: 0 -15px 40px; overflow: hidden;}
.news-sz-list .list li{ padding: 15px; width: 33.3333%; float: left;}
.news-sz-list .list li a{ background: #f8f8f8; padding: 30px; display: block; transition: all .3s;}
.news-sz-list .list li:hover a{ box-shadow: 0 3px 10px rgba(0,0,0,.15); border-radius: 6px; overflow: hidden;}
.news-sz-list .list li .title{ font-size: 1.8em; color: #333; line-height: 24px; font-weight: bold; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-sz-list .list li:hover .title{ color: #d0111b;}
.news-sz-list .list li .p{ font-size: 1.4em; color: #999; line-height: 24px; height: 72px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-sz-list .list li .date{ font-size: 1.4em; color: #333; margin-top: 15px;}
.news-sz-list .list li .btns{ margin-top: 15px;}
.news-sz-list .list li .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 1.4em; color: #fff; background: #d0111b; border: 1px solid #d0111b; overflow: hidden; transition: all .3s;}
.news-sz-list .list li .btns span i{ font-size: 1.2em; margin-left: 5px;}
.news-sz-list .list li .btns span:hover{ background: transparent; color: #d0111b;}

.djdt-list{ padding-bottom: 60px;}
.djdt-list .hot{ overflow: hidden; background: #f8f8f8; margin-top: 58px;}
.djdt-list .hot .box{ width: 50%; float: left; padding: 70px 40px 50px;}
.djdt-list .hot .box h4{ font-size: 1.8em; color: #333; margin: 0; line-height: 32px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.djdt-list .hot .box .text{ font-size: 1.4em; color: #999; line-height: 24px; text-align: justify; margin-top: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.djdt-list .hot .box .other{ margin-top: 25px; overflow: hidden;}
.djdt-list .hot .box .other .date{ font-size: 1.4em; color: #333; width: 20%; float: left; padding-top: 10px;}
.djdt-list .hot .box .other .btns{ width: 80%; float: left; text-align: right;}
.djdt-list .hot .box .other .btns span{ display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.djdt-list .hot .box .other .btns span:hover{ background: #fff; color: #d0111b;}
.djdt-list .hot .box .other .btns span i{ font-size: 1.2em; margin-left: 5px;}
.djdt-list .hot .img{ width: 50%; float: right; overflow: hidden; height: 350px; position: relative;}
.djdt-list .hot .img img{ transition: all .3s; position: absolute; width: 100%; height: 100%;}
.djdt-list .hot .img:hover img{ transform: scale(1.08);}

.djdt-list .list{ margin-top: 40px; margin-bottom: 60px;}
.djdt-list .list li{ background: #f8f8f8; overflow: hidden;}
.djdt-list .list li+li{ margin-top: 36px;}
.djdt-list .list li .img{ width: 23.1%; height: 180px; overflow: hidden; position: relative; float: left;}
.djdt-list .list li .img img{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.djdt-list .list li:hover .img img{ transform: scale(1.1);}
.djdt-list .list li .text{ width: 76.9%; float: left; padding: 30px 35px;}
.djdt-list .list li .text .t{ font-size: 1.8em; color: #333; font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.djdt-list .list li .text .p{ font-size: 1.4em; color: #999; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.djdt-list .list li .text .date{ font-size: 1.4em; color: #333; margin-top: 16px;}
.djdt-list .list li:hover .text .t{ color: #d0111b;}

.qygg-list{ padding-top: 36px; margin-bottom: 40px;}
.qygg-list .list{ overflow: hidden; margin-bottom: 40px;}
.qygg-list .list li{ padding: 22px 30px 20px; overflow: hidden; background: #f8f8f8;}
.qygg-list .list li+li{ margin-top: 20px;}
.qygg-list .list li .text{ width: 90%; float: left;}
.qygg-list .list li .text .title{ margin: 0; font-size: 1.8em; font-weight: bold; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.qygg-list .list li .text .date{ font-size: 1.4em; color: #999; margin-top: 15px;}
.qygg-list .list li .icon{ width: 10%; float: left; text-align: center;}
.qygg-list .list li .icon a{ display: block;}
.qygg-list .list li .icon span{ display: inline-block; width: 35px; height: 27px; background: url(../images/itzz-icon.png) no-repeat center;}
.qygg-list .list li .icon p{ font-size: 1.4em; color: #333; text-align: center; margin-top: 2px;}
.qygg-list .list li .text:hover .title{ color: #d0111b;}
.qygg-list .list li .icon:hover span{ background: url(../images/itzz-icon2.png) no-repeat center;}
.qygg-list .list li .icon:hover p{ color: #d0111b;}

.gpxx-box{ padding: 75px 0 90px;}
.gpxx-box .box{ overflow: hidden;}
.gpxx-box .box .imgs{ width: 50%; float: left; padding-right: 30px;}
.gpxx-box .box .imgs .img{ width: 100%; border: 1px solid #dcdcdc; padding: 30px 30px 15px;}
.gpxx-box .box .imgs .bd{ margin-bottom: 12px; height: 210px; overflow-x: hidden;}
.gpxx-box .box .imgs .bd img{ width: 100%;}
.gpxx-box .box .imgs .hd{ text-align: center;}
.gpxx-box .box .imgs .hd ul{ display: inline-block;}
.gpxx-box .box .imgs .hd li{ float: left; padding: 0 6px; cursor: pointer;}
.gpxx-box .box .imgs .hd li span{ display: inline-block; width: 50px; height: 32px; line-height: 32px; text-align: center; background: #eee; color: #333; font-size: 1.4em;}
.gpxx-box .box .imgs .hd li.on span{ background: #d0111b; color: #fff;}
.gpxx-box .box .text{ width: 50%; float: left; padding-left: 20px;}
.gpxx-box .box .text .text-box{ background: #f8f8f8; padding: 45px 30px 34px;}
.gpxx-box .box .text .title{ font-size: 1.4em; color: #333;}
.gpxx-box .box .text .interest_rate{ line-height: 30px; overflow: hidden; width: 100%; margin-top: 22px;}
.gpxx-box .box .text .interest_rate.green{ color: #05a687;}
.gpxx-box .box .text .interest_rate.red{ color: #e94242;}
.gpxx-box .box .text .interest_rate.green .red{ display: none;}
.gpxx-box .box .text .interest_rate.red .green{ display: none;}
.gpxx-box .box .text .interest_rate b{ font-size: 3.4em; display: inline-block; padding-right: 40px; position: relative; height: 29px; line-height: 30px; overflow: hidden; float: left;}
.gpxx-box .box .text .interest_rate b em{ font-size: 14px; font-style: normal; font-weight: normal;}
.gpxx-box .box .text .interest_rate b i.green{ color: #05a687; position: absolute; font-size: 1.4em; right: 0; bottom: 0;}
.gpxx-box .box .text .interest_rate b i.red{ color: #e94242; position: absolute; font-size: 1.4em; right: 0; top: 0;}
.gpxx-box .box .text .interest_rate span{ font-size: 2.4em; display: inline-block; height: 30px; line-height: 30px; float: left; margin-left: 25px;}
.gpxx-box .box .text .interest_rate span.green{ color: #05a687;}
.gpxx-box .box .text .interest_rate span.red{ color: #e94242;}

.gpxx-box .box .text .list{ margin-top: 35px; width: 100%; overflow: hidden;}
.gpxx-box .box .text .list li{ float: left; height: 20px; line-height: 20px; margin: 7.5px 0;}
.gpxx-box .box .text .list li:nth-child(5n-4){ width: 17%;}
.gpxx-box .box .text .list li:nth-child(5n-3){ width: 17%;}
.gpxx-box .box .text .list li:nth-child(5n-2){ width: 20%;}
.gpxx-box .box .text .list li:nth-child(5n-1){ width: 23%;}
.gpxx-box .box .text .list li:nth-child(5n){ width: 23%;}
.gpxx-box .box .text .list li span{ font-size: 1.4em; color: #333;}
.gpxx-box .box .text .list li b{ font-size: 1.8em; color: #333; font-weight: normal; margin-left: 6px;}
.gpxx-box .box .text .list li b.red{ color: #e94242;}
.gpxx-box .box .text .list li b.green{ color: #05a687;}
.gpxx-box .box .date{ margin-top: 30px; font-size: 1.4em; color: #333;}

.job-box1{ padding: 50px 0;}
.job-box1 .box{ overflow: hidden; background: #f3f3f3;}
.job-box1 .box .img{ height: 350px; width: 23.1%; float: left; overflow: hidden; position: relative;}
.job-box1 .box .img img{ position: absolute; width: 100%; height: 100%;}
.job-box1 .box .text{ width: 76.9%; float: left; padding: 50px 55px 0 58px;}
.job-box1 .box .text .t{ font-size: 3em; color: #d0111b; line-height: 30px;}
.job-box1 .box .text .p{ margin-top: 35px;}

.job-box2{ padding: 15px 0 90px;}
.job-box2 .top{ font-size: 3em; color: #d0111b; text-align: center; line-height: 30px;}
.job-box2 .list{ margin-top: 40px; overflow: hidden;}
.job-box2 .list ul{ margin: 0 -12px;}
.job-box2 .list li{ width: 20%; padding: 0 12px; float: left;}
.job-box2 .list li a{ display: block; position: relative;}
.job-box2 .list li .img{ position: relative; width: 100%; height: 350px;}
.job-box2 .list li .img img{ position: absolute; width: 100%; height: 100%;}
.job-box2 .list li .text{ position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 28px;}
.job-box2 .list li .text .title{ margin-top: 12px; font-size: 1.8em; color: #fff; font-weight: bold;}

.job-list{ padding: 60px 0 50px;}
.job-list .list{ overflow: hidden; margin-bottom: 50px;}
.job-list .list li{ padding: 25px 25px 30px 30px; background: #f8f8f8;}
.job-list .list li+li{ margin-top: 25px;}
.job-list .list li .title{ font-size: 1.8em; color: #333; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.job-list .list li .text{ font-size: 1.4em; color: #999; line-height: 24px; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.job-list .list li .other{ overflow: hidden;  margin-top: 20px;}
.job-list .list li .other .date{ float: left; height: 40px; line-height: 40px; font-size: 1.4em; color: #333; float: left;}
.job-list .list li .other .btns{ float: right;}
.job-list .list li .other .btns span{display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d0111b; color: #fff; font-size: 1.4em; border: 1px solid #d0111b; transition: all .3s;}
.job-list .list li .other .btns span:hover{ background: #fff; color: #d0111b;}
.job-list .list li .other .btns span i{ font-size: 1.2em; margin-left: 5px;}
.job-list .list li:hover .title{ color: #d0111b;}

.contact-box{ padding: 68px 0 80px;}
.contact-box .text{ height: 500px; width: 38.5%; float: left; background: url(../images/contact-bg.jpg) no-repeat center; padding: 80px 40px 0;}
.contact-box .text .top{ overflow: hidden;}
.contact-box .text .top .cn{ font-size: 3em; line-height: 30px; font-weight: bold; color: #fff;}
.contact-box .text .top .en{ font-size: 2em; line-height: 20px; color: #fff; margin-top: 12px;}
.contact-box .text .top .line{ width: 150px; height: 5px; background: #fff; margin-top: 70px;}
.contact-box .text .p{ font-size: 1.4em; line-height: 30px; color: #fff; margin-top: 25px;}
.contact-box .map{ height: 500px; width: 61.5%; float: left;}
.contact-box .map img{ max-width: none;}

.search_results{ padding: 60px 0 80px;}
.search_results .top{ font-size: 1.8em; color: #333; font-weight: bold;}
.search_results .top span{ color: #d0111b;}
.search_results .list{ margin-top: 40px;}
.search_results .list li{ border-bottom: 1px dashed #ccc; padding-bottom: 30px;}
.search_results .list li+li{ padding-top: 30px;}
.search_results .list li:last-child{ border-bottom: none;}
.search_results .list li .title{ font-size: 1.8em; color: #333; line-height: 24px; margin: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.search_results .list li .title span{ color: #d0111b;}
.search_results .list li .p{ font-size: 1.4em; color: #999; line-height: 24px; margin-top: 10px;  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.search_results .list li .p span{ color: #d0111b;}
.search_results .list li .date{ margin-top: 10px; font-size: 1.4em; color: #999;}
.search_results .list li:hover .title{ color: #d0111b; text-decoration: underline;}




@media (min-width: 1366px){
.container{ width: 1300px; padding: 0;}

.about-culture-box3 .list li:nth-child(3n-2){ clear: left;}
}
@media (max-width:1365px) and (min-width: 1200px){
.container{ padding: 0;}
.header .pc-nav li{ padding: 0 15px;}
.i-about .img{ width: 50%;}
.i-about .box{ width: 50%;}
.i-about .box .top .line{ margin-top: 10px;}
.i-about .box .text{ margin-top: 20px;}
.i-about .box .btns{ margin-top: 30px;}
.i-news .box .inews-right{ width: 680px;}
.i-tzz .box{ width: 576px;}
.i-tzz .box .list li .text .title{ font-size: 1.6em;}

.page-banner{ height: 20.625vw;}

.about-box3 .box .mySwiper .swiper-slide .text .t{ font-size: 3.2em;}

.about-box4 .box .hd{ width: 540px;}
.about-box4 .box .hd li a{ font-size: 1.4em;}
.about-box4 .box .bd{ width: 630px;}

.about-xsgs li:nth-child(3n-2){ clear: left;}

.about-culture-box2 .list li:nth-child(4n-3){ clear: left;}
.about-culture-box3 .list li:nth-child(3n-2){ clear: left;}

.news-list .list li .box .date{ width: 22%;}
.news-list .list li .box .text{ width: 78%;}

.gpxx-box .box .imgs{ width: 45%;}
.gpxx-box .box .text{ width: 55%; padding-left: 0;}

.contact-box .text .top .cn{ font-size: 2.4em;}
.contact-box .text .top .en{ font-size: 1.6em;}
.contact-box .text .top .line{ margin-top: 60px;}
}
@media (max-width:1199px) and (min-width:992px){
/*.header .logo{ width: 27%;}*/
.header .pc-nav li{ padding: 0 12px;}
.header .pc-nav li > a{ font-size: 1.4em;}
.header .pc-nav li dl{ width: 140%;}
.header .pc-search{ width: 6%;}
.banner{ height: 400px;}

.index-title .cn{ font-size: 2.2em;}
.index-title .en{ font-size: 1.2em; margin-top: 8px;}

.i-about{ padding: 60px 0;}
.i-about .img{ width: 50%;}
.i-about .box{ width: 50%; padding-left: 30px;}
.i-about .box .top .cn{ font-size: 2.2em;}
.i-about .box .top .en{ font-size: 1.2em; margin-top: 8px;}
.i-about .box .top .line{ margin-top: 10px;}
.i-about .box .top .line i{ height: 2px; width: 120px;}
.i-about .box .text{ margin-top: 20px;}
.i-about .box .btns{ margin-top: 30px;}
.i-news .box .inews-left{ width: 380px;}
.i-news .box .inews-left .text .title{ width: 280px;}
.i-news .box .inews-left .swiper-button-next, .i-news .box .inews-left .swiper-button-prev{ top: 70%;}
.i-news .box .inews-right{ width: 560px;}
.i-news .box .inews-right li{ width: 50%;}
.i-news .box .inews-right li:last-child{ display: none;}
.i-djdt .hot .box{ padding: 30px 40px;}
.i-tzz .box{ width: 530px;}
.i-tzz .box .list li .text .title{ font-size: 1.6em;}
.i-tzz .img{ width: 410px;}
.footer .foot-nav li+li{ margin-left: 40px;}
.footer .foot-nav li a{ font-size: 1.4em;}

.page-banner{ height: 20.625vw;}

.about-box1 .text{ padding-left: 30px;}
.about-box1 .text .t{ font-size: 2.4em; margin-top: 10px;}
.about-box1 .text .p{ margin-top: 10px;}

.about-box2 .top .cn{ font-size: 2.4em;}
.about-box2 .top .en{ font-size: 1.6em;}

.about-box3 .top{ font-size: 2.4em;}
.about-box3 .box .mySwiper2 .list .swiper-slide{ width: 20%;}
.about-box3 .box .mySwiper2 .list .swiper-slide .year{ font-size: 2em;}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .year{ font-size: 2.8em;}
.about-box3 .box .mySwiper .swiper-slide .text .t{ font-size: 2.8em;}

.about-box4 .top{ font-size: 2.4em;}
.about-box4 .box .hd{ width: 540px;}
.about-box4 .box .hd li a{ font-size: 1.4em;}
.about-box4 .box .bd{ width: 400px;}

.about-box5 .top{ font-size: 2.4em;}

.about-xsgs li:nth-child(3n-2){ clear: left;}
.about-xsgs-con .list li{ width: 25%;}

.about-culture-box1 .text .t{ font-size: 2.4em; line-height: 30px;}
.about-culture-box2 .top{ font-size: 2.4em;}
.about-culture-box2 .list li{ width: 33.3333%;}
.about-culture-box2 .list li:nth-child(3n-2){ clear: left;}
.about-culture-box3 .top{ font-size: 2.4em;}
.about-culture-box3 .list li{ width: 50%;}
.about-culture-box3 .list li:nth-child(2n-1){ clear: left;}

.dsj-list .list li .text{ width: 75%;}
.dsj-list .list li .btns{ width: 25%;}

.news-list .list li .box .date{ width: 26%;}
.news-list .list li .box .text{ width: 74%;}

.djdt-list .hot .box{ padding: 30px 40px;}
.djdt-list .list li .img{ width: 30%;}
.djdt-list .list li .text{ width: 70%;}

.gpxx-box .box .imgs{ width: 50%;}
.gpxx-box .box .text{ width: 50%; padding-left: 0;}
.gpxx-box .box .text .list li{ width: 33.3333% !important;}

.job-box2 .list li{ width: 33.3333%;}
.job-box2 .list li:nth-child(-n+3){ margin-bottom: 30px;}

.contact-box .text{ width: 50%;}
.contact-box .text .top .cn{ font-size: 2.4em;}
.contact-box .text .top .en{ font-size: 1.6em;}
.contact-box .text .top .line{ margin-top: 60px;}
.contact-box .map{ width: 50%;}
}
@media (max-width:991px) and (min-width: 768px){
.header{ height: 100px; width: 100%;}
.header .container{ width: 100%; padding: 0 15px;}
.header .logo{ width: 74.6%; height: 100px; line-height: 100px;}
.header .logo img{ height: 60px;}
.header .pc-nav{ display: none;}
.header .pc-search{ display: none;}
.header .search{ height: 100px; line-height: 100px;}
.header .nav-btn{ height: 100px; line-height: 100px;}
.nav .nav-top{ height: 100px; line-height: 100px;}
.banner{ height: 320px; margin-top: 100px;}

.index-title .cn{ font-size: 2.2em;}
.index-title .en{ font-size: 1.2em; margin-top: 8px;}

.i-about .img{ width: 100%; text-align: center;}
.i-about .box{ width: 100%; padding: 0 20px; margin-top: 30px; }
.i-about .box .top .cn{ font-size: 2.2em;}
.i-about .box .top .en{ font-size: 1.2em; margin-top: 8px;}
.i-about .box .top .line{ margin-top: 10px;}
.i-about .box .top .line i{ height: 2px; width: 120px;}
.i-about .box .text{ margin-top: 20px;}
.i-about .box .btns{ margin-top: 30px;}

.i-news{ padding: 35px 0;}
.i-news .box .inews-left{ width: 100%;}
.i-news .box .inews-left .img img{ width: 100%;}
.i-news .box .inews-left .text .title{ width: 620px;}
.i-news .box .inews-right{ width: 100%; margin-top: 20px;}
.i-news .box .inews-right ul{ padding-left: 0; margin: 0 -10px;}

.i-djdt{ padding: 50px 0;}
.i-djdt .hot .img{ width: 100%;}
.i-djdt .hot .img img{ width: 100%;}
.i-djdt .hot .box{ width: 100%; padding: 40px;}
.i-djdt .list{ margin-top: 20px;}
.i-djdt .list li{ width: 100%;}
.i-djdt .list li+li{ margin-top: 20px;}

.i-rcfz .list li{ width: 50%;}
.i-rcfz .list li:nth-child(-n+2){ margin-bottom: 20px;}
.i-rcfz .list li:nth-child(2n-1){ clear: left;}

.i-tzz{ padding: 0 0 50px;}
.i-tzz .box{ width: 100%; padding-right: 0;}
.i-tzz .img{ width: 100%; margin-top: 20px;}
.i-tzz .img img{ width: 100%;}

.footer .foot-nav li+li{ margin-left: 20px;}
.footer .foot-nav li a{ font-size: 1.4em;}
.footer .box .foot-xx{ width: 50%;}
.footer .box .foot-logo{ width: 50%;}
.foot-copy{ font-size: 1.2em;}

.page-banner{ margin-top: 100px; height: 22.625vw;}

.about-box1{ padding: 50px 0 60px;}
.about-box1 .img{ width: 100%; text-align: center;}
.about-box1 .img img{ width: 100%;}
.about-box1 .text{ padding-left: 0; width: 100%; margin-top: 30px;}
.about-box1 .text .t{ font-size: 2em; margin-top: 0;}
.about-box1 .text .p{ margin-top: 10px;}

.about-box2{ padding: 50px 0;}
.about-box2 .top .cn{ font-size: 2.4em;}
.about-box2 .top .en{ font-size: 1.6em;}

.about-box3{ padding: 50px 0 60px;}
.about-box3 .top{ font-size: 2.4em;}
.about-box3 .box .mySwiper2{ padding: 0 50px 20px;}
.about-box3 .box .mySwiper2 .list .swiper-slide{ width: 25%;}
.about-box3 .box .mySwiper2 .list .swiper-slide .year{ font-size: 2em;}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .year{ font-size: 2.8em;}
.about-box3 .box .mySwiper .swiper-slide{ padding: 20px 50px 0;}
.about-box3 .box .mySwiper .swiper-slide .img{ width: 100%;}
.about-box3 .box .mySwiper .swiper-slide .text{ width: 100%; margin-top: 20px; padding-right: 0;}
.about-box3 .box .mySwiper .swiper-slide .text .t{ font-size: 2.4em;}
.about-box3 .box .mySwiper .swiper-button-next, .about-box3 .box .mySwiper .swiper-button-prev{ width: 30px; height: 30px; background-size: contain; top: -5%;}

.about-box4 .top{ font-size: 2.4em;}
.about-box4 .box .hd{ width: 100%;}
.about-box4 .box .hd li{ height: 50px; line-height: 50px;}
.about-box4 .box .hd li a{ font-size: 1.4em;}
.about-box4 .box .bd{ width: 100%;}

.about-box5 .top{ font-size: 2.4em;}

.about-xsgs li{ width: 50%;}
.about-xsgs-con .information p{ width: 100%;}
.about-xsgs-con .information p+p{ margin-left: 0; margin-top: 5px;}
.about-xsgs-con .list li{ width: 33.3333%;}

.about-culture-box1 .img{ width: 100%;}
.about-culture-box1 .text{ width: 100%; padding-left: 0; margin-top: 30px;}
.about-culture-box1 .text .t{ font-size: 2.4em; line-height: 30px;}
.about-culture-box2 .top{ font-size: 2.4em;}
.about-culture-box2 .list li{ width: 50%;}
.about-culture-box2 .list li:nth-child(2n-1){ clear: left;}
.about-culture-box3 .top{ font-size: 2.4em;}
.about-culture-box3 .list li{ width: 50%;}
.about-culture-box3 .list li:nth-child(2n-1){ clear: left;}

.dsj-list .list li .text{ width: 75%;}
.dsj-list .list li .btns{ width: 25%;}

.news-list .hot .img{ height: 310px;}
.news-list .hot .text{ padding: 30px;}
.news-list .hot .text .date p{ font-size: 4.6em; line-height: 38px; height: 60px;}
.news-list .hot .text .date span{ padding-top: 0;}
.news-list .hot .text .title{ font-size: 1.6em;}
.news-list .list li{ width: 50%;}
.news-list .list li .box .date{ width: 24%;}
.news-list .list li .box .text{ width: 76%;}
.news-list .list li .box .text .t{ font-size: 1.6em;}

.news-con{ padding: 40px 0;}
.news-con .title{ font-size: 2.4em;}

.pager{ margin-top: 20px;}
.pager .prev{ width: 100%; height: 30px; line-height: 30px;}
.pager .next{ width: 100%; height: 30px; line-height: 30px;}
.pager .next>a, .pager .next>span{ float: left;}

.news-sz-list .list li{ width: 50%;}

.djdt-list{ padding: 50px 0;}
.djdt-list .hot .img{ width: 100%;}
.djdt-list .hot .img img{ width: 100%;}
.djdt-list .hot .box{ width: 100%; padding: 40px;}
.djdt-list .list li .img{ width: 40%;}
.djdt-list .list li .text{ width: 60%;}

.qygg-list .list li .text{ width: 85%;}
.qygg-list .list li .icon{ width: 15%;}

.gpxx-box .box .imgs{ width: 100%; padding-right: 0;}
.gpxx-box .box .text{ width: 100%; padding-left: 0; margin-top: 30px;}

.job-box1 .box .img{ width: 100%; height: 250px;}
.job-box1 .box .text{ width: 100%; padding: 30px;}
.job-box1 .box .text .t{ font-size: 2.4em;}
.job-box1 .box .text .p{ margin-top: 25px;}
.job-box2 .list li{ width: 33.3333%;}
.job-box2 .list li:nth-child(-n+3){ margin-bottom: 30px;}

.contact-box .text{ width: 100%; background-size: cover;}
.contact-box .text .top .cn{ font-size: 2.4em;}
.contact-box .text .top .en{ font-size: 1.6em;}
.contact-box .text .top .line{ margin-top: 60px;}
.contact-box .map{ width: 100%;}
}
@media (max-width: 767px){
.header{ height: 60px; background: #fff; width: 100%; box-shadow: 0 3px 5px rgba(0,0,0,.15);}
.header .logo{ width: 78%; height: 60px; line-height: 52px;}
.header .logo img{ height: 35px;}
.header .pc-nav, .header .pc-search{ display: none;}
.header .search{ height: 60px; line-height: 60px; width: 8.33333333%; padding: 0 5px;}

.banner{ margin-top: 60px; height: 170px;}
.banner .swiper-pagination{ bottom: 5px;}
.banner .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 0 5px !important;}
.banner .swiper-pagination-bullet-active{ width: 20px;}

.index-title .cn{ font-size: 1.8em;}
.index-title .en{ font-size: 1.2em; margin-top: 5px;}

.i-about{ padding: 25px 0;}
.i-about .img{ width: 100%; text-align: center;}
.i-about .box{ width: 100%; padding: 0; margin-top: 20px; }
.i-about .box .top .cn{ font-size: 1.8em;}
.i-about .box .top .en{ font-size: 1.2em; margin-top: 8px;}
.i-about .box .top .line{ margin-top: 10px;}
.i-about .box .top .line i{ height: 2px; width: 120px;}
.i-about .box .text{ margin-top: 20px;}
.i-about .box .btns{ margin-top: 30px;}

.i-news{ padding: 25px 0;}
.i-news .box .inews-left{ width: 100%;}
.i-news .box .inews-left .swiper-button-next, .i-news .box .inews-left .swiper-button-prev{ top: 70%;}
.i-news .box .inews-left .img img{ width: 100%;}
.i-news .box .inews-left .text .date{ width: 25%;}
.i-news .box .inews-left .text .title{ width: 75%;}
.i-news .box .inews-right{ width: 100%; margin-top: 20px;}
.i-news .box .inews-right ul{ padding-left: 0; margin: 0 -10px;}
.i-news .box .inews-right li{ width: 100%;}
.i-news .box .inews-right li+li{ margin-top: 15px;}
.i-news .box .inews-right li a{ padding: 15px;}
.i-news .box .inews-right li .title{ font-size: 1.6em;}
.i-news .box .inews-right li .text{ margin-top: 10px; height: auto;}
.i-news .box .inews-right li .date{ margin-top: 10px;}
.i-news .box .inews-right li .btns{ margin-top: 10px;}

.i-djdt{ padding: 25px 0;}
.i-djdt .hot{ margin-top: 20px;}
.i-djdt .hot .img{ width: 100%; height: 200px;}
.i-djdt .hot .img img{ width: 100%;}
.i-djdt .hot .box{ width: 100%; padding: 15px;}
.i-djdt .hot .box h4{ font-size: 1.6em; line-height: 28px;}
.i-djdt .hot .box .text{ margin-top: 10px;}
.i-djdt .hot .box .other{ margin-top: 10px;}
.i-djdt .hot .box .other .date{ width: 30%;}
.i-djdt .hot .box .other .btns{ width: 70%;}
.i-djdt .list{ margin-top: 20px;}
.i-djdt .list li{ width: 100%;}
.i-djdt .list li+li{ margin-top: 20px;}
.i-djdt .list li .title{ font-size: 1.6em;}
.i-djdt .list li .date{ margin-top: 10px;}

.i-rcfz{ padding: 20px 0;}
.i-rcfz .list{ margin-top: 20px;}
.i-rcfz .list li{ width: 100%;}
.i-rcfz .list li+li{ margin-top: 15px;}
.i-rcfz .list li a{ padding: 15px;}
.i-rcfz .list li .title{ font-size: 1.6em;}
.i-rcfz .list li .text{ margin-top: 5px; height: auto;}
.i-rcfz .list li .date{ margin-top: 10px;}
.i-rcfz .list li .btns{ margin-top: 10px;}

.i-tzz{ padding: 20px 0;}
.i-tzz .box{ width: 100%; padding-right: 0;}
.i-tzz .box .list li{ padding: 15px;}
.i-tzz .box .list li .text{ width: 75%;}
.i-tzz .box .list li .text .title{ font-size: 1.6em;}
.i-tzz .box .list li .text .date{ margin-top: 10px;}
.i-tzz .box .list li .icon{ width: 25%;}
.i-tzz .box .list li .icon span{ background-size: contain; height: 22px;}
.i-tzz .box .list li .icon p{ font-size: 1.2em;}
.i-tzz .img{ width: 100%; margin-top: 20px;}
.i-tzz .img img{ width: 100%;}

.footer{ padding-top: 15px;}
.footer .foot-nav{ width: 100%; height: auto;}
.footer .foot-nav li{ width: 25%; text-align: center; height: 35px; line-height: 35px;}
.footer .foot-nav li+li{ margin-left: 0;}
.footer .foot-nav li a{ font-size: 1.4em;}
.footer .foot-link{ width: 100%; margin-top: 10px;}
.footer .box{ margin-top: 20px; padding-bottom: 0;}
.footer .box .foot-xx{ width: 100%;}
.footer .box .foot-logo{ width: 100%; text-align: left; height: auto; line-height: inherit; padding: 20px 0;}
.foot-copy{ font-size: 1.2em; color: #838383;}
.foot-copy a{ color: #838383;}

.page-banner{ margin-top: 60px; height: 35vw;}
.page-banner .box .t{ font-size: 1.8em;}
.page-banner .box .p{ font-size: 1.2em; margin-top: 5px;}
.page-top{ height: 50px;}
.page-top .mbx{ font-size: 1.2em; height: 50px; line-height: 50px;}
.page-top .page-nav{ display: none;}

.about-box1{ padding: 20px 0;}
.about-box1 .img{ width: 100%; text-align: center;}
.about-box1 .img img{ width: 100%;}
.about-box1 .text{ padding-left: 0; width: 100%; margin-top: 15px;}
.about-box1 .text .t{ font-size: 1.6em; margin-top: 0;}
.about-box1 .text .p{ margin-top: 10px; font-size: 1.3em; text-align: justify;}

.about-box2{ padding: 30px 0;}
.about-box2 .top .cn{ font-size: 1.8em; line-height: 20px;}
.about-box2 .top .en{ font-size: 1.2em; margin-top: 5px;}
.about-box2 .top .line{ height: 1px; margin-top: 15px;}
.about-box2 .text{ font-size: 1.3em;}

.about-box3{ padding: 20px 0;}
.about-box3 .top{ font-size: 1.8em;}
.about-box3 .box{ margin-top: 20px;}
.about-box3 .box .mySwiper2{ padding: 0 50px 20px;}
.about-box3 .box .mySwiper2 .list .swiper-slide{ width: 50%;}
.about-box3 .box .mySwiper2 .list .swiper-slide .year{ font-size: 1.6em; margin-bottom: 10px;}
.about-box3 .box .mySwiper2 .list .swiper-slide-thumb-active .year{ font-size: 2.2em;}
.about-box3 .box .mySwiper .swiper-slide{ padding: 0;}
.about-box3 .box .mySwiper .swiper-slide .img{ width: 100%;}
.about-box3 .box .mySwiper .swiper-slide .text{ width: 100%; margin-top: 20px; padding-right: 0;}
.about-box3 .box .mySwiper .swiper-slide .text .t{ font-size: 1.8em; margin-top: 0;}
.about-box3 .box .mySwiper .swiper-slide .text .p{ font-size: 1.3em; margin-top: 10px;}
.about-box3 .box .mySwiper .swiper-button-next, .about-box3 .box .mySwiper .swiper-button-prev{  width: 30px; height: 30px; background-size: contain; top: -5%;}
.about-box3 .box .mySwiper .swiper-button-prev, .about-box3 .box .mySwiper .swiper-rtl .swiper-button-next{ left: 0;}
.about-box3 .box .mySwiper .swiper-button-next, .about-box3 .box .mySwiper .swiper-rtl .swiper-button-prev{ right: 0;}

.about-box4{ padding: 20px 0;}
.about-box4 .top{ font-size: 1.8em;}
.about-box4 .box{ margin-top: 20px;}
.about-box4 .box .hd{ width: 100%;}
.about-box4 .box .hd li{ height: 50px; line-height: 50px; width: 100%;}
.about-box4 .box .hd li a{ font-size: 1.3em;}
.about-box4 .box .bd{ width: 100%; height: 140px;}

.about-box5{ padding: 20px 0;}
.about-box5 .top{ font-size: 1.8em;}

.about-xsgs{ padding: 20px 0;}
.about-xsgs li{ width: 100%;}

.about-xsgs-con{ padding: 20px 0;}
.about-xsgs-con .title{ font-size: 1.8em; margin-top: 20px;}
.about-xsgs-con .text{ margin-top: 10px; font-size: 1.3em;}
.about-xsgs-con .information p{ width: 100%; font-size: 1.3em;}
.about-xsgs-con .information p+p{ margin-left: 0; margin-top: 8px;}
.about-xsgs-con .list li{ width: 100%; height: 160px;}

.about-culture-box1{ padding: 20px 0;}
.about-culture-box1 .img{ width: 100%; height: 150px;}
.about-culture-box1 .text{ width: 100%; padding-left: 0; margin-top: 20px;}
.about-culture-box1 .text .t{ font-size: 1.8em; line-height: 20px;}
.about-culture-box1 .text .p{ font-size: 1.3em; margin-top: 10px;}

.about-culture-box2{ padding: 20px 0;}
.about-culture-box2 .top{ font-size: 1.8em;}
.about-culture-box2 .list{ margin-top: 0;}
.about-culture-box2 .list li{ width: 100%;}
.about-culture-box2 .list li .title{ font-size: 1.6em; font-weight: normal;}
.about-culture-box2 .list li .text{ min-height: auto; background-position: center bottom;}

.about-culture-box3{ padding: 20px 0;}
.about-culture-box3 .top{ font-size: 1.8em;}
.about-culture-box3 .list{ margin-top: 20px;}
.about-culture-box3 .list li{ width: 100%; padding-bottom: 20px;}
.about-culture-box3 .list li .text .t{ font-size: 1.6em;}
.about-culture-box3 .list li .text .p{ font-size: 1.3em;}

.dsj-list{ padding: 20px 0;}
.dsj-list .list{ margin-bottom: 20px;}
.dsj-list .list li{ padding: 15px;}
.dsj-list .list li .text{ width: 100%;}
.dsj-list .list li .text .t{ font-size: 1.6em;}
.dsj-list .list li .text .p{ font-size: 1.3em; margin: 8px 0;}
.dsj-list .list li .text .date{ font-size: 1.3em;}
.dsj-list .list li .btns{ width: 100%; padding: 5px 0 0; height: auto;}
.dsj-list .list li .btns span{ width: 30%; height: 35px; line-height: 35px; font-size: 1.2em;}

.news-list{ padding-top: 20px; margin-bottom: 20px;}
.news-list .hot .img{ height: 210px; width: 100%;}
.news-list .hot .text{ padding: 20px; width: 100%;}
.news-list .hot .text .p{ font-size: 1.3em;}
.news-list .hot .text .date p{ font-size: 3.6em; line-height: 30px; height: 50px; width: 70px;}
.news-list .hot .text .date span{ padding-top: 0; font-size: 1.6em; line-height: 18px; padding-left: 10px;}
.news-list .hot .text .title{ font-size: 1.6em;}
.news-list .list li{ width: 100%; padding-bottom: 15px;}
.news-list .list li .img{ height: 220px;}
.news-list .list li .box{ padding: 15px;}
.news-list .list li .box .date{ width: 24%;}
.news-list .list li .box .date span{ font-size: 2.4em;}
.news-list .list li .box .text{ width: 76%;}
.news-list .list li .box .text .t{ font-size: 1.6em; font-weight: normal;}
.news-list .list li .box .text .p{ font-size: 1.3em;}

.news-con{ padding: 20px 0;}
.news-con .title{ font-size: 1.8em;}
.news-con .bq{ margin-top: 15px; font-size: 1.3em;}
.news-con .text{ margin-top: 15px; padding: 15px 0; font-size: 1.3em;}

.pager{ margin-top: 15px;}
.pager .prev{ width: 100%; height: 30px; line-height: 30px;}
.pager .next{ width: 100%; height: 30px; line-height: 30px;}
.pager .next>a, .pager .next>span{ float: left;}

.news-sz-list{ padding: 20px 0;}
.news-sz-list .list{ margin-bottom: 20px;}
.news-sz-list .list li{ width: 100%;}
.news-sz-list .list li a{ padding: 20px;}
.news-sz-list .list li .title{ font-size: 1.6em; font-weight: normal;}
.news-sz-list .list li .p{ font-size: 1.3em;}
.news-sz-list .list li .date{ margin-top: 10px;}
.news-sz-list .list li .btns span{ width: 30%; height: 35px; line-height: 35px; font-size: 1.2em;}

.djdt-list{ padding: 0 0 20px;}
.djdt-list .hot{ margin-top: 20px;}
.djdt-list .hot .img{ width: 100%; height: 300px;}
.djdt-list .hot .img img{ width: 100%;}
.djdt-list .hot .box{ width: 100%; padding: 15px;}
.djdt-list .hot .box h4{ font-size: 1.6em; line-height: 28px;}
.djdt-list .hot .box .text{ margin-top: 10px;}
.djdt-list .hot .box .other{ margin-top: 10px;}
.djdt-list .hot .box .other .date{ width: 30%;}
.djdt-list .hot .box .other .btns{ width: 70%;}

.djdt-list .list{ margin-bottom: 20px;}
.djdt-list .list li+li{ margin-top: 15px;}
.djdt-list .list li .img{ width: 100%;}
.djdt-list .list li .text{ width: 100%; padding: 20px;}
.djdt-list .list li .text .t{ font-size: 1.6em; font-weight: normal;}
.djdt-list .list li .text .p{ font-size: 1.3em;}

.qygg-list{ padding-top: 20px; margin-bottom: 20px;}
.qygg-list .list{ margin-bottom: 20px;}
.qygg-list .list li{ padding: 15px;}
.qygg-list .list li .text{ width: 75%;}
.qygg-list .list li .text .title{ font-size: 1.6em; font-weight: normal;}
.qygg-list .list li .text .date{ margin-top: 10px;}
.qygg-list .list li .icon{ width: 25%;}
.qygg-list .list li .icon span{ background-size: contain; height: 22px;}
.qygg-list .list li .icon p{ font-size: 1.2em; margin-top: 3px;}

.gpxx-box{ padding: 20px 0;}
.gpxx-box .box .imgs{ width: 100%; padding-right: 0;}
.gpxx-box .box .imgs .bd{ margin-bottom: 15px;}
.gpxx-box .box .imgs .img{ padding: 15px;}
.gpxx-box .box .text{ width: 100%; padding-left: 0; margin-top: 30px;}
.gpxx-box .box .text .list li{ width: 50% !important;}

.job-box1{ padding: 20px 0;}
.job-box1 .box .img{ width: 100%; height: 150px;}
.job-box1 .box .text{ width: 100%; padding: 15px;}
.job-box1 .box .text .t{ font-size: 1.8em;}
.job-box1 .box .text .p{ margin-top: 15px;}
.job-box2{ padding: 10px 0 20px;}
.job-box2 .top{ font-size: 1.8em;}
.job-box2 .list{ margin-top: 20px;}
.job-box2 .list li{ width: 100%; margin-bottom: 15px;}
.job-box2 .list li .img{ height: 250px;}

.job-list{ padding: 20px 0;}
.job-list .list li{ padding: 20px;}
.job-list .list li .title{ font-size: 1.6em;}
.job-list .list li .text{ font-size: 1.3em;}
.job-list .list li .other{ margin-top: 10px;}
.job-list .list li .other .date{ height: 35px; line-height: 35px;}
.job-list .list li .other .btns span{ width: 120px; height: 35px; line-height: 35px; font-size: 1.2em;}

.contact-box{ padding: 20px 0;}
.contact-box .text{ width: 100%; background-size: cover; padding: 20px; height: auto;}
.contact-box .text .top .cn{ font-size: 1.8em;}
.contact-box .text .top .en{ font-size: 1.2em; margin-top: 0;}
.contact-box .text .top .line{ margin-top: 20px; height: 1px;}
.contact-box .text .p{ font-size: 1.2em;}
.contact-box .map{ width: 100%; height: 350px;}

.search_results{ padding: 20px 0;}
.search_results .top{ font-size: 1.6em; font-weight: normal;}
.search_results .list{ margin-top: 20px;}
.search_results .list li .title{ font-size: 1.6em;}
.search_results .list li .p{ font-size: 1.3em;}
.search_results .list li .date{ font-size: 1.2em;}
}