/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
.scaleimgg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

/*transition*/
.ani200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.ani300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.ani400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.ani500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.ani1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.nybox_aniuge {position: relative;padding-top: 30px; background:url(../images/dbdt.jpg) no-repeat center top;}
.leftNav {float: left; width: 261px;  position: relative;  margin-right: 70px;}
.leftNav {
	float: left;
	width: 261px;
	position: relative;
	margin-right: 70px
;}
.leftNav>h2 {
	line-height: 114px;
	color: #fff;
	background-color: #c8000b;
	font-size: 36px;
	overflow: hidden;
	font-weight: bold;
	text-align:center;}
.leftNav>h2 img {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px
;}
.leftNav p {
	margin-left: 20px;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	padding: 20px 0
;}
.leftNav>ul {
	background: #fff
;}
.leftNav>ul>li {
	position: relative;
	border-top: 1px solid #eeeeee
;}
.leftNav>ul>li:first-child {
	border-top: none
;}
.leftNav ul li a {
	display: block;
	font-size: 20px;
	color: #333333;
	line-height: 65px;
	padding-left: 45px
;}
.leftNav>ul>li>span {
	position: absolute;
	width: 25px;
	height: 25px;
	right: 10px;
	top: 20px;
	line-height: 50px;
	background: url(../images/sub_left_down.png) no-repeat center center;
	cursor: pointer;
	transition: all 0.3s
;}
.leftNav>ul>li.on>span {
	transform: rotate(90deg)
;}
.leftNav>ul>li.on>a {
	color: #c8000b;
	font-weight: normal
;}
.leftNav>ul>li.activ {
	background: #dadada
;}
.leftNav>ul>li.active>a {
	color: #c8000b;
	font-weight: normal
;}
.leftNav ul li.active {
	border-left: 3px solid #c8000b
;}
.leftNav ul li.on {
	border-left: 3px solid #c8000b
;}
.leftNav ul li.active ul {
	display: block
;}
.leftNav ul li a:hover {
	background-position: 31px center;
	color: #c8000b
;}
.leftNav>ul>li>ul {
	display: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0
;}
.leftNav>ul>li>ul>li>a {
	font-size: 16px;
	line-height: 64px;
	border-top: 1px solid #eeeeee;
	padding-left: 65px;
	color: #666666
;}
.ny_right {  min-height: 350px;overflow: hidden; padding-top:20px;}

