/* 基础样式 */
body{touch-action: pan-y;}
a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
ol,ul,li {list-style:none; margin:0; padding:0;} 
a{ text-decoration: none; color:#333;}
a:link,a:visited{text-decoration: none;}

/* 阿里云字体图标 */
@font-face {
  font-family: 'iconfont'; 
  src: url('iconfont/iconfont.woff2') format('woff2'),
       url('iconfont/iconfont.woff') format('woff'),
       url('iconfont/iconfont.ttf') format('truetype');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}



/*bootrstrap样式复盖*/
.container-fluid{
	width:1440px !important;
	max-width:90% !important;
}
@media screen and (max-width:1300px){
	.container-fluid{
		max-width:95% !important;
	}
}
@media screen and (max-width:768px){
	.container-fluid{
		max-width:100% !important;
		padding-right: 10px;
		padding-left: 10px;
	}
	
}

#header{
	position:relative;
	z-index:900;
	height:85px;
	background:#fff;
	position:sticky;
	top:0px;
	padding:0 50px;
	display:flex;
	justify-content:space-between;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	border-bottom:1px solid #ddd;
	align-items:stretch;
}
#header .left{
	display:flex;
	align-items:center;
	align-items:stretch;
}

#header .right{
	display:flex;
	justify-content:right;
	align-items:stretch;
}
#header .logo{
	width: 423px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

#header .logo img{
	display:block;
	max-width:100%;
	height:0.25rem;
	max-height:80%;
	min-height:40px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#header .navList{
	margin:0px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#header .navList li{
	position: relative;
	margin:0 0.08rem;
}
#header .navList li a{
	font-size:15px;
	display:block;
	color:#000;
	position:relative;
	text-align:center;
	line-height:85px;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#header .navList li a:after{
	content:'';
	display:block;
	width:0%;
	height:3px;
	background:#e6212b;
	margin:-3px auto 0 auto;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#header .navList li a:hover:after{
	width:100%;
}

#header .navList li a.active:after{
	width:100%;
}
#header .navList li a .glyphicon{
	font-size:11px;
	transform:scale(0.7); 
}
#header .search{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin:0 30px;
	position:relative;
	z-index:999999;
}
#header .search-icon{
	display:block;
	cursor:pointer;
	font-size:24px;
}
#header .search-icon:hover{
	color:#e6212b;
}
#header .search-icon.active{
	color:#e6212b;
}
#header .search-form{
	position:absolute;
	background:rgba(0,0,0,0.1);
	width:320px;
	margin-top:100px;
	right:-8px;
	padding:10px;
	border-radius:3px;
	display:none;
}
#header .search-form form{
	position:relative;
}
#header .search-form form input{
	display: block;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    width: 100%;
    background: #fff;
    transition: none;
}
#header .search-form form button{
	    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    background: #4e6ef2;
    color: #fff;
    width: inherit;
    line-height: inherit;
}
#header .search-form form button:hover{
	background:#4662d9;
}

#header .lang{
	display:flex;
	align-items:center;
}
#header .lang a{
	display:block;
	line-height:32px;
}
#header .lang a .glyphicon{
	font-size:16px;
	position:relative;
	top:3px;
}
#header .lang a:hover{
	color:#e6212b;
}

#header.active{
	background:rgba(255,255,255,0.9);
	height:65px;
}
#header.active .navList li a{
	line-height:65px;
}


#header .sliders{
	position:absolute;
	margin-top:1px;
	top:100%;
	left:0px;
	width:100%;
	background:rgba(255,255,255,0.9);
	z-index:99999;
}
#header .child{
	display:none;
}
#header .sliders ul{
	display:flex;
	padding:20px;
	justify-content:center;
}
#header .sliders ul li{
	margin:0 10px;
}
#header .sliders ul li a{
	font-size:15px;
}
#header .sliders ul li a:hover{
	color:#e6212b;
}

