锘?* 鍏ㄥ睆杞挱鍥 */ .banner-slider { } .fullSlider { min-width: 83em;overflow: hidden; background-color: rgba(255,255,255,.7); } .fullSlider .sliderNav { position: relative; z-index: 30; } .fullSlider:hover .sliderNav .prev, .fullSlider:hover .sliderNav .next { display:block; } .fullSlider .sliderNav .prev, .fullSlider .sliderNav .next { display:none; position: absolute; z-index: 40; top: 16.666em; margin-top: -2.333em; width: 2.5em; height: 4.58em; background: url("../images/pc/arrow.png") no-repeat scroll 0 0; } .fullSlider .sliderNav .prev { background-position: 0 0; left: 2.916em; } .fullSlider .sliderNav .prev:hover { background-position: 0 -4.58em; } .fullSlider .sliderNav .next { background-position: -2.5em 0; right: 2.916em; } .fullSlider .sliderNav .next:hover { background-position: -2.5em -4.58em; } .fullSlider .sliderNav .nav { position: absolute; left: 45%; top: 35em; } .fullSlider .sliderNav .nav a { transition:all 0.5s; float: left; display: inline; width: 3.333em; height: 0.666em; line-height: 1.666em; margin-right: 5px; text-align: center; text-indent: -9999px; border-radius: 10px; background: #d1d1d1; } .fullSlider .sliderNav .nav a:hover, .fullSlider .sliderNav .nav a.active { background: #59a3ff; color: #fff;width: 5em; font-weight: bold; text-decoration: none; } .fullSlider .layout { position: relative; z-index: 1; height: 40em;width: 100%; overflow: hidden;box-sizing: border-box; } .fullSlider .photos { display: block; position: absolute; z-index: 2; top: 0; left: 0;min-width: 83em;} .fullSlider .photos li { float: left; width: 100%; } .fullSlider .photos li a { position:relative; display: block; height: 40em; margin:0 auto;background-size: auto 100%; } /* ./鍏ㄥ睆杞挱鍥 */ /* header */ .header { height: 7.916em; border-bottom: solid 1px #eee; position: relative; } .header .logo { float: left; height: 2.916em; margin-top: 2.5em;} .header .right-header {float: right; position: relative;margin-top: 2.916em;} .header .header-line{position:absolute;right:19.416em;height:1.5em;width:1px;top:3px;background-color:#ddd;display:inline-block;} .header .phone-header {position:absolute;right:0px;line-height:1.2;} .header .phone-header img {position:absolute;left: -15em; top: 0px; width: 11.666em;} .header .phone-header span {font-family:Arial Black;font-weight:400;font-size:1em;color:rgba(51,51,51,1);width:7.916em;display:inline-block;} .header .search-header {position:absolute;right:0;width:18.333em;} .header .search-header .s_ipt_wr {box-sizing:border-box;width:15em;height:2.083em;display:inline-block;background:rgba(238,238,238,1);border:1px solid rgba(221,221,221,1);border-radius:1px;} .header .search-header input.word {border:0;width:14.166em;height:1.25em;font-size:1em;line-height:1.25em;color:#000;padding:5px 0 0 0.666em;outline:0;background:#fff;background:rgba(238,238,238,1);} .header .search-header .s_btn_wr {width:2.083em;height:2.083em;display:inline-block;background:linear-gradient(89deg,rgba(91,172,255,1) 0%,rgba(66,118,239,1) 100%);border-radius:1px;margin-left:-5px;padding-top:1px;box-sizing:border-box;} .header .search-header .s_btn_wr .btn {cursor:pointer;width:1.25em;margin:0 5px;border:0;background:url(../images/pc/search_icon.png) no-repeat left bottom;background-size:contain;} .nav.navbar-nav { width: 83em;margin: 0 auto; position:relative; } .nav.navbar-nav li { float: left; height:5em; cursor: pointer;} /* .nav a:hover,.nav .nav-item:hover a{color:#0B77BD !important; font-weight: bold;} */ /* .nav.navbar-nav li.show{ border-bottom: 3px solid #5bacff; transition: all 0.5s; box-sizing: border-box; } */ .nav.navbar-nav li a,.nav.navbar-nav li a:visited { font-size: 1.333em;line-height: 1em; padding: 1.4em 1.5em; font-weight:400; color:#777;display: block; } .nav.navbar-nav li a:hover,.nav.navbar-nav li a:visited:hover { text-decoration: none; color:#777 } .nav.navbar-nav .nav-item>a.show:first-child{ /* border-bottom: 3px solid #5bacff; */ /* transition: all 0.5s; */ box-sizing: border-box; } .nav.navbar-nav .nav-item>a.show,.nav.navbar-nav .nav-item>a.selected{ transition: background-size 500ms linear; background: linear-gradient(90deg, rgba(91,172,255,1) 0, rgba(66,118,239,1) 98%) no-repeat left bottom; background-size: 100% 3px; color: #333; font-weight: 500; } .nav.navbar-nav .nav-child li a:hover,.nav.navbar-nav .nav-child li a:visited:hover{ color:rgba(255,255,255,1) !important; background:linear-gradient(82deg,rgba(91,172,255,1) 0%, rgba(66,118,239,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } /* .nav .nav-item.show::before{ content: ""; display: block; position:absolute; top: 4.75em; width:0px; height:3px; background:linear-gradient(to right, #5bacff, #4276ef); left: 50%; border-radius: 4px; transition: all 0.5s; } */ /* .nav .nav-item:hover::before{width:100% !important; left:0px} */ /* .nav .nav-item{position: relative;} */ .navbar-content{background-color: #E4F3FF;height:0px; position: absolute; top:5em; left: 0px; z-index: 999; transition: all 0.5s; opacity: 0; overflow: hidden;} .navbar-content.show{height: 4.166em; opacity: 1;} .navbar-content .nav-title {display: none; width:70%;font-weight: bold; color: #323C44; font-size: 1.666em; line-height: 2; border-bottom: 1px solid #e2e2e2;} .navbar-content .nav-child{display: block;} .navbar-content .nav-child li{float: left;position: relative;} .navbar-content .nav-child li a{ display: block; font-size: 1.166em; padding:1.25em; } .navbar-content .nav-child li a:hover{ color:rgb(25, 30, 34) !important } #header .header .en-header{ position: absolute; right: -7.5em; line-height: 1.2; width: 8.333em; top: 6px; } #header .header .en-header span{ font-size: 1.083em; font-family: PingFang SC; font-weight: 500; color: #303030; width: auto; } #header .header .en-header .selected{ color: #4474E8; } #header .header .en-header a:hover{ text-decoration: none; } #header .header .en-header a,#header .header .en-header a:link,#header .header .en-header a:visited{ color: #303030; cursor: pointer; } /* ./ header */ /* footer */ /* #footer { background:linear-gradient(#31414B,#1E272E);} */ #footer .link{background:rgba(228,243,255,1);} .follow-us { text-align: center; height: 20em; background-color: #091124; } .follow-us .follow-left{ float: left; margin-top: 5em; font-size: 1.1em; color: #FFFFFF; line-height: 1.6; text-align: left; opacity: 0.9; } .follow-us .follow-left .phone-title a{ font-size: 1.833em; font-family: PingFang SC; font-weight: 400; color: rgba(255,255,255,1); line-height: 1.5; text-align: left; } .follow-us .follow-left .phone-content a{ font-size: 2.75em; font-family: PingFang SC; font-weight: 800; color: rgba(255,255,255,1); line-height: 3.333em; } .follow-us .follow-right{ float: right; margin-top: 4.166em; } /* .follow-us h1 { color: #fff; font-size: 1.166em; line-height: 1.5em; text-align: center; margin-bottom: 1.666em; } */ /* 缃戠珯鍦板浘 */ .site-map { text-align: left; padding-top: 10px; padding-bottom: 5px; } .site-map dl { overflow: hidden; display: inline-block; _display: inline; } .site-map dt, .site-map dd { font-size: 1.166em; float: left; line-height: 1.5; } .site-map dt { font-weight: 500; color: #333333; width: 8.333em; } .site-map dd { color: #fff; } .site-map a {font-size:1em;font-weight:500;color:rgba(102,102,102,1);padding: 0 10px;line-height: 1.5;} .site-map a:hover{ color:rgba(102,102,102,1); background:linear-gradient(92deg,rgba(91,172,255,1) 0%, rgba(66,118,239,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-decoration: none;} /*鍥炬爣*/ .media-list { display: inline-block; _display: inline;} .media-list li { float: left; width: 13em; text-align: center; } .media-list li img{ width: 7.5em; margin-bottom: 10px;} .media-list li p, .media-list li span, .media-list li a, .media-list li:hover a, .media-list li:hover span { font-size: 1.083em; font-weight: 400; color: rgba(255,255,255,1); line-height: 1.666em; -webkit-transition: color 0.6s ease-in-out 0s; -moz-transition: color 0.6s ease-in-out 0s; -ms-transition: color 0.6s ease-in-out 0s; -o-transition: color 0.6s ease-in-out 0s; transition: color 0.6s ease-in-out 0s; } .media-list li a:hover, .media-list li a:visited:hover { text-decoration: none; } /* .media-list i, .media-list img, .media-list li:hover i, .media-list li:hover img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: box-shadow 0.6s ease 0s,opacity 0.6s ease 0s; -moz-transition: box-shadow 0.6s ease 0s,opacity 0.6s ease 0s; -ms-transition: box-shadow 0.6s ease 0s,opacity 0.6s ease 0s; -o-transition: box-shadow 0.6s ease 0s,opacity 0.6s ease 0s; transition: box-shadow 0.6s ease 0s,opacity 0.6s ease 0s; } .media-list:hover a, .media-list:hover span { color: #ccc; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .media-list:hover i, .media-list:hover img { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .media-list.animate i { animation: scaleIn 1.5s ease 0s 1; -webkit-animation: scaleIn 1.5s ease 0s 1; } .media-list .media-icon { display: block; width: 6.166em; height: 6.166em; margin: 0 auto 19px; background: url(../images/pc/media-icon-sprite.png) no-repeat scroll left top; } .media-list .media-icon.weixin { background-position: 0 0; } .media-list .media-icon.sina { background-position: -6.166em 0; } .media-list .media-icon.health { background-position: -148px 0; } */ .border-toggle { box-shadow: 0 0 0 2.5em transparent; border-radius: 50%; transform: translate3d(0px, 0px, 0px); transition: box-shadow 0.6s ease-in-out 0s; } .border-toggle:hover { box-shadow: 0 0 0 0 rgba(50,50,50,0.2); transition: box-shadow 0.4s ease-in-out 0s; } .border-toggle.green:hover { box-shadow: 0 0 0 0 rgba(0,194,78,0.2); } .border-toggle.orange:hover { box-shadow: 0 0 0 0 rgba(255,132,56,0.2); } .border-toggle.blue:hover { box-shadow: 0 0 0 0 rgba(27,166,255,0.2); } /* 鏄剧ず浜岀淮鐮 */ .media-list li.wx, .media-list li.sina { position: relative; } .media-list li.wx .bigimg, .media-list li.sina .bigimg { position: absolute; top: -10%; z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 8.333em; height: 8.333em; background: none no-repeat scroll left top; background-size: 100% auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .media-list li.wx .bigimg { background-image: url(../images/pc/weixin.png); left: -130%; } .media-list li.sina .bigimg { background-image: url(../images/pc/weibo.png); right: -130%; } .media-list li.wx:hover .bigimg { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; left: -80%; } .media-list li.sina:hover .bigimg { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1000; right: -80%; } /* 鐗堟潈 */ #footer .copyright { height: 5em; padding: 2.083em; } #footer .copyright p { height: 2em; line-height: 1.2; text-align: center; font-weight: bold; font-size: 1.083em; font-family: PingFang SC; font-weight: 500; color: rgba(51,51,51,1); } /* ./footer */