/*文字截断*/
.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: 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:  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  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:  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:  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:  no-repeat center;background-size: 100% 100%;left: 0;}
.contsolution .exhibition_hall .next{background:  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:  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:  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:  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:  left center no-repeat; padding-left: 34px; font-size: 15px; color: #da2420; float: right;}


.insidebanner {background:  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:  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: no-repeat left 3px; padding-left:25px;}
.listtitle::after { content: '';background:  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:  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:  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:  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;}


	
}