.mMenu-icon{
	height:30px;
	width:30px;
	position: fixed;right: 15px;top: 15px;z-index:902;
}
.mMenu-icon .line{
	display:block;
	width:100%;
	height:3px;
	background:#e6212b;
	position:relative;
	transition: 0.3s;-moz-transition: 0.3s;	-webkit-transition: 0.3s;	-o-transition: 0.3s;
	transform:rotate(0deg);-ms-transform:rotate(0deg); 	-moz-transform:rotate(0deg); 	-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); 	
	transform-origin:right;
	border-radius:3px;
	overflow:hidden;
}
.mMenu-icon .l2{
	margin:8px 0;
	width:25px;
	position:relative;
	right:-4px;
}
.mMenu-icon.active .line{
	background:#e6212b;
}
.mMenu-icon.active .l1{
	transform:rotate(-45deg);-ms-transform:rotate(-45deg); 	-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); 
	transform-origin:right;
}
.mMenu-icon.active .l2{
	opacity:0;
}
.mMenu-icon.active .l3{
	transform:rotate(45deg);-ms-transform:rotate(45deg); 	-moz-transform:rotate(45deg); 	-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);
	transform-origin:right;
}

.mMenu-list{
	transition: 0.3s;-moz-transition: 0.3s;	-webkit-transition: 0.3s;	-o-transition: 0.3s;
	background:#fff;
	z-index:901;
	position:fixed;
	top:0px;
	right:-65%;
	height:100%;
	width:65%;
	padding-top:55px;
	border-radius:10000px 0 0 10000px;
	overflow:hidden;
}
.mMenu-list a{
	display:block;
	height:48px;
	line-height:48px;
	border-top:1px solid #eee;
	padding:0 20px;
	position:relative;
	z-index:9999;
	font-size: 17px;
}
.mMenu-list a.on{
	background:#e6212b;
	color:#fff;
}

.mMenu-list.active{
	right:0%;
	border-radius:0px;
}
.grayBg{
	position:fixed;
	left:0px;
	top:0px;
	background:#000;
	width:100%;
	height:100%;
	opacity:0.75;
	display:none;
	z-index:900;
}

@media screen and (max-width:768px){
	#header{
		padding:0 15px;
		height:55px;
	}
	#header.active{
		height:55px;
	}
}

/* 底部 */
#footer{
	background:#232323;
	background-size:cover;
	padding:0.25rem 0 0 0;
	color:#fff;
}
#footer .logo{
	margin-bottom:15px;
}
#footer p{
	color:#848484;
}
#footer .ewm{
	display:flex;
	justify-content:right;
}
#footer .address .small{
	color:#666;
}
#footer .bNav{
	display:flex;
	justify-content:space-between;
}
#footer .bNav h4{
	margin-bottom:15px;
}
#footer .bNav h4 a{
	color:#fff;
}
#footer .bNav .item{
	width:100%;
}
#footer .address p{
	color:#99cc99;
}
#footer .bNav .item ul{
	padding:0px;
}
#footer .bNav .item ul li{
	min-width:100px;
	padding:5px 0;
}
#footer .bNav .item ul li a{
	color:#848484;
}
#footer .bNav .item ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer .copyright{
	margin-top:50px;
	border-top:1px solid #333;
	display:flex;
	padding:20px 0;
	justify-content:space-between;
	color:#848484;
}
#footer .copyright a{
	color:#848484;
}
.gotop{
	position:fixed;
	bottom:180px;
	right:20px;
	background:#008d3f;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	zoom: 1;
	 transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
	z-index:99999;
	display:none;
}
.gotop:hover{
	transform:scale(0.9);
	background:#7bb232;
}




#mFooter{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:55px;
	padding:2px 0;
	background:#fff;
	z-index:999;
	box-shadow:0 0 5px #ddd;
	display:flex;
	border-radius:10px 10px 0 0;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#mFooter .item{
	width:100%;
}
#mFooter .item .iconbox{
	height:24px;
	text-align:center;
	margin-bottom:5px;
}
#mFooter .item .iconbox i{
	display:block;
	font-size:24px;
}
#mFooter .item img{
	display:block;
	margin:4px auto;
	height:24px;
}
#mFooter .item p{
	font-size:12px;
	text-align:center;
}
#mFooter .item.on p{
	color:#e6212b;
}
#mFooter .item.on .iconbox i{
	color:#e6212b;
}
@media screen and (min-width: 0px) and (max-width: 768px){
	.logo-info {
	    text-align: center;
	}
}


