@charset "utf-8"; /* CSS Document */ input.normalInput { width:326px; height:52px; line-height:52px; font-size:16px; color:#bfbfbf; border:1px solid #999; padding:0 0 0 5px; } input.normalBotton { width:auto; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; border:none; background:#ff3737; display:block; margin:0 auto; padding:0 10px; } /*缂栬緫鍣ㄧ殑榛樿鏍峰紡*/ .content { line-height:180%; font-size:1em; font-weight:normal; } .content pre { line-height:180%; border:none; padding:0 0 0 2em; } .content blockquote { line-height:180%; border:none; padding:0 0 0 2em; } .content p { max-width:100%; line-height:180%; font-size:1em; font-weight:normal; } .content img { max-width:100%; height:auto; margin-bottom:20px; } .content h1 { line-height:180%; font-size:3em; font-weight:bold; } .content h2 { line-height:180%; font-size:2em; font-weight:bold; } .content h3 { line-height:180%; font-size:1.5em; font-weight:bold; } .content h4 { line-height:180%; font-size:1.2em; font-weight:bold; } .content ul { font-size:1em; font-weight:normal; padding-left:20px; } .content ol { font-size:1em; font-weight:normal; padding-left:20px; } .content dl { font-size:1em; font-weight:normal; padding-left:20px; } .content u { font-size:1em; text-decoration:underline; font-weight:normal; } .content i { font-size:1em; font-style:italic; font-weight:normal; } .content strong { font-size:1em; font-weight:bold; } .content b { font-size:1em; font-weight:bold; } .content table { max-width:100%; font-size:1em; padding:0 20px; } .content table p { max-width:auto; width:auto; height:auto; } .content iframe { width:100%; display:block; margin:20px auto; padding:0 20px; } header{width:1200px;height:107px;margin:0 auto;overflow:hidden;} .logo{width:60%;height:107px;position:relative;} .logo img{max-width:100%;,max-height:107px;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:99999;} .language{width:auto;height:31px;text-align:right;margin-top:38px;} .language a{width:auto;height:31px;line-height:31px;font-size:14px;color:#fff;text-align:center;background:#00af9f;display:inline-block;margin-left:5px;padding:0 10px;} .language a:hover{background:#00cab6;transition:ease-in-out 0.3s;} .language a.current{background:#00cab6;} menu{width:100%;height:54px;background:#00af9f;} ul.menuMain{width:1200px;height:54px;margin:0 auto;} ul.menuMain li{width:auto;height:54px;display:inline-block;float:left;position:relative;} ul.menuMain li a{width:161px;height:54px;line-height:54px;font-size:16px;color:#fff;text-align:center;display:block;padding:0 5px;} ul.menuMain li.current{background:#00CAB6;} ul.menuMain li:hover{background:#00CAB6;transition:ease-in-out 0.3s;} .hiddenMenu{ width:100%; height:auto; position:absolute; top:54px; background:#00CAB6; z-index:999999; display:none; } .hiddenMenu a{ width:190px; height:54px; line-height:54px; font-size:16px; color:#fff; text-align:center; display:block; padding:0 5px; } .hiddenMenu a:hover{ background:#00af9f; transition:ease-in-out 0.3s; } ul.menuMain li:hover .hiddenMenu{ display:block; transition:ease-in-out 0.3s; } footer{ width:100%; height:auto; } .footerContactus{ width:100%; height:auto; background:#00af9f; } .footerContactusMain{ width:1200px; height:auto; margin:0 auto; padding:20px 0; } .footerContactusLeft{ width:800px; height:auto; display:inline-block; float:left; } .footerContactusLeft h4{ width:800px; height:auto; line-height:180%; font-size:30px; color:#fff; } .footerContactusLeft p{ width:760px; height:auto; line-height:40px; font-size:16px; color:#fff; padding-left:40px; } p.footerContactusAddress{ background:url(../images/bg_footer_gps.png) left 9px no-repeat; } p.footerContactusCode{ background:url(../images/bg_footer_code.png) left 9px no-repeat; } p.footerContactusTel{ background:url(../images/bg_footer_tel.png) left 9px no-repeat; } p.footerContactusFax{ background:url(../images/bg_footer_fax.png) left 9px no-repeat; } .footerCopyright{ width:100%; height:auto; border-top:1px solid #008d81; background:#00978a; padding:20px 0; } .footerCopyright p{ width:1200px; height:auto; line-height:140%; font-size:16px; color:#fff; text-align:center; margin:0 auto; } .footerCopyright p a{ font-size:16px; color:#fff; } .footerContactusRight{ width:400px; height:auto; display:inline-block; float:right; } .footerContactusRight dl{ width:128px; height:auto; display:inline-block; float:right; margin-left:37px; } .footerContactusRight dl dt{ width:128px; height:128px; display:block; } .footerContactusRight dl dd{ width:128px; height:auto; line-height:25px; font-size:14px; color:#fff; text-align:center; display:block; } .footerContactusRight img{ width:128px;} .indexNews{ width:100%; height:auto; background:#f5fcff; padding:40px 0; } .indexNewsMain{ width:1200px; height:auto; margin:0 auto; } .indexNewsLeft{ width:452px; height:262px; background:#fff; display:inline-block; float:left; padding:0 20px; } ul.indexNewsLeftTitle{ width:452px; height:52px; line-height:48px; } ul.indexNewsLeftTitle li{ width:auto; height:52px; line-height:48px; font-size:16px; color:#333; display:inline-block; border-top:4px solid #fff; padding:0 10px; cursor:pointer; } ul.indexNewsLeftTitle li.current{ border-top:4px solid #00c9b5; } ul.indexNewsLeftTitle li a{ font-size:16px; color:#333; } ul.indexNewsLeftTitle li a:hover{ color:#00c9b5; } ul.indexNewsLeftContentList{ width:452px; height:auto; list-style:none; } ul.indexNewsLeftContentList li{ width:452px; height:auto; list-style:none; display:none; } ul.indexNewsLeftContentList li.current{ display:block; } .indexNewsDate{ width:452px; height:40px; line-height:40px; font-size:22px; color:#00af9f; font-weight:bold; margin-top:5px; } .indexNewsTitle{ width:452px; height:38px; line-height:38px; font-size:20px; color:#333; overflow:hidden; border-bottom:1px dotted #EEE; } .indexNewsTitle a { color:#25aba5; } .indexNewsContent{ width:452px; height:75px; line-height:25px; font-size:14px; color:#727272; overflow:hidden; } .indexNewsMore{ width:452px; height:30px; line-height:30px; margin-top:5px; overflow:hidden; } .indexNewsMore a{ font-size:16px; color:#00b6ee; } .indexNewsRight{ width:668px; height:222px; background:#8BCDCB url(../images/bg_indexnews_right.jpg) no-repeat; background-size:100% 100%; display:inline-block; float:right; padding:20px; } .indexNewsRightTitle{ width:668px; height:36px; line-height:36px; font-size:20px; color:#fff; font-weight:bold; background:url(../images/bg_indexnews_right_en.png) right center no-repeat; } dl.indexNewsRightMain{ width:668px; height:165px; margin-top:15px; } dl.indexNewsRightMain dt{ width:320px; height:180px; display:inline-block; float:left; } dl.indexNewsRightMain dt img { width:320px; } dl.indexNewsRightMain dd{ width:325px; height:161px; line-height:23px; font-size:14px; color:#fff; display:inline-block; float:right; overflow:hidden; } .indexProducts{ width:100%; height:auto; background:#CAF1F3; padding:20px 0 35px; } .indexProductsTitle{ height:65px; text-align:center; margin:0 auto; } .w306{width:350px;} .w258{width:266px;} .w206{width:210px;} .indexProductsTitle em{ height:65px; line-height:65px; font-size:24px; color:#2d2d2d; font-weight:bold; font-style:normal; display:inline-block; float:left; } .indexProductsTitle span{ height:65px; line-height:65px; font-size:40px; color:#25aba5; font-family:Constantia; display:inline-block; float:left; } .indexProductsSubtitle{ width:1200px; height:auto; line-height:180%; font-size:28px; color:#AAAAAA; text-align:center; margin:0 auto 40px; } .indexProductsList{ width:1200px; height:auto; margin:15px auto 0; position:relative; } .swiper-container1{ width:1200px; height:auto; margin:0 auto; } dl.indexProductsLi{ width:335px; height:156px; display:inline-block; float:left; margin:0 7px; padding-top:35px; padding-left:51px; } dl.indexProductsLi dt{ width:86px; height:124px; display:inline-block; float:left; } dl.indexProductsLi dt img{ width:86px; height:124px; } dl.indexProductsLi dd{ width:179px; height:124px; display:inline-block; float:right; margin-right:50px; } dl.indexProductsLi dd h4{ width:280px; height:40px; line-height:40px; font-size:25px; color:#fff; font-weight:bold; overflow:hidden; margin-top:12px; } dl.indexProductsLi dd p{ width:280px; height:40px; line-height:40px; font-size:18px; color:#fff; overflow:hidden; } .indexProductsLi1{ background:url(../images/bg_index_products1.jpg) no-repeat; } .indexProductsLi2{ background:url(../images/bg_index_products2.jpg) no-repeat; } .indexProductsLi3{ background:url(../images/bg_index_products3.jpg) no-repeat; } .swiper-button-prev1{ width:54px; height:54px; background:url(../images/index_products_pre.png) no-repeat; display:block; position:absolute; left:-79px; top:65px; cursor:pointer; } .swiper-button-next1{ width:54px; height:54px; background:url(../images/index_products_next.png) no-repeat; display:block; position:absolute; right:-79px; top:65px; cursor:pointer; } .indexHonor{ width:1200px; height:auto; margin:0 auto; padding:20px 0 35px; } .blackFont em{ color:#2d2d2d; } .scrollleft{width:1200px;} ul.indexHonorList{ width:1200px; height:auto; list-style:none; margin-top:25px; } ul.indexHonorList li{ width:220px; height:244px; display:inline-block; float:left; list-style:none; margin:0 10px; } ul.indexHonorList li a{ width:220px; height:244px; display:block; position:relative; } ul.indexHonorList li a .indexHonorLiImg{ width:220px; height:147px; display:block; margin:20px auto 0; position:relative; overflow:hidden; } ul.indexHonorList li a .indexHonorLiImg img{ width:220px; height:147px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.indexHonorList li a .indexHonorLiImg .indexHonorLiHiddenContent{ width:220px; height:147px; background:rgba(0,175,159,0.5); display:none; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.indexHonorList li a:hover .indexHonorLiImg .indexHonorLiHiddenContent{ display:block; } ul.indexHonorList li a .indexHonorLiImg .indexHonorLiHiddenContentMain{ width:220px; height:147px; position:relative; } ul.indexHonorList li a .indexHonorLiImg .indexHonorLiHiddenContentMain span{ width:auto; height:auto; font-size:16px; color:#fff; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.indexHonorList li a .indexHonorLiTitle{ width:220px; height:50px; margin:20px auto 0; overflow:hidden; } ul.indexHonorList li a .indexHonorLiTitle span{ width:170px; height:50px; line-height:25px; font-size:16px; color:#88919d; text-align:left; display:block; float:left; } ul.indexHonorList li a:hover .indexHonorLiTitle span{ color:#00af9f; } ul.indexHonorList li a .indexHonorLiTitle em{ width:18px; height:18px; line-height:18px; font-size:12px; color:#fff; text-align:center; font-style:normal; border-radius:50%; background:#00af9f; display:block; float:right; margin-top:5px; } ul.indexHonorList li a:hover .indexHonorLiTitle{ color:#00af9f; transition:ease-in-out 0.3s; } .indexHonorReadMore{ width:100%; height:45px; margin-top:20px; } .indexHonorReadMore a{ width:200px; height:45px; line-height:45px; font-size:16px; color:#fff; text-align:center; border-radius:5px; background:#00af9f; display:block; margin:0 auto; } .indexHonorReadMore a:hover{ background:#66cec1; transition:ease-in-out 0.3s; } .indexLinkList{ width:1200px; height:77px; margin:40px auto 0; } .swiper-container2{ width:1104px; height:77px; display:inline-block; float:left; margin:0 15px; } .swiper-container2 .swiper-wrapper .swiper-slide a{ width:230px; height:75px; border:1px solid #f0f0f0; position:relative; display:inline-block; float:left; margin:0 20px; } .swiper-container2 .swiper-wrapper .swiper-slide a img{ max-width:230px; max-height:75px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .swiper-button-prev2{ width:33px; height:75px; background:url(../images/index_link_pre.jpg) no-repeat; display:inline-block; float:left; cursor:pointer; } .swiper-button-next2{ width:33px; height:75px; background:url(../images/index_link_next.jpg) no-repeat; display:inline-block; float:right; cursor:pointer; } .channelBanner{ width:100%; height:auto; margin:0 auto; } .channelBanner img{ width:100%; height:auto; } .channelMain{ width:1200px; height:auto; margin:0 auto; padding:40px 0; } .channelLeft{ width:300px; height:auto; display:inline-block; float:left; } .channelLeftTitle{ width:280px; height:61px; line-height:61px; font-size:28px; color:#fff; background:url(../images/bg_channel_left_title.png) no-repeat; margin-bottom:1px; padding-left:20px; } ul.channelLeftMenu{ width:300px; height:auto; list-style:none; } ul.channelLeftMenu li{ width:300px; height:51px; list-style:none; background:#999 url(../images/bg_channel_left_arrow.png) 268px center no-repeat; margin-bottom:1px; } ul.channelLeftMenu li:hover,ul.channelLeftMenu li.current{ background:#00c9b5 url(../images/bg_channel_left_arrow.png) 268px center no-repeat; transition:ease-in-out 0.3s; } ul.channelLeftMenu li a{ width:240px; height:51px; line-height:51px; font-size:18px; color:#fff; display:block; padding-left:60px; } ul.channelLeftMenu li a.channelLeftMenu28{ background:url(../images/bg_channel_left_icon28.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu29{ background:url(../images/bg_channel_left_icon29.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu39{ background:url(../images/bg_channel_left_icon39.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu32{ background:url(../images/bg_channel_left_icon32.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu33{ background:url(../images/bg_channel_left_icon33.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu34{ background:url(../images/bg_channel_left_icon34.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu35{ background:url(../images/bg_channel_left_icon35.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu36{ background:url(../images/bg_channel_left_icon36.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu62{ background:url(../images/bg_channel_left_icon62.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu24{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu42{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu43{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu44{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu45{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu46{ background:url(../images/bg_channel_left_icon9.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu37{ background:url(../images/bg_channel_left_icon10.png) 21px center no-repeat; } ul.channelLeftMenu li a.channelLeftMenu11{ background:url(../images/bg_channel_left_icon11.png) 21px center no-repeat; } .channelRight{ width:820px; height:auto; display:inline-block; float:right; } .channelRightBreadCrumbs{ width:800px; height:36px; line-height:36px; font-size:14px; color:#727272; text-align:right; background:#f1f1f1; padding-right:20px; } .channelRightBreadCrumbs a{ font-size:14px; color:#727272; } .channelRightBreadCrumbs a.current{ color:#00af9f; } .channelRightTitle{ width:100%; height:32px; line-height:32px; font-size:24px; color:#00af9f; background:url(../images/bg_channel_right_title.png) left center no-repeat; margin:25px 0; padding-left:35px; } .aboutImagesList{ width:100%; height:auto; margin:25px 0; } .aboutImagesList img{ width:28%; height:148px; display:inline-block; margin:0 2%; } ul.employeeMain{ width:820px; height:auto; list-style:none; } ul.employeeMain li{ width:820px; height:auto; list-style:none; margin-bottom:15px; } ul.employeeMain li dl{ width:820px; height:auto; } ul.employeeMain li dl dt{ width:181px; height:120px; border:1px solid #f1f1f1; display:inline-block; float:left; position:relative; overflow:hidden; } ul.employeeMain li dl dt img{ width:179px; height:118px; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.employeeMain li a:hover dl dt img{ width:200px; height:133px; display:block; transition:ease-in-out 0.3s; } ul.employeeMain li dl dd{ width:609px; height:102px; background:#f1f1f1; display:inline-block; float:right; padding:10px; } ul.employeeMain li dl dd h4{ width:609px; height:35px; line-height:35px; font-size:16px; color:#333; overflow:hidden; } ul.employeeMain li dl dd p{ width:609px; height:75px; line-height:25px; font-size:14px; color:#727272; overflow:hidden; } ul.employeeMain li a:hover dl dd h4{ color:#00af9f; transition:ease-in-out 0.3s; } ul.employeeMain li a:hover dl dd p{ color:#00af9f; transition:ease-in-out 0.3s; } .page_turner{ width:100%; height:auto; text-align:center; display:block; margin-top:50px; } .page_turner a.page_btn{ width:auto; height:36px; line-height:36px; font-size:20px; color:#4c4c4c; text-align:center; background:#e5e5e5; margin:0 5px; padding:0 15px; display:inline-block; } .page_turner a:hover,.page_turner .page_cur{ width:auto; height:36px; line-height:36px; font-size:20px; color:#fff; text-align:center; background:#00c9b5; margin:0 5px; padding:0 15px; display:inline-block; transition:ease-in-out 0.3s; } ul.activityList{ width:820px; height:auto; list-style:none; } ul.activityList li{ width:256px; height:auto; list-style:none; display:inline-block; float:left; margin-left:8px; margin-right:9px; margin-bottom:45px; } .activityImg{ width:256px; height:189px; border:1px solid #cdcdcd; display:block; position:relative; } .activityImg span{ width:46px; height:46px; display:block; position:absolute; bottom:-23px; left:50%; margin-left:-23px; /*background:url(../images/bg_activity_li_icon.png) no-repeat;*/ z-index:99999; } ul.activityList li:hover .activityImg span{ width:46px; height:46px; /*background:url(../images/bg_activity_li_icon_hover.png) no-repeat;*/ transition:ease-in-out 0.3s; } .activityImg img{ max-width:256px; height:auto; display:block; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .activityTitle{ width:256px; height:50px; line-height:25px; font-size:16px; color:#333; text-align:center; margin-top:30px; overflow:hidden; } ul.activityList li:hover .activityTitle{ color:#00c9b5; transition:ease-in-out 0.3s; } .joinUsList{ width:820px; height:auto; margin:50px auto; } .joinUsLiTitle{ width:820px; height:50px; line-height:50px; font-size:20px; color:#00af9f; border-bottom:1px solid #d8d8d8; background:#f9f9f9; } .w220{ width:220px; display:inline-block; text-align:center; } .w240{ width:240px; display:inline-block; padding-left:20px; } .w150{ width:150px; display:inline-block; text-align:center; } .w140{ width:140px; display:inline-block; text-align:center; } dl.joinUsLi{ width:820px; height:auto; margin:1px auto 0; } dl.joinUsLi dt{ width:820px; line-height:30px; font-size:16px; color:#333; background:url(../images/bg_joinus_down.png) 800px center no-repeat; cursor:pointer; padding:8px 0; } dl.joinUsLi dt span{ display:inline-block; vertical-align:top; } dl.joinUsLi1 dt{ background:#F0F0F0 url(../images/bg_joinus_down.png) 800px center no-repeat; } dl.joinUsLi2 dt{ background:#EFEFEF url(../images/bg_joinus_down.png) 800px center no-repeat; } dl.bgGray dt{ font-weight:bold; } dl.joinUsLi dd{ width:680px; height:auto; line-height:30px; color:#333; background-color:#f9f9f9; padding:20px 70px; display:none; } dl.bgGray{ background-color:#f9f9f9; } dl.bgGray dt{ border-bottom:1px solid #d8d8d8; background-image:url(../images/bg_joinus_up.png) 800px center no-repeat; } dl.bgGray dd{ display:block; } .guestbookMain{ width:720px; height:auto; background:#f7f7f7; margin-top:45px; padding:45px 50px; } .guestbookLi{ width:340px; height:auto; } .guestbookLi p{ width:340px; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:bold; } .guestbookLi input{ width:335px; height:45px; line-height:45px; font-size:16px; color:#333; border:1px solid #b9b9b9; border-radius:15px; background:#fff; padding-left:5px; } .guestbookLiLong{ width:719px; height:auto; } .guestbookLiLong p{ width:719px; height:40px; line-height:40px; font-size:16px; color:#333; font-weight:bold; } .guestbookLiLong input{ width:719px; height:45px; line-height:45px; font-size:16px; color:#333; border:1px solid #b9b9b9; background:#fff; border-radius:15px; padding-left:5px; } .guestbookLiLong textarea{ width:709px; height:135px; line-height:25px; font-size:16px; color:#333; border:1px solid #b9b9b9; border-radius:15px; background:#fff; padding:5px; } .guestbookLiLong button{ width:250px; height:48px; line-height:48px; font-size:24px; color:#fff; text-align:center; border:none; border-radius:15px; background:#00c9b5; display:block; margin:50px auto 0; cursor:pointer; } ul.historyMain{ width:820px; height:auto; list-style:none; } ul.historyMain li{ width:820px; height:auto; background:url(../images/bg_history_li.png) right top no-repeat; display:block; list-style:none; padding-bottom:20px; } .historyPic{ width:179px; height:110px; display:inline-block; float:left; margin-top:90px; } .historyPic img{ width:179px; height:110px; border-radius:5px; } .historyYear{ width:90px; height:28px; line-height:28px; font-size:20px; color:#333; text-align:center; display:inline-block; float:left; margin-left:22px; margin-top:25px; } .historyContent{ width:460px; height:auto; line-height:25px; font-size:16px; color:#333; border-radius:20px; background:#f5f5f5; display:inline-block; float:right; margin-top:90px; padding:20px; position:relative; } .historyContent em{ width:18px; height:21px; font-style:normal; position:absolute; top:45px; left:-18px; background:url(../images/bg_history_arrow.png) no-repeat; } .newsDetailTitle{ width:820px; height:auto; line-height:140%; font-size:32px; color:#333; font-weight:bold; text-align:center; margin:20px auto 0; } .newsDetailSubTitle{ width:820px; height:auto; line-height:140%; font-size:16px; color:#727272; text-align:center; margin:20px auto; } .newsDetailPreNext{ width:820px; height:auto; margin-top:40px; } .newsDetailPreNext p{ width:820px; height:35px; line-height:35px; font-size:16px; color:#333; margin-bottom:5px; } .newsDetailPreNext p a{ font-size:16px; color:#333; } .newsDetailPreNext p a:hover{ color:#00af9f; } ul.magazineList{ width:848px; height:auto; list-style:none; margin-top:35px; } ul.magazineList li{ width:234px; height:auto; list-style:none; margin-bottom:20px; margin-left:24px; margin-right:24px; display:inline-block; float:left; } .magazineLiImg{ width:234px; height:312px; border:1px solid #ececec; overflow:hidden; position:relative; } .magazineLiImg img{ width:234px; height:312px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.magazineList li:hover .magazineLiImg img{ width:260px; height:347px; transition:ease-in-out 0.7s; } .magazineLiTitle{ width:234px; height:25px; line-height:25px; font-size:16px; color:#333333; text-align:center; overflow:hidden; margin-top:10px; } ul.magazineList li:hover .magazineLiTitle{ color:#079cd7; transition:ease-in-out 0.7s; } .indexLinkList a{ color: #444; font-size: 14px; margin-right: 20px; } .videosTitle{ width:854px; height:auto; line-height:140%; font-size:25px; color:#00398d; text-align:center; font-weight:bold; margin:0 auto; padding:30px 0 70px; } ul.videosList{ width:854px; height:auto; margin:0 auto; list-style:none; } ul.videosList li{ width:270px; height:auto; display:inline-block; float:left; list-style:none; } ul.videosList li{ width:270px; height:auto; display:inline-block; float:left; list-style:none; margin:0 5px 35px; cursor:pointer; } ul.videosList li .videosImg{ width:270px; height:214px; position:relative; } ul.videosList li .videosImg img{ width:270px; height:214px; } ul.videosList li .videosImg .videosImgPlay{ width:270px; height:214px; background:rgba(0,0,0,0.4) url(../images/bg_videos_play.png) center center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; } ul.videosList li p{ width:270px; height:60px; line-height:60px; font-size:16px; color:#5c5c5c; text-align:center; } .box{ width:100%; height:100%; background:rgba(0,0,0,0.6); display:none; position:fixed; left:0; right:0; bottom:0; top:0; z-index:99999; } .videoPlayBox{ width:824px; height:auto; border-radius:10px; background:#8bcdcb; display:none; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:999999; } .videoPlayBoxTitle{ width:824px; height:60px; border-bottom:1px solid #fff; } .videoPlayBoxTitle span{ width:744px; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:center; font-weight:bold; display:inline-block; float:left; margin-left:10px; } .videoPlayBoxTitle em{ width:60px; height:60px; line-height:60px; font-size:45px; color:#fff; text-align:center; font-weight:bold; font-style:normal; display:inline-block; float:right; margin-right:10px; cursor:pointer; } .videoPlayBoxContent{ width:700px; height:405px; display:block; margin:20px auto; } .videoPlayBoxContent img{ width:700px; height:405px; display:block; }