.newspicList { margin-bottom: 40px; margin-top:50px;}
.newspicList li { padding: 30px 0; border-bottom: 1px solid #f5d1c6;}
.newspicList li:first-child {
	padding-top: 0;}
.newspicList li a {
	display: block;
	height: 220px;
	padding-left: 360px;
	position: relative;}
.newspicList li a .pic {
	width: 335px;
	height: 220px;
	position: absolute;
	left: 0;
	top: 0;
	background:#eff4f4;
	/*border:1px solid #eff4f4;*/ text-align:center;
	overflow: hidden;}

.newspicList li a .pic .txt { width:100%; height:160px;  text-align:center; font-size:34px; line-height:42px; font-weight:bold; color:#1550a8; vertical-align:middle;display: grid;  place-items: center;}	

.newspicList li a .pic .txt_bot { height:60px; text-align:center; background:#16489f url(../images/mp_botlogo.png) no-repeat center;} 
	
.newspicList li a:hover .pic .txt  {color:#fff;}
.newspicList li a:hover .pic {background:#a7191f;transition: All 0.4s ease-in-out;}	
	
.newspicList li a .pic em {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;}
.newspicList li a h5 {
	font-size: 20px;
	line-height: 58px;/* height:56px;*/
	color: #000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.newspicList li a p {
	font-size: 16px;
	line-height: 30px;
	color: #444;
	margin-bottom: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	height:115px;}
.newspicList li a span {
	display: block;
	font-size: 13px;
	line-height: 28px;
	color: #333;}
.newspicList li a:hover h5 {
	color: #fb0802;
	padding-left: 6px;}
.newspicList li.nopic a {
	padding-left: 0;}
	
	
.newspicList li a  svg{width: 12px;   height: 12px; padding-top:10px;   fill: #666;   margin-right:5px;}
.newspicList li a .more { color: #666; font-size: 15px; padding:0 10px; width:120px; height:32px; border:1px solid #ccc; text-align:center;}
.newspicList li a:hover .more { color:#cb181c;}
.newspicList li a:hover svg {   transition: .5s; transform: rotate(45deg); fill: #cb181c;}	
	

.news_box {}
.newsList { float: right; width: calc(100% - 567px);}
.newsList ul::after { content: ''; clear: both; display: block; height: 0;}
.newsList li { margin-bottom: 24px; float: left; width: calc(50% - 14px);}
.newsImg { float: left; overflow: hidden; width: 149px; height: 106px; overflow: hidden;}
.newsImg img { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 1s;}
.newsList li:hover img { transform: scale(1.1);}
.newsList li:hover p { color: #e73828;}
.newsDesc { height: 106px; padding: 20px; float: right; width: calc(100% - 149px); border: 1px solid #f6ede0; border-left: none;} 
.newsList li:nth-child(2n) { float: right;}
.newsDesc p { transition: all .5s; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 16px; color: #222222; line-height: 28px;}
.newsList li:nth-child(4+n) { margin-bottom: 0;}






.soluScroll1{width: 100%;position: relative;overflow: hidden; margin-top:60px; margin-bottom:100px;}
.soluScroll1 .gallery-top{width: 100%;position: relative;overflow: hidden;margin-bottom: 30px;margin-bottom: 22px;}
.soluScroll1 .gallery-top .swiper-slide .wrap{height: 550px;padding-right: 245px;position: relative;}
.soluScroll1 .gallery-top .swiper-slide .wrap .pic{width: 100%;height: 100%;overflow: hidden;position: relative;}
.soluScroll1 .gallery-top .swiper-slide .wrap .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text{width: 245px;height: 100%;position: absolute;right: 0;top:0;background: #c8000b;box-sizing: border-box;padding: 72px 30px 0 30px;font-size: 16px;line-height: 32px;color: #ffffff;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text .tit{line-height: 45px;margin-bottom: 32px;font-size: 30px;font-weight: normal;}
.soluScroll1 .gallery-top .swiper-button-next{width: 53px;height: 53px;background: url(../images/arrow2.png) no-repeat center;right: 160px;bottom: 60px;margin-top: 0;z-index: 2;top:auto;}
.soluScroll1 .gallery-thumbs{width: 100%;overflow: hidden;padding-top: 8px;}
.soluScroll1 .gallery-thumbs .swiper-slide{width: 248px;height: 139px;position: relative;cursor: pointer;}
.soluScroll1 .gallery-thumbs .swiper-slide .pic{width: 100%;height: 100%;overflow: hidden;}
.soluScroll1 .gallery-thumbs .swiper-slide .pic em{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.soluScroll1 .gallery-thumbs .swiper-slide .pic:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing: border-box;border:2px solid #c8000b;z-index: 2;filter: alpha(opacity=0);opacity: 0;}
.soluScroll1 .gallery-thumbs .swiper-slide i{position: absolute;left: 50%;margin-left: -8px;top:-8px;filter: alpha(opacity=0);opacity: 0;
width:0;height:0;
border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #c8000b;}
.soluScroll1 .gallery-thumbs .swiper-slide.swiper-slide-active .pic:before,
.soluScroll1 .gallery-thumbs .swiper-slide.swiper-slide-active i{filter: alpha(opacity=100);opacity: 1;}

.contSolution .item4{padding-bottom: 100px;background: url(../images/csolutionbg2.jpg) no-repeat center top;background-size: cover;}
.contSolution .item4 .desc{font-size: 16px;line-height: 32px;color: #ffffff;text-align: center;margin-bottom: 32px;}

.contSolution .exhibition_hall{position: relative;  z-index: 1;width: 518px;margin: 0 auto;padding: 0 70px;position: relative;}
.contSolution .exhibition_hall .btn{width: 50px;height: 50px;position: absolute;top:50%;margin-top: -25px;cursor: pointer;}
.contSolution .exhibition_hall .prev{background: url(../images/leftarr.png) no-repeat center;background-size: 100% 100%;left: 0;}
.contSolution .exhibition_hall .next{background: url(../images/rightarr.png) no-repeat center;background-size: 100% 100%;right: 0;}
.contSolution .roundabout_box { height: 437px; width: 100%;box-sizing: border-box;padding: 0 110px;position: relative;overflow: hidden;}
.contSolution .roundabout-holder {list-style: none; width: 100%; height: 437px; margin: 0px auto;}
.contSolution .roundabout-moveable-item {width: 100%; height: 437px;position: relative;overflow: hidden;cursor: pointer;pointer-events: none;}
.contSolution .roundabout-moveable-item em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;
-webkit-filter: blur(2px );-moz-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);}
.contSolution .roundabout-moveable-item i{width: 88px;height: 88px;position: absolute;left: 50%;top:50%;margin: -44px 0 0 -44px;z-index: 2;background: url(../images/fdj.png) no-repeat center;background-size: 100% 100%;
-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.contSolution .roundabout-moveable-item.roundabout-in-focus{pointer-events: auto;}
.contSolution .roundabout-moveable-item.roundabout-in-focus em{-webkit-filter: blur(0 );-moz-filter: blur(0);-ms-filter: blur(0);filter: blur(0);}
.contSolution .roundabout-moveable-item.roundabout-in-focus i{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;}


.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.Gallery.show{opacity:1;}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120;}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed;}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120;}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer;}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer;}
.Gallery img{max-height:87%;max-width:99%;}
.Gallery.Gallery-none img{max-height:100%;max-width:99%;}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px;}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px;}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px;}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px;}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0;}
.g-list span{display:inline-block;vertical-align:middle;height:100%;}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px;}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent;}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff;}
.g-close{cursor:pointer;}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px;}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px;}
.g-top button:hover{opacity:1;}


	
/*视频*/	

.list-video ul{}

.list-video ul li{
	width:48.5%;
	margin-right: 3%;
	float: left; 
	margin-top: 38px;}
.list-video ul li:nth-child(2n){ margin-right:0;}
.list-video ul li a{
	display: block;
	position: relative;
	 width: 100%;
	 height:390px;
	 overflow: hidden;}


.list-video ul li a .video-img{
       width: 100%;
    min-height: 100%;
   transition: all 0.5s;
    transform: scale(1.0);}

.list-video ul li:hover a .video-img{
   transition: all 0.5s;
    transform: scale(1.1);}



.list-video ul li a .video-text{
	 width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #f9f9f9;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	background: url(../images/list-title.png) center repeat;
       transition: all 0.5s;}

.list-video ul li:hover a .video-text{
   height: 100%;
    transition: all 0.5s;}

.list-video ul li a .video-text img{
  position: absolute; width:43px;
    left: 15px;
    top: 15px;
  transition: all 0.5s;}

.list-video ul li:hover a .video-text img{

    top: 140px;
    left: 50%;
	margin-left:-35px;
    width: 70px;
    transition: all 0.5s;}

.list-video ul li a .video-text p{
   position: absolute;
    left: 70px;
    top: 0;
    width: 80%;
   color: #f9f9f9;
    height: 70px;
    line-height: 70px;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 transition: all 0.5s;}


.list-video ul li:hover a .video-text p{
   text-align: center;
    width: 90%;
    top: 205px;
    left: 5%;
    transition: all 0.5s;}




.study{}
.study .titCell::before { left: 260px;}
.study ul { margin-top:50px;}
.study ul::after { content: ''; clear: both; display: block; height: 0;}
.study li { float: left; width: 32%; margin-right:2%; margin-bottom:25px;}
.study li:nth-child(3n) { margin-right: 0;}

.study li .casePic {position:relative;width:100%;height:0;padding-top:56%;}

.study li .casePic img {
position:absolute;
inset:0;
    height: 100%;
    object-fit: cover;
}

.study li p { transition: all .5s; font-size: 18px; color: #06273a; position: relative; line-height: 30px;min-height:60px; text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;

}
.study li p::after { transition: all 1s; content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 0; background: #e73828;}
.study li:hover p::after { width: 100%;}
.study li:hover p { color: #e73828;}
.casePic img { display: block; width: 100%; transition: all 1s;}
.casePic {overflow: hidden;}
.study li:hover img { transform: scale(1.1);}
.explan { padding: 70px 0 90px;}
.explanSlide li { margin-bottom: 8px; overflow: hidden; border-radius: 6px;}
.explanSlide li h2 {text-overflow: ellipsis;  white-space: nowrap;  line-height: 60px; background: #f6f6f6; text-indent: 45px; position: relative; cursor: pointer; font-size: 18px; color: #000000; transition: all .5s;}
.explanSlide li h2::after { content: ''; width: 8px; height: 8px; background: #e73828; position: absolute; left: 16px; top: 50%; margin-top: -4px;
border-radius: 50%;}
.explanDesc { display: none; background: #fbf2d5; padding: 18px 2.3vw 22px;}
.explanDesc p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 16px; color: #2d2d2d; line-height: 2;}
.explanSlide { float: left; width: 680px; max-width: 49%;}
.explanSlide:nth-child(2n) { float: right;}
.explanSlide li.cur h2 { background: #ac0508; color: #ffffff;}
.explanSlide li.cur h2::after { background: #f7e3b3;}
.explanSlide dl {overflow: hidden;}
.explanSlide dt { margin-bottom: 12px; text-align: center; float: left; width: 320px; max-width: 49%;}
.explanSlide dt:nth-child(2n) { float: right;}
.noticePic { height: 217px; overflow: hidden;}
.noticePic img {display: block; height: 100%; object-fit: cover; width: 100%; transition: all 1s;}
.explanSlide dt:hover img { transform: scale(1.1);}
.explanSlide dt p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  transition: all .5s; font-size: 18px; color: #06273a; line-height: 56px;}
.explanSlide dt:hover p { color: #ac0508;}
.explanSlide .titCell { margin-bottom: 40px;}

.titCell { position: relative;}
.titCell::before { content: ''; position: absolute; left: 240px; right: 0; bottom: 0; background: url(../images/titleline.png) left bottom repeat-x; height: 6px;}
.titCell::after { content: ''; clear: both; display: block; height: 0;}
.titleImg { float: left;}
.titCell a.moreBtn { line-height: 28px; margin-top: 30px; float: right; background: url(../images/moreicon.png) left center no-repeat; padding-left: 34px; font-size: 15px; color: #da2420; float: right;}


.insideBanner {background: url(../images/n_02.jpg) right bottom no-repeat; height: 476px; background-size: cover;}
.insideBanner>img { display: block; width: 100%;}
.insideTxt { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-30%);}
.insideBanner { position: relative;}
.insideTxt img { display: block; margin: 0 auto;}
.insideTxt img:nth-child(1) { margin-bottom: 25px;}


.listCont {  padding-bottom: 80px; width:100%; margin: 30px auto 0;}
.listCont ul { padding-left:16px; margin-top:35px;}
.insideTxt img:nth-child(1) { max-width: 92%;}
.listTitle { height: 87px; position: relative; line-height: 87px;}
.listTitle .titleName { float: left; margin-top: 28px;}
.listTitle span.lines { margin-top: 35px; float: left; background: url(../images/n_09.jpg) left center repeat-x; height: 20px; width: calc(100% - 144px); margin-left: 6px;}
.location { color: #232323; font-size: 14px; position: absolute; right: 0; bottom:10px; height: 30px; background:url(../images/iconloca.png) no-repeat left 3px; padding-left:25px;}
.listTitle::after { content: '';background: url(../images/n_14.png) left bottom no-repeat; position: absolute; left: 0; bottom: 0; height: 13px; width: 100%;}
.location a { color: #232323;}
.insideBg { background: #ffffff;}
.listCont li { padding-left: 38px; position: relative; line-height: 80px; border-bottom: 1px solid #f5d1c6; transition: all .5s;}
.listCont li::after { content: ''; clear: both; display: block; height: 0;}
.listCont li:hover { border-bottom: 1px solid #e76674;}
.listCont li p {  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; max-width: calc(100% - 100px); float: left; font-size: 18px; color: #000;}
.listCont li:hover p { text-indent:10px; color:#ff0000;transition: all .5s; font-weight:bold;}
.listCont li span { float: right; font-size: 16px; color: #999999;}
.listCont li::before { content: ''; background: url(../images/dot2.png) center no-repeat; width: 14px; height: 14px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.fpage { margin-top: 60px; text-align: center;}
.fpage a,.fpage span { margin: 0 5px; display: inline-block; vertical-align: top; background: #ffffff; border: 1px solid #d7dfdc; font-size: 12px; padding: 0 10px;
line-height: 30px; transition: all .5s;}
.fpage a:hover { border: 1px solid #ba2528; background: #ba2528; color: #ffffff;}
.fpage select { border: 1px solid #d7dfdc; line-height: 32px; width: 64px; outline: none; height: 32px;}
.insideFooter { margin-top: -140px;}
.articleCont { background: url(../images/dbdt.jpg) center top no-repeat; padding-top:50px; padding-bottom:60px; background-size:cover;}
.articleBox { width: 1280px; max-width: 92%; background: #FFFFFF; position: relative; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 18px 35px 70px; margin: 0px auto;}
.titleCont { text-align: center; font-size: 32px; color: #252525; line-height: 1.375; font-weight: bold;}
.arc-info{ line-height: 24px; padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-top: 25px;font-size: 14px;color: #666;}
.arc-info span{display: inline-block;margin: 0 10px;padding: 3px 0;}
.arc-info .resize a{ line-height: 30px; color: #000; position: relative; display: inline-block;}
.arc-info a.large-size { font-size: 19px;margin: 0 5px;}
.arc-info a.large-size:after{content: '+';font-size:12px;position: absolute;top: 0;right: -7px;}
.arc-info a.normal-size { font-size: 16px;margin: 0 5px;}
.arc-info a.small-size { font-size: 14px;margin: 0 5px;}
.arc-info a.small-size:after {content: '-';font-size: 12px;position: absolute;top: -3px;right: -5px;}
.control {float: right;}
.tag { float: left;}
.articleInfor { padding-top: 32px;}
.articleInoforMation p { font-size: 18px; color: #252525; text-indent: 36px; margin-bottom:18px ; line-height: 2;}
.articleInoforMation img { display: block; margin: 0 auto 18px; width: 70%; max-width: 800px !important; }

.articleInoforMation strong { font-weight:bold !important;}

.artEnd { text-align: right;}
.artEnd span { font-family: '楷体'; font-size: 18px;}
.flex-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;}
.flexc {
    align-items: center;}
.arc-share{padding-bottom: 20px;}
.social-share {
    font-family: "iconfont" !important;}

.social-share * {
    font-family: "iconfont" !important;}

.social-share .icon-qq:before {
    content: "\e60f"
;}

.social-share .icon-qzone:before {
    content: "\e80f"
;}

.social-share .icon-weibo:before {
    content: "\e61f"
;}

.social-share .icon-wechat:before {
    content: "\e616"
;}

.social-share .icon-qzone:hover {
    background: #FDBE3D;
    color: #fff
;}

.social-share .icon-weibo:hover {
    background: #ff3b3b;
    color: #fff
;}

.social-share .icon-wechat:hover {
    background: #33b045;
    color: #fff
;}

.social-share a {
    position: relative;
    text-decoration: none;
    margin-left:15px;
    display: inline-block;
    outline: 0
;}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    font-size: 24px;
    border-radius: 5px;
    line-height: 40px;
    color: #888;
    text-align: center;}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -170px;
    left: -54px;
    width: 140px;
    height: 152px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all .2s;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
;}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
;}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
;}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
;}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
;}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0!important
;}

.social-share .icon-wechat .wechat-qrcode .help {
    display: none
;}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: 400;
    line-height: 16px;
    padding: 0;
    margin: 0
;}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
;}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
;}

.picCont { padding-bottom: 20px; width: 100%; margin: 30px auto 0;}


.share { border-bottom: 1px solid #dddddd; margin-top: 20px; font-size: 14px;}
.qrcode img { max-width: 100%;}
.pageControl { margin-top: 20px; overflow: hidden;}
.pageControl .pageLeft{ float: left;width: calc(100% - 110px);}
.backMenu { float: right; font-size: 14px; color: #ffffff; background: url(../images/backmenu.png) 8px center no-repeat #e6211e; border-radius: 3px; text-indent: 24px; width: 90px; line-height: 31px; margin-top: 16px;}
a:hover.backMenu  { color:#ffc000;}
.pageLeft p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 16px; line-height: 2; color: #232323;}
.pageLeft p a { color: #232323; transition: all .5s;}
.pageLeft p:hover a { color: #e6211e;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(230,33,30,.5); z-index: 4;}

.hideNav { display: none;}
.articleInoforMation#small-size p{ font-size: 16px;}
.articleInoforMation#normal-size p{ font-size: 18px;}
.articleInoforMation#large-size p{ font-size: 22px;}

@media screen and  (max-width:1440px){
	
	.newsDesc p { font-size: 14px;}
	.importantList li,.study li p,.explanSlide dt p { font-size: 16px;}
	.newsDesc { padding: 20px 10px;}

	.mailTitle { font-size: 30px;}
	.titleCont { font-size: 26px;}
	
	
}
@media screen and  (max-width:1200px){
	.news { padding: 30px 0;}
	.titleImg img { height:40px;}
	.titCell::before { left: 140px;}
	.titCell a.moreBtn { font-size: 14px; margin-top: 10px;}
	.newsCont { margin-top: 2px;}
	.newsPic { float: none; margin: 0 auto 10px; height: auto; max-width: 100%;}
	.newsPic p { font-size: 14px; line-height: 32px;}
	.newsList { float: none; width: 100%;}
	.important { padding: 30px 0;}
	.importantSlide { height: auto; margin-bottom: 10px; float: none; width: 100%; max-width: 100%;padding-bottom: 15px;}
	.importantList li a { font-size: 14px; line-height: 32px;}
	.importantSwiper .swiper-slide { height: auto;}
	.importantSlide .titCell { margin-bottom: 20px;}
	.study { padding: 0px 0;}
	.importantList li, .study li p, .explanSlide dt p { font-size: 14px;}
	.study li { margin: 0 0 2%; width: 49%;}
	.study li:nth-child(2n) { float: right;}
	.study .titCell::before { left: 160px;}
	.study ul { margin-top: 20px;}
	.study li p { line-height: 32px;}
	.explan { padding: 30px 0;}
	.explanSlide { margin-bottom: 20px; width: 100%; float: none; max-width: none;}
	.explanSlide li h2 { line-height: 40px; text-indent: 30px; font-size:16px;}
	.explanDesc p { font-size: 14px;}
	.explanSlide li h2::after { width: 4px; height: 4px;}
	.explanSlide .titCell { margin-bottom: 20px;}
	.noticePic { height: auto;}
	.explanSlide dt p { line-height: 2.5;}
	.explanSlide:last-child { margin-bottom: 0;}
	
	
	
	
	.articleInoforMation#small-size p{ font-size: 14px;}
	.articleInoforMation#normal-size p{ font-size: 16px;}
	.articleInoforMation#large-size p{ font-size: 20px;}
	.pageLeft p { font-size: 14px;}
	.articleInoforMation p { font-size: 14px; text-indent: 28px;}
	.titleCont { font-size:20px;}
	.hideNav { display: block;}
	
	
	.listCont { margin-top: 0; padding-bottom: 20px;}
	.fpage { margin-top: 20px;}
	.insideFooter { margin: 0 auto;}
	
	.insideBanner { height: 260px;}
	.insideTxt img:nth-child(2) { width: 15%;}
	.mailCont { padding: 20px;}
	.mailTitle { font-size: 20px; line-height: 1.35;}
	.mailPage { padding: 10px;}
	.mailPage h2, .mailPage p { font-size: 14px; margin-bottom:10px;}
	.mailPage p {text-indent: 28px;}
	.endInfor span { font-size: 14px;}
	.mailBox { background: #b70c00;}
	.cellBanner { margin: 20px auto 0;}
	.titleCell::after { width: 30%;}
	.focusePic { height: auto;}
	.focusImg { float: none; width: 100%; margin-bottom: 20px;}
	.titleCell::before,.titleCell::after { display: none;}
	.titleCell img{ height: 40px;}
	.titleCell { padding-left: 0;}
	.section-mail {padding-bottom: 20px;}
	.focusePic p { font-size: 14px; line-height: 32px;}
	.focusCont { margin: 20px 0;}
	.titleCell a { zoom: .8;}
	.focusTxt { float: none; width: 100%;}
	.focusTxt h2 { font-size: 18px;}
	.focusTxt li p { font-size: 16px;}
	.focusTxt li span { font-size: 13px;}
	.focusTxt li { line-height: 40px;}
	.trainSection { padding: 20px 0;}
	.trainPic { margin: 20px 0;}
	.sectionBottom { padding: 20px 0 0;}
	.findVideo { margin: 20px 0;}
	.articleBox { padding: 20px;}
	.videoTag { zoom: .5;}
	.articleCont { padding-bottom: 30px; padding-top:30px;}
	.articleBox { margin: 0px auto;}
	.listCont li span { font-size: 14px;}
	.listCont li p { font-size: 16px;}
	.listCont li { padding-left: 20px; line-height: 60px;}
	.fpage a, .fpage span { margin: 0; padding: 0 5px;}
	.fpage span:nth-child(1),.fpage span:nth-child(2) { display: none;}
	.listTitle .titleName { width:90px;}
	.listTitle span.lines { margin-top: 30px;}
	.location { line-height: 25px;}
	
	.listCont ul { padding:0 10px; margin-top:10px;}
	
	.leftNav { display:none;}
	
	.newspicList { margin-bottom: 20px; margin-top:20px;}
.newspicList li {
	padding: 20px 0;}
.newspicList li a {
	height: auto;
	padding-left: 0;}
.newspicList li a .pic {
	width: 100%;
	position: relative;
	height: auto;
	margin-bottom: 5px;}
.newspicList li a .pic em {
	height: 0;
	padding-bottom: 57.07%;}
.newspicList li a p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 22px;}
.newspicList li a h5 {
	font-size: 18px;}
.newspicList li a span {
	line-height: 14px;}
.newspicList li.nopic a .pic {
	display: none;}
	


.list-video ul li {  width: 100%;   margin-right: 0;}

.list-video ul li { margin-bottom:0px;}	

.list_messagepage .message_form .message_yzm { width:100%;}

.list_messagepage .message_form .message_last {    width: 100%;    margin-right: 0px;}

.list-video ul li a { height:auto; max-height:310px;}	



.soluScroll1 .gallery-top .swiper-slide .wrap{height: auto;padding-right: 0;}
.soluScroll1 .gallery-top .swiper-slide .wrap .pic{height: 0;padding-bottom: 56.4%;position: relative;}
.soluScroll1 .gallery-top .swiper-slide .wrap .pic em{position: absolute;left: 0;top:0;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text{width: 100%;position: relative;padding: 5%;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text .tit{font-size: 24px;line-height: 32px;margin-bottom: 20px;}
.soluScroll1 .gallery-top .swiper-button-next{display: none;}



}

@media screen and  (max-width:780px){
	
	.newsList li { float: none!important; overflow: hidden; width: 100%; margin-bottom: 10px;}

.articleInoforMation img { max-width:100% !important; }
.articleInoforMation, .articleInoforMation p, .articleInoforMation div { line-height:2; }

	.cellBanner .swiper-button-prev,.cellBanner .swiper-button-next { height: 100%; margin: 0; top: 0;}
	.tag { float: none;}
	.arc-info span { line-height:1.5; font-size: 12px;}
	.control { float: none;}

	.trainNews { padding: 20px;}
	.trainNews li,.findList li,.backSlide { float: none; width: 100%; font-size: 16px; line-height: 40px;}
	.backTop { margin-bottom: 10px; height: auto;}
	.backTop p { position: relative; z-index: 2; font-size: 16px; line-height: 2.5;}
	.backSlide li { line-height: 40px; font-size: 16px;}
	.backSlide { margin-bottom: 20px;}

	.insideBanner { height: 200px;}
	.insideTxt { transform: translateY(-50%);}
	.articleInfor { padding-top: 20px;}
	.arc-info { padding-bottom: 0;}
	.importantList ul { padding: 0 5px;}
	.importantSwiper { padding: 0 5px;}


	.picCont { padding-bottom:30px;}
	
	
	

.soluScroll1 .gallery-top{margin-bottom: 12px;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text{font-size: 14px;line-height: 28px;}
.soluScroll1 .gallery-top .swiper-slide .wrap .text .tit{font-size: 20px;line-height: 28px;margin-bottom: 8px;}
.soluScroll1 .gallery-thumbs .swiper-slide{width: 200px;height: 112px;}

.contSolution .item4 .desc{font-size: 14px;line-height: 24px;margin-bottom: 20px;}

.contSolution .item5 .soluScroll1 .swiper-slide .text{padding: 20px 8%;}
.contSolution .item5 .soluScroll1 .swiper-slide .text h5{font-size: 16px;line-height: 28px;}


	
}