.p-x{padding-right:150px;padding-left:150px}
.p-x,.p-y{box-sizing:border-box}
.flex-row {
    display: flex;
}
.cover {
    background-size: cover;
}
.p-y {
    padding-top: 80px;
    padding-bottom: 80px;
}
.num-item{align-items:center;justify-content:center}
.num-item h1{display:flex;margin:0 50px;color:#fff;white-space:nowrap;font-size: 18px;align-items:flex-end}
.num-item h1 span{margin:0 5px;color:#fff;font-weight:600;font-size:14px}
.num-item h1 sup{top: -40px;font-weight:600;font-size: 28px;}
.num-item h1 span:first-child{font-weight:600;font-size: 72px;font-family:wbzt1;line-height: 60px;}

@media screen and (max-width: 1024px){
	.num-item {
	    display: none;
	}
}


.ab-pics{
	margin-top: 50px;
}
.ab-pics ul{
	overflow: hidden;
}
.ab-pics ul li{
	background-size: cover;
	height: 520px;
	width: 16.66%;
	float: left;
	position: relative;
}
.ab-pics ul li .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 22px;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	transition:  all ease 0.3s;
}
.ab-pics ul li p{
	font-size: 16px;
	margin-top: 10px;
}
.ab-pics ul li:hover .title{
	height: 300px;
	line-height:2;
	padding-top: 110px;
}
@media screen and (max-width: 1024px){
	.ab-pics ul li{
		height: 420px;
		width: 100%;
		margin-bottom: 30px;
	}
	.ywwu{
		background: #fff;
	}
	.pageBaner{
		
height: 120px;
	}
	.pageBaner img{
		height: 120px;
		position: absolute;
		width: auto;
		max-width: inherit !important;
		left: 50%;
		margin-left: -303px;
	}
}




.pro-title{
	text-align:center;
	font-size:36px;
	padding:0.3rem 0 0.2rem 0;
}
.pro-list{
	margin:40px 0;
}
.pro-list .item{
	margin:15px 0px;
	position:relative;
	background:#fff;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	border:1px solid #eee;
	box-sizing:border-box;
}
.pro-list .item:hover h3{
	background:#e6212b;
	color:#fff;
}
.pro-list .item:hover{
	transform:scale(0.98);
}
.pro-list .item img{
	width:100%;
	display:block;
}
.pro-list .item h3{
	text-align:center;
	font-size:15px;
	margin:0px;
	padding:0 10px;
	height:45px;
	line-height:45px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

@media screen and (max-width:768px){
	.pro-list{margin:20px 0;}
	.pro-list .row{margin-left: -5px;margin-right: -5px;}
	.pro-title{font-size:24px;padding: 25px 0 25px 0;}
	.pro-list .item{margin:0;}
	.pro-list .col-lg-3{padding:5px;}
}


.pagelist{
	padding-top:20px;
	text-align:center;
}
.pagination>li>a, .pagination>li>span{
	color:#666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #e6212b;
    border-color: #e6212b;
}



body{
	background:#f5f7fb;
}

/* 当前位置 */
.map{
    height: 60px;
    line-height: 60px;
    margin:10px 0 5px 0;
}
.map .page-title{
    font-size: 20px;
    font-weight: 400;
    color: inherit;
    float:left;
    margin-right: 20px;
}
.map ul{
    float:left;
}
.map ul li{
    display: inline-block;
}
.map ul li a{
    display: block;
    color: #6e7582;
    font-size:12px;
}
.map ul li a:before{
    content: "›";
    margin:0 8px 0 4px;
    color: #6e7582;
    position: relative;
    top:-2px;
}
.map ul li:first-child a:before{
    display: none;
}

/* 顶部信息 */
.pdinfo{
	margin:30px 0;
	overflow:hidden;
	background:#fff;
	padding:20px;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	background-clip: border-box;
    border-radius: 3px;
}

.slide {margin: 0 auto;position:relative;}
.view .swiper-container {max-width: 500px;max-height: 500px;}
.view .swiper-container .swiper-slide{display:flex;align-items:center;}
.view .swiper-container .swiper-slide img{display:block;margin:0 auto;max-width:100%;max-height:100%;}
.slide .arrow-left {
	position: absolute;
	left:0px;
	top: 50%;
	margin-top: -16px;
	z-index: 10;
	font-size:32px;
	cursor:pointer;
	color:#999;
}
.slide .arrow-left:hover{color:#333;}
.slide .arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	z-index: 10;
	font-size:32px;
	cursor:pointer;
	color:#999;
}
.slide .arrow-right:hover{color:#333;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {max-width: 500px;height: 82px;margin:0 auto;}
.preview .swiper-slide {
	width: 80px;
	height: 80px;
	cursor:pointer;
	padding:3px;
	box-sizing:border-box;
}
.preview .swiper-slide img{width:100%;height:100%;}
.preview img {padding: 1px;}
.preview .active-nav img {padding: 0;border: 2px solid #e6212b;}


.pdinfo .text .info span{
	display:inline-block;
	margin-right:10px;
	font-size: 16px;
}
.pdinfo .text h1{
	font-size:28px;
	line-height:36px;
	font-weight: bold;
}
.pdinfo .text .info{
	margin-bottom: 15px;
}
.pdinfo .text .info span i{
	position:relative;
	top:1px;
	margin-right:2px;
	color: #999;
	font-size: 18px;
}
.pdinfo .text .desc{
	font-size: 17px;
	line-height: 1.8;
	padding-right: 60px;
}

/* 祥情 */
.detail{
	margin: 30px 0;
	overflow:hidden;
	background:#fff;
	padding:20px 20px;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	border-bottom:none;
    border-radius: 3px 3px 0 0;
}
.detail .detail-title{
    margin-bottom: 15px;
    border-bottom:1px solid #eee;
	height:32px;
}
.detail .detail-title span{
	display:inline-block;
	height:32px;
	line-height:32px;
	border-bottom:1px solid #e6212b;
}

.detail img{
	max-width:100% !important;
}

html,body{
    overflow: visible !important;
}

.link{
	background:#fff;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	border-radius:0px 0px 3px 3px;
    border: 1px solid rgba(110,117,130,.2);
	overflow:hidden;
	padding:10px 20px;
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.link div{
	max-width:50%;
	border:1px solid #ddd;
	border-radius:3px;
}
.link div:hover{
	border:1px solid #e6212b;
}
.link div a{
	display:block;
	margin:8px 12px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.link div:hover a{
	color:#e6212b;
}
.rec{
    background: #fff;
    box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
    padding:20px 20px 10px 20px;
    border-radius: 3px;
    position: -webkit-sticky !important;
	overflow:hidden;
}
.rec-title{
	margin-bottom: 15px;
    border-bottom:1px solid #eee;
	height:32px;
}
.rec .rec-title span{
	display:inline-block;
	height:32px;
	line-height:32px;
	border-bottom:1px solid #e6212b;
}
.rec ul li a{
	display:block;
	font-size:16px;
	margin:20px 0;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec ul li a:hover{color:#e6212b;}
.rec ul li h3{
	font-size:15px;
	text-align:center;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec ul li .imgbox{
	overflow:hidden;
}
.rec ul li .imgbox img{
	width:100%;
}
.rec ul li a:hover:before{
	background:#fff;
}


@media screen and (max-width:768px){
	.pdinfo{padding: 15px;}
	.link{padding: 10px;}
	.detail{padding: 10px;}
	.rec{padding: 10px;}
	.pdinfo .text h1{
		font-size:22px;
		line-height:32px;
	}
	.rec .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.rec .col-xs-6{
		padding:5px;
	}
	.pdinfo .text .desc{
		padding-right: 0;
	}
}
.art-list {
	margin-top:40px;
}
.art-list .item{
	padding:10px;
	position:relative;
	margin-bottom:10px;
	box-shadow:0 0 0px #ddd;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	background:#fff;
	border-radius: 3px;
	overflow:hidden;
}
.art-list .item:hover{
	box-shadow:0 0 10px #ddd;
}
.art-list .item .imgbox{
	margin-right:15px;
	max-width:260px;
	float:left;
	max-width:30%;
}
.art-list .item a{
	display:block;
}
.art-list .item img{
	display:block;
	width: 270px;
	height: 176px;
}
.art-list .item .text h3{
	font-size:22px;
	color:#333;
	margin:20px 0;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.art-list .item .text .desc{
	font-size:14px;
	line-height:24px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
	color:#666;
	margin:20px 0;
}
.art-list .item .text .info i{
	position:relative;
	top:1px;
	margin-right:5px;
}
.art-list .item .text .date{
	color:#666;
	margin-right:15px;
}
.art-list .item .text .hit{
	color:#666;
}

.rec{
    background: #fff;
    box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    padding:20px 20px 10px 20px;
    border-radius: 3px;
	overflow:hidden;
}
.rec-title{
	margin-bottom: 15px;
    border-bottom:1px solid #eee;
	height:32px;
}
.rec .rec-title span{
	display:inline-block;
	height:32px;
	line-height:32px;
	border-bottom:1px solid #e6212b;
}
.rec ul li a h3{
	font-size:14px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec ul li a h3:hover{
	color:#e6212b;
}

.pagelist{
	padding-top:20px;
	text-align:center;
}
.pagination>li>a, .pagination>li>span{
	color:#666;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #e6212b;
    border-color: #e6212b;
}

@media screen and (max-width:768px){
	.art-list {
		margin-top:20px;
	}
	.art-list .item .text h3{
		font-size:18px;
		margin-top:5px;
		margin-bottom:5px;
	}
	.art-list .item .text .desc{
		-webkit-line-clamp:1;
		margin:4px 0;
	}
	.art-list .item img{
		width: 100%;
		height: 68px;
	}
}

.info_box .title_div{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;color: #666;text-align:center;font-size: 16px;}
.info_box .title_div h3{margin-bottom:24px;color:#333;font-size:32px;font-weight: bold;}
.info_box .title_div strong{padding-right:20px;border-right:1px solid #999;font-weight:400}
.info_box .title_div span,.info_box .title_div strong{display:inline-block;margin-right:18px;height:18px;line-height:18px}
.info_box .title_div em{display:inline-block;padding-left:20px;height:18px;background:url(../images/tb16.png) no-repeat 0;vertical-align:top;line-height:18px}
.info_box .title_div em a{margin:0;padding-left:0;height:18px;background-image:none;color:#999;font-size:14px;line-height:18px}
.info_box .content_div p{color:#333;font-size:18px;line-height:30px}
.info_box .content_div p img{display:block;margin:0 auto;width:auto;height:auto;max-width:100%}
.info_box .page_div{position:relative;margin-top:60px;padding:0 20px;height:50px;background:#f2f2f2;line-height:50px}
.info_box .page_div a{color:#999;font-size:16px;-webkit-transition:.5s ease;transition:.5s ease}
.info_box .page_div a.return_a{position:absolute;top:0;left:50%;color:#265593;transform:translateX(-50%)}
.info_box .page_div a.previous_a{float:left}
.info_box .page_div a.next_a,.info_box .page_div a.previous_a{overflow:hidden;max-width:calc(50% - 100px);text-overflow:ellipsis;white-space:nowrap}
.info_box .page_div a.next_a{float:right}
.info_box .page_div a:hover{color:#265593}

.djdt-box{width:100%;padding: 50px 0;}
.djdt-item{display:flex;width:100%}
.djdt-item-info{display:flex;box-sizing:border-box;padding-left:50px;flex-direction:column;justify-content:center}
.djdt-item-info h1{position:relative;display:flex;margin-bottom: 30px;padding-bottom:30px;align-items:center;justify-content:space-between;font-size: 26px;font-weight: bold;}
.djdt-item-info h1:after{position:absolute;bottom:0;left:0;width:40px;height:4px;background-color:#dd3422;content:""}
.djdt-item:nth-child(2n){flex-direction:row-reverse}
.djdt-item:nth-child(2n) .djdt-item-info{padding-right:50px;padding-left:0}
.djdt-item-info p{color:#888;font-size: 16px !important;line-height:32px !important;margin: 0 !important;}
.i50 {
    width: 50%;
}
@media screen and (max-width: 1024px){
	.i50 {
	    width: 100%;
	}
	.djdt-item {
	    align-items: flex-start;
		flex-wrap: wrap;
	}
	.djdt-item-info {
	    padding: 0;
	    margin: 20px 0;
	}
}



.q_content { padding-top: 58px; }
.q_content li { position: relative; margin-bottom: 53px;width: 48%;display: inline-block;vertical-align: top; }
.q_content li a { display: block; }
.q_content li:nth-child(1)::after {content: "";width: 1px;height: 219px;background: rgb(232,232,232);position: absolute;right: 0px;top: 0px;}
.q_content .icon {transition: all 0.3s ease 0s;width: 120px;height: 120px;display: block;margin: 0px auto 22px;background: #fff;line-height: 120px;text-align: center;color: #dd3422;border-radius: 50%;}
.q_content .icon i { font-size: 52px; transition: all 0.3s ease 0s; }
.q_content .tit { color: #dd3422; text-align: center; font-size: 18px; margin: 15px 0px; }
.q_content .number { font-size:18px; color:#dd3422; font-family: Arial; font-weight: bold; }
.q_content .txt { font-size:14px; color: rgb(110, 110, 110); margin-top: 7px; padding: 0px 15%; overflow: hidden; line-height: 2;}
.q_content li:hover .icon { background: #dd3422; }
.q_content li:hover .icon i { font-size: 60px; color: rgb(255, 255, 255); }

.fix:after,.fix:before{clear:both;display:table;content:""}
.HSE02 { background: rgb(242, 242, 242); padding: 50px 0px; margin-top: 0px; }
.HSE02 .content { margin-top: 44px; }
.HSE02 .left { width: 62%; float: left; }
.HSE02 .left .l_box { padding-left: 18%; }
.HSE02 .left .l_box .tit { font-size: 24px; line-height: 46px; color:#dd3422; margin-top: 35px; }
.HSE02 .left .l_box li { line-height: 30px; font-size: 14px; color: rgb(77, 77, 77);display: inline-block;width: 40%; }
.HSE02 .right img{
		max-width: 100%;
	}
@media screen and  (max-width:1024px){
	.q_content li {width: 100%}
	.q_content li::after{display: none;}
	.q_content .txt {padding: 0;}
	.HSE02 .left .l_box li {width: 100%;}
	.HSE02 .left{
		width: 100%;
	}
	.HSE02 .left .l_box{
		padding-left: 0;
		text-align: center;
	}
	
}


.cn-content{padding-top:70px;padding-bottom:0}
.cn-con{padding-bottom:80px}
.cn-con .content{margin-top:60px}
.cn-con .content li{margin-bottom:50px;background:#fff}
.cn-con .content li.last{margin-bottom:0}
.cn-con .content li .left{float:left;display:inline-block;width:60%}
.cn-con .content li .right{float:right;display:inline-block;width:40%}
.cn-con .content li .left .left_box{padding: 5% 6% 0 6%;text-align:justify}
.cn-con .content li .left .left_box .tit{margin-bottom:15px;color:#dd3422;font-size:30px}
.cn-con .content li .left .left_box .con{overflow:hidden;}
.cn-con .content li .left .left_box .con p{color:#000;font-size:16px;line-height:38px;margin: 0 !important;}
.cn-con .content li .left .left_box .con li{padding: 4px 0;margin: 0;}
.cn-con .content li .left .left_box .con li h4{font-size:16px;line-height:1.8;margin: 0;}
.cn-con .content li .left .left_box .con li p{font-size: 14px;line-height: 1.8;}
.cn-con .content li .right img{width: 100%;}
@media screen and  (max-width:1024px){
	.cn-con .content li .right{
		width: 100%;
	}
	.cn-con .content li .left {
	    width: 100%;
	}
	.cn-con .content li .left .left_box{
		padding: 6%;
	}
	.cn-con{
		padding-bottom: 0;
	}
}


.route { margin:   100px auto; }
.route .route_summary { margin: 40px 0px; font-size: 16px; color: rgb(41, 41, 41); line-height: 26px; }
.route .starting { width: 885px; height: 452px; background: url("../images/occupation_bg.png") center top no-repeat; position: relative; margin: auto; }
.route .starting .starting_list { position: absolute; width: 434px; }
.route .starting .starting_list .pic {width: 134px;height: 134px;line-height: 100px;text-align: center;border-radius: 50%;border: 17px solid rgb(150, 150, 150);cursor: pointer;}
.route .starting .starting_list .font { width: 270px; font-size: 16px; line-height: 24px; color: rgb(51, 51, 51); padding-top: 30px; display: none; }
.route .starting .starting_list .pic img { display: inline-block; width: 60px; vertical-align: middle; }
.route .starting .starting_list .pic .pic_2 { display: none; }
.route .starting .starting_list:hover .pic { border-color:#dd3422; }
.route .starting .starting_list:hover .pic .pic_1 { display: none; }
.route .starting .starting_list:hover .pic .pic_2 { display: inline-block; }
.route .starting .starting_list:hover .font { display: block; }
.route .starting .starting_list.starting_01 { top: 23px; right: 738px; }
.route .starting .starting_list.starting_01 .pic { float: right; }
.route .starting .starting_list.starting_01 .font { float: right; margin-right: 30px; }
.route .starting .starting_list.starting_02 { top: 21px; left: 737px; }
.route .starting .starting_list.starting_02 .pic { float: left; }
.route .starting .starting_list.starting_02 .font { float: left; margin-left: 30px;  }
.route .starting .starting_list.starting_03 { top: 293px; right: 732px; }
.route .starting .starting_list.starting_03 .pic { float: right; }
.route .starting .starting_list.starting_03 .font { float: right; margin-right: 30px;  }
.route .starting .starting_list.starting_04 { top: 293px; left: 737px; }
.route .starting .starting_list.starting_04 .pic { float: left; }
.route .starting .starting_list.starting_04 .font { float: left; margin-left: 30px;  }
.route .starting .starting_list .O0{font-size: 16px !important;line-height: 2;}

@media screen and  (max-width:1024px){
.route .starting{
        width: 100%;
        height: auto;
        background: none;
    }

    .route .starting .starting_list,
    .route .starting .starting_list.starting_01 .font,
    .route .starting .starting_list.starting_02 .font,
    .route .starting .starting_list.starting_03 .font,
    .route .starting .starting_list.starting_04 .font{
        position: static;
    }

    .route .starting .starting_list{
        width: 100%;
        margin: 30px 0;
    }

    .route .starting .starting_list.starting_01 .font,
    .route .starting .starting_list.starting_02 .font,
    .route .starting .starting_list.starting_03 .font,
    .route .starting .starting_list.starting_04 .font{
        display: block;
        float: right;
        width: 80%;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        line-height: 1.8em;
        padding-top: 0;
    }

    .route .starting .starting_list:after,
    .route .starting .starting_list:before{
        display: block;
        height: 0;
        content: "";
        visibility: hidden;
        clear: both;
    }

    .route .starting .starting_list.starting_01 .pic,
    .route .starting .starting_list.starting_03 .pic{
        float: left;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
	
	.route .starting .starting_list.starting_02 .pic,
	.route .starting .starting_list.starting_04 .pic{
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	}
	
    .route .starting .starting_list .pic{
        border-width: 2px;
        box-sizing: border-box;
        line-height: 88px;
    }

    .route .route_summary{
        font-size: 24px;
        line-height: 1.8em;
    }
	.route .starting .starting_list .pic img{
		width: 40px;
		padding-bottom: 10px;
	}
	
	}
	.gw-item,.gw-item-list{width:100%}
	.gw-item{position:relative;padding:50px 0;border-bottom:1px solid rgba(0,0,0,.1);transition:.5s}
	.gw-item h1{margin-bottom:30px;font-size:24px;transition:.5s}
	.gw-info span{position:relative;box-sizing:border-box;padding:0 30px;border-right:1px solid rgba(0,0,0,.1);color:#999;font-size:16px}
	.gw-info span:first-child{padding-left:0}
	.gw-info span:last-child{border-right:none}
	.gw-more-btn{position:absolute;top:80px;right:0;width:35px;height:35px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background-image:url(../images/jt-x.png);background-position:50%;background-size:auto;background-repeat:no-repeat;content:"";cursor:pointer;transition:.5s}
	.gw-more-btn-active{transform:rotate(180deg)}
	.gw-more{position:relative;display:flex;box-sizing:border-box;margin-top:30px;padding:30px 15% 30px 40px;width:100%;background-color:#f5f5f5}
	.gw-more p{font-size:16px}
	.btn-gw{position:absolute;top:50%;right:40px;display:flex;width:140px;height:40px;background-color:#dd3422;color:#fff;font-size:16px;transform:translateY(-50%);align-items:center;justify-content:center}
	.gw-item-active h1{color:#dd3422}
	.gw-item-active{padding-bottom:0}
	.gw-more-out{display:none}
	.pagination{margin-top:80px;width:100%}
	.pagination,.pagination a{display:flex;justify-content:center}
	.pagination a,.pagination span{margin:0 10px;padding: 0 10px;line-height: 2; border:1px solid rgba(0,0,0,.1);border-radius:3px;color:#666;font-size:16px;transition:.5s;align-items:center;display: inline-block;}
	.pagination .active{background-color:#dd3422;color:#fff}
	.pagination .next,.pagination .prev{display: inline-block;}
	.pagination a:hover{background-color:#dd3422;color:#fff}
	
	
	.map-box{position:relative;margin:60px auto 0;width:924px;height:453px;background-position:50%;background-size:auto;background-repeat:no-repeat}
	.map-box span{font-size:12px}
	.map-box ul{position:relative;width:100%;height:100%}
	.map-box ul li{position:absolute;display:flex;cursor:pointer;flex-direction:column;align-items:center}
	.map-box ul li i{width:25px;height:25px;background-image:url(../images/dw2.png)}
	.map-box ul li span{margin-top:5px;color:#666;font-size:.6rem}
	.map-box ul li:first-child{top:76%;left:43%}
	.map-box ul li:nth-child(2){top:71%;left:55%}
	.map-box ul li:nth-child(3){top:78%;left:59%}
	.map-box ul li:nth-child(4){top:90%;left:61%}
	.map-box ul li:nth-child(5){top:81%;left:65%}
	.map-box ul li:nth-child(6){top:76%;left:69%}
	.map-box ul li:nth-child(7){top:70%;left:79%}
	.map-box ul li:nth-child(8){top:63%;left:80%}
	.map-box ul li:nth-child(9){top:60%;left:68%}
	.map-box ul li:nth-child(10){top:57%;left:75%}
	.map-box ul li:nth-child(11){top:51%;left:67%}
	.map-box ul li:nth-child(12){top:50%;left:58%}
	.map-box ul li:nth-child(13){top:40%;left:68%}
	.map-box ul li:nth-child(14){top:43%;left:73%}
	.map-box ul li:nth-child(15){top:53%;left:79%}
	.map-box ul li:nth-child(16){top:28%;left:82%}
	.map-box ul li:nth-child(17){top:34%;left:80%}
	.map-box ul li:nth-child(18){top:33%;left:71%}
	.map-box ul li:nth-child(19){top:40%;left:79%}
	.map-box ul li .active{background-image:url(../images/dw2.png)}
	.map-info{position:absolute;display:none;box-sizing:border-box;padding:15px 30px;width:300px;background-color:#dd3422;line-height:1rem}
	.map-info:after{position:absolute;bottom:0;left:0;width:0;height:0;border:35px solid transparent;border-bottom-color:#dd3422;content:"";transform:translate(-20px)}
	.map-info h2{margin-bottom:10px;color:#fff;font-size:.7rem}
	.map-info p{box-sizing:border-box;padding-left:20px;background-position:0;background-size:auto;background-repeat:no-repeat;color:#fff;font-size:.6rem}
	.map-info-active{display:block;transform:translate(50px,-100%)}
	.map-out{display:flex;margin-top: 50px;}
	.map-box{margin:0}
	.address-list{display:flex;margin-left:100px;align-items:flex-start;justify-content:center}
	.address-item h1{position:relative;box-sizing:border-box;margin-bottom:30px;color:#333;font-size:28px}
	.address-item h1:before{position:absolute;top:50%;left:0;width:26px;height:26px;background-position:50%;background-size:auto;background-repeat:no-repeat;content:"";transform:translateY(-50%)}
	.address-item p{margin-bottom:15px;color:#666;font-size:16px}
	.address-item p:last-child{margin-bottom:0}
	.address-item{margin-bottom:50px}
	.address-item:last-child{margin-bottom:0}
	
	
	@media screen and  (max-width:1024px){
		.address-list {
		    margin: 0;
		    width: 100%;
		    margin-top: 20px;
		}
		.map-out {
		    flex-wrap: wrap;
		}
		.gw-more{
			padding: 30px 15px;
		}
		.p-y{
			    padding-top: 40px;
    		padding-bottom: 40px;
		}
		.p-x {
			padding-right: 20px;
			padding-left: 20px;
		}
	}