#el_37611501845519 { margin-top: 80px; } @media screen and (max-width: 991px){ #el_37611501845519 { margin-top: 0px; } } #el_71831501845519{width:100%;} #el_87021511146376 .item img {max-width:100%;} #el_87021511146376 img { max-width:100%; } #el_87021511146376 .owl-controls .owl-pagination { position:absolute; bottom:15px; width:100%; text-align:center; } #el_87021511146376 .owl-controls .owl-page { display:inline-block; } #el_87021511146376 .owl-controls .owl-page span { display:block;width:14px;height:14px;margin:0 5px;border-radius:50%;background-color:rgba(0,0,0,0.2);; } #el_87021511146376 .owl-controls .owl-page.active span,#el_87021511146376 .owl-controls .owl-page:hover span { background-color:rgba(0,0,0,0.5); } #el_87021511146376 .owl-controls .owl-buttons { position:absolute; top:50%; left:0; width:100%; margin-top:-40px; } #el_87021511146376 .owl-controls .owl-buttons .owl-prev,#el_87021511146376 .owl-controls .owl-buttons .owl-next { position:absolute; top:0; border-radius:50%; font-family:"simsun"; font-size:32px; color:#ccc; background-color:rgba(0,0,0,.3); width:50px; height:50px; line-height:50px; text-align:center; } #el_87021511146376 .owl-controls .owl-buttons .owl-prev:hover,#el_87021511146376 .owl-controls .owl-buttons .owl-next:hover { background-color:rgba(0,0,0,.6); } #el_87021511146376 .owl-controls .owl-buttons .owl-prev { left:15px; } #el_87021511146376 .owl-controls .owl-buttons .owl-next { right:15px; } #el_79841501845519 { padding-top: 50px; padding-bottom: 80px; background-color: #e9eff8; } @media screen and (max-width: 991px){ #el_79841501845519 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_79841501845519 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_79841501845519 { padding-top: 20px; padding-bottom: 20px; } } #el_74651501845519{width:100%;} #el_21051565680883 { text-align: center; } #el_34671565680883{width:100%;} #el_42321565680883 { font-size: 26px; color: #333333; padding-bottom: 5px; } #el_42321565680883 h4 { font: inherit; } #el_23001565680883 h4 { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; position: relative; } #el_23001565680883 h4:before { content: ""; width: 30px; height: 1px; background-color: #15A663; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 20px; left: 50%; margin-left: -15px; } #el_46641565680892 { text-align: center; margin-top: 50px; } @media screen and (max-width: 575px){ #el_46641565680892 { margin-top: 20px; } } #el_43371565680892{width:100%;} #el_83941565680933 img { width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_83941565680933 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_83941565680933 .proBox { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_83941565680933 .proBox:hover .proBody { background-color: #15A663; } #el_83941565680933 .proBox:hover .proTitle { color: #ffffff; } #el_83941565680933 .proBox:hover .proDigest { color: rgba(255,255,255,.8); } #el_83941565680933 .lower { margin-bottom: 20px; } #el_83941565680933 .proBox:hover { box-shadow: 0px 3px 30px rgba(0,0,0,0.2); } #el_83941565680933 .proBox:hover .proJump { background-color: #15a663; border-color: #15a663; color: #ffffff; box-shadow: 0 0 3px #ffffff; top: 0; } #el_83941565680933 .proBox:hover .proTitle { } #el_83941565680933 .proBox:hover .proImgBox { } #el_83941565680933 .proImgBox { overflow: hidden; } #el_83941565680933 .proBody { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 60px; position: relative; background-color: #FFFFFF; border-top-color: #eeeeee; border-top-width: 1px; border-top-style: solid; } #el_83941565680933 .proTitle { color: #3C3C3C; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-align: left; } #el_83941565680933 .proDigest { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(0,0,0,0.4); } #el_83941565680933 .proJump { position: absolute; z-index: 1; right: 10px; top: 50%; margin-top: -20px; width: 40px; height: 40px; line-height: 040px; text-align: center; color: #b6b6b6; font-size: 12px; border: 1px solid #e5e5e5; border-radius: 50%; background-color: #fff; transition-property: all; transition-duration: 0.5s; -webkit-transition: all 0.5; -ms-transition: all 0.5; } #el_83941565680933 .pageBox { text-align: center; } #el_83941565680933 .pagination>li>a,#el_83941565680933 .pagination>li>span { background: none; color: #666; } #el_83941565680933 .pagination>.disabled>span,#el_83941565680933 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_83941565680933 .pagination>.active>a,#el_83941565680933 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_83941565680933 .pagination>li:hover>a,#el_83941565680933 .pagination>li:hover>span { background-color: #ddd; } @media screen and (max-width: 767px){ #el_83941565680933 .proBox { margin-bottom: 20px; } #el_83941565680933 .lower { margin-bottom: 0px; }} @media screen and (max-width: 575px){ #el_83941565680933 { } } #el_65081565683702 { margin-top: 50px; text-align: center; } #el_58161565683702{width:100%;} #el_28981565683730 { display: inline-block; } #el_28981565683730 .btnLink { position: relative; display: inline-block; padding-top: 15px; padding-bottom: 15px; padding-left: 60px; padding-right: 60px; color: #666666; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-size: 14px; } #el_28981565683730 .text { position: relative; z-index: 1; } #el_28981565683730 .btnLink:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; background-color: #15A663; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_28981565683730 .btnLink:hover { color: #FFFFFF; border-color:#15A663; } #el_28981565683730 .btnLink:hover:before { width: 100%; } #el_43901565686174{width:50%;} @media screen and (max-width: 991px){ #el_43901565686174{width:100%;}} #el_53011565749624 img { max-width: 100%; } #el_53011565749624 { transition-property: all; transition-duration: 1s; } #el_57401565686177{width:50%;} @media screen and (max-width: 991px){ #el_57401565686177{width:100%;}} #el_41891565749604 { background-color: #FFFFFF; padding-top: 7%; padding-right: 7%; padding-bottom: 7%; padding-left: 7%; } #el_20391565749604{width:100%;} #el_53091565749771 { text-align: center; } #el_22771565749771{width:100%;} #el_76901565749771 { font-size: 26px; color: #333333; padding-bottom: 5px; } #el_76901565749771 h4 { font: inherit; } #el_49541565749771 h4 { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; position: relative; } #el_49541565749771 h4:before { content: ""; width: 30px; height: 1px; background-color: #15A663; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 20px; left: 50%; margin-left: -15px; } #el_79341565750223 p { margin: 0; } #el_79341565750223 { text-align: left; font-size: 14px; color: #777777; line-height: 26px; margin-top: 40px; } #el_57761565750331 { margin-top: 50px; text-align: center; } #el_26461565750331{width:100%;} #el_22711565750331 { display: inline-block; } #el_22711565750331 .btnLink { position: relative; display: inline-block; padding-top: 15px; padding-bottom: 15px; padding-left: 60px; padding-right: 60px; color: #666666; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-size: 14px; } #el_22711565750331 .text { position: relative; z-index: 1; } #el_22711565750331 .btnLink:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; background-color: #15A663; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_22711565750331 .btnLink:hover { color: #FFFFFF; border-color:#15A663; } #el_22711565750331 .btnLink:hover:before { width: 100%; } #el_23351565686260 { padding-top: 80px; padding-bottom: 80px; background-color: #e9eff8; } @media screen and (max-width: 991px){ #el_23351565686260 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_23351565686260 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_23351565686260 { padding-top: 20px; padding-bottom: 20px; } } #el_14781565686260{width:100%;} #el_28281565686260 { text-align: center; } #el_69651565686260{width:100%;} #el_44941565686260 { font-size: 26px; color: #333333; padding-bottom: 5px; } #el_44941565686260 h4 { font: inherit; } #el_16671565686260 h4 { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; position: relative; } #el_16671565686260 h4:before { content: ""; width: 30px; height: 1px; background-color: #15A663; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 20px; left: 50%; margin-left: -15px; } #el_36521565686260 { text-align: center; margin-top: 50px; margin-left: -50px; } #el_36521565686260:hover { } @media screen and (max-width: 575px){ #el_36521565686260 { margin-top: 20px; } } #el_75231565686260{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_75231565686260{width:100%;}} #el_32151565861985 { margin-left: 50px; background-color: #FFFFFF; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } #el_32151565861985:hover { box-shadow: 0 8px 16px 0 #d7d7d7; } #el_89011565861985{width:100%;} #el_42011565862397 img { max-width: 100%; } #el_42011565862397 { transition-property: all; transition-duration: 1s; } #el_54581565862414 { font-size: 18px; color: #333333; padding-top: 15px; padding-bottom: 15px; } #el_54581565862414 h4 { font: inherit; } #el_28071565862417 p { margin: 0; } #el_28071565862417 { font-size: 14px; color: #666666; line-height: 24px; } #el_63821565861515{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_63821565861515{width:100%;}} #el_23891565862696 { margin-left: 50px; background-color: #FFFFFF; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } #el_23891565862696:hover { box-shadow: 0 8px 16px 0 #d7d7d7; } @media screen and (max-width: 767px){ #el_23891565862696 { margin-top: 20px; } } #el_11641565862696{width:100%;} #el_45881565862696 img { max-width: 100%; } #el_45881565862696 { transition-property: all; transition-duration: 1s; } #el_21751565862696 { font-size: 18px; color: #333333; padding-top: 15px; padding-bottom: 15px; } #el_21751565862696 h4 { font: inherit; } #el_26071565862696 p { margin: 0; } #el_26071565862696 { font-size: 14px; color: #666666; line-height: 24px; } #el_78931565861515{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_78931565861515{width:100%;}} #el_17131565862699 { margin-left: 50px; background-color: #FFFFFF; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } #el_17131565862699:hover { box-shadow: 0 8px 16px 0 #d7d7d7; } @media screen and (max-width: 767px){ #el_17131565862699 { margin-top: 20px; } } #el_61401565862699{width:100%;} #el_15561565862699 img { max-width: 100%; } #el_15561565862699 { transition-property: all; transition-duration: 1s; } #el_78691565862699 { font-size: 18px; color: #333333; padding-top: 15px; padding-bottom: 15px; } #el_78691565862699 h4 { font: inherit; } #el_40461565862699 p { margin: 0; } #el_40461565862699 { font-size: 14px; color: #666666; line-height: 24px; } #el_66191565686852 { padding-top: 50px; padding-bottom: 80px; } @media screen and (max-width: 991px){ #el_66191565686852 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_66191565686852 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_66191565686852 { padding-top: 20px; padding-bottom: 0px; } } #el_78451565686852{width:100%;} #el_63301565686852 { text-align: center; } #el_49461565686852{width:100%;} #el_36771565686852 { font-size: 26px; color: #333333; padding-bottom: 5px; } #el_36771565686852 h4 { font: inherit; } #el_45311565686852 h4 { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; position: relative; } #el_45311565686852 h4:before { content: ""; width: 30px; height: 1px; background-color: #15A663; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 20px; left: 50%; margin-left: -15px; } #el_46081565687218 { } @media screen and (max-width: 575px){ #el_46081565687218 { } } #el_21511565687218{width:100%;} #el_73741565687218 img { width: 100%; max-height: 100%; position: relative; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_73741565687218 .newsBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_73741565687218 .newsBox { display: block; float: left; width: 50%; overflow: hidden; position: relative; background-color: rgb(241, 241, 241); transition-property: all; transition-duration: 0.8s; } #el_73741565687218 .newsBox:nth-child(4n+3),#el_73741565687218 .newsBox:nth-child(4n+4) { transform: rotateY(180deg); } #el_73741565687218 .newsBox:nth-child(4n+3) .newsBody,#el_73741565687218 .newsBox:nth-child(4n+3) .newsImgBox { transform: rotateY(180deg); } #el_73741565687218 .newsBox:nth-child(4n+4) .newsBody,#el_73741565687218 .newsBox:nth-child(4n+4) .newsImgBox { transform: rotateY(180deg); } #el_73741565687218 .newsBox:nth-child(4n+3):after,#el_73741565687218 .newsBox:nth-child(4n+4):after { transform: translateY(-50%) rotateY(360deg); } #el_73741565687218 .newsBody { float: left; width: 50%; padding: 50px 5% 0 5%; text-align: center; } #el_73741565687218 .newsImgBox { float: right; width: 50%; position: relative; overflow: hidden; } #el_73741565687218 .newsPhotos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #el_73741565687218 .newsIntro { display: block; text-align: left; font-size: 14px; color: #777777; line-height: 25px; } #el_73741565687218 .newsTime { margin-top: 30px; display: none; } #el_73741565687218 .newsFitle { font-family: Arial; text-align: left; font-size: 13px; color: #666666; margin-top: 5px; margin-bottom: 10px; } #el_73741565687218 .newsBox:hover { background-color: #15A663; } #el_73741565687218 .newsBox:hover .newsTitle,#el_73741565687218 .newsBox:hover .newsFitle,#el_73741565687218 .newsBox:hover .newsIntro { color: #fff; } #el_73741565687218 .newsBox:hover .newsPhoto { visibility: hidden; } #el_73741565687218 .newsTitle { font-size: 18px; text-align: left; color: #333333; } #el_73741565687218 .pagination { } #el_73741565687218 .pager-wrapper.clearfix { text-align: center; } #el_73741565687218 { margin-top: 50px; } @media screen and (max-width: 1199px){ #el_73741565687218 .newsBody { padding-top: 20px; } } @media screen and (max-width: 991px){ #el_73741565687218 .newsBox { float: none; width: 100%; } #el_73741565687218 .newsBox:nth-child(4n+3) { transform: rotateY(0deg); } #el_73741565687218 .newsBox:nth-child(4n+3) .newsBody,#el_73741565687218 .newsBox:nth-child(4n+3) .newsImgBox { transform: rotateY(0deg); } #el_73741565687218 .newsBox:nth-child(4n+3):after { transform: translateY(-0%); } #el_73741565687218 .newsBox:nth-child(even) { transform: rotateY(180deg); } #el_73741565687218 .newsBox:nth-child(even) .newsBody,#el_73741565687218 .newsBox:nth-child(even) .newsImgBox { transform: rotateY(180deg); } #el_73741565687218 .newsBox:nth-child(even):after { transform: translateY(-50%) rotateY(360deg); }} @media screen and (max-width: 575px){ #el_73741565687218 .newsTime { display: none; } #el_73741565687218 .newsBox:after { border-width: 10px; } #el_73741565687218 .pageBox { display: none; } #el_73741565687218 .newsBox { width: 100%; } #el_73741565687218 .newsImgBox { width: 100%; } #el_73741565687218 .newsBody { width: 100%; margin-bottom: 20px; } #el_73741565687218 { margin-top: 20px; } } #el_68581565860616 { padding-top: 50px; padding-bottom: 80px; } @media screen and (max-width: 991px){ #el_68581565860616 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_68581565860616 { padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_68581565860616 { padding-top: 20px; padding-bottom: 20px; } } #el_26971565860616{width:100%;} #el_60701565860616 { text-align: center; } #el_80601565860616{width:100%;} #el_43101565860616 { font-size: 26px; color: #333333; padding-bottom: 5px; } #el_43101565860616 h4 { font: inherit; } #el_68471565860616 h4 { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; position: relative; } #el_68471565860616 h4:before { content: ""; width: 30px; height: 1px; background-color: #15A663; margin: 0 auto; margin-bottom: 40px; position: absolute; top: 20px; left: 50%; margin-left: -15px; } #el_82711565860616 { } @media screen and (max-width: 575px){ #el_82711565860616 { margin-bottom: 45px; } } #el_81891565860616{width:100%;} #el_51361565860657 { margin-top: 40px; } #el_41691565860657{width:100%;} #el_62451565861097 img { width: 100%; } #el_62451565861097 .proBox { margin-bottom: 15px; transition: all .5s; border: 1px solid rgba(0,0,0,.06); padding: 20px; } #el_62451565861097 .proBox:hover { box-shadow: 0px 3px 30px rgba(0,0,0,0.2); transform: translateY(-20px); border: 1px solid #15A663; } #el_62451565861097 .proBox:hover .proTitle { color: #15A663; } #el_62451565861097 .proImgBox { overflow: hidden; } #el_62451565861097 .proTitle { color: #595959; text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; } #el_62451565861097 .pageBox { text-align: center; } #el_62451565861097 .pagination>li>a,#el_62451565861097 .pagination>li>span { background: none; color: #666; } #el_62451565861097 .pagination>.disabled>span,#el_62451565861097 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_62451565861097 .pagination>.active>a,#el_62451565861097 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_62451565861097 .pagination>li:hover>a,#el_62451565861097 .pagination>li:hover>span { background-color: #ddd; } #el_62451565861097 .proDigest { font-size: 13px; text-align: center; color: #848484; line-height: 23px; height: 70px; overflow: hidden; display: block; margin-bottom: 25px; margin-top: 10px; position: relative; padding-top: 20px; } #el_62451565861097 .proDigest:after { position: absolute; content: ""; left: 50%; width: 35px; height: 1px; background: rgba(0,0,0,.15); margin-left: -17px; top: 0px; } #el_46451565861128 { margin-top: 50px; text-align: center; } #el_43771565861128{width:100%;} #el_40071565861128 { display: inline-block; } #el_40071565861128 .btnLink { position: relative; display: inline-block; padding-top: 15px; padding-bottom: 15px; padding-left: 60px; padding-right: 60px; color: #666666; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #666; border-right-color: #666; border-bottom-color: #666; border-left-color: #666; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-size: 14px; } #el_40071565861128 .text { position: relative; z-index: 1; } #el_40071565861128 .btnLink:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; background-color: #15A663; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_40071565861128 .btnLink:hover { color: #FFFFFF; border-color:#15A663; } #el_40071565861128 .btnLink:hover:before { width: 100%; }