| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_11_15_01/skin/css/ |
Upload File : |
/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ:9490489 */
/* 仿站:Fang.AdminBuy.Cn */
/* 素材:Sc.AdminBuy.Cn */
/* js特效:Js.AdminBuy.Cn */
* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
outline: medium none;
}
li {
list-style: none;
}
html {
float: left;
width: 100%;
}
body {
float: left;
position: relative;
width: 100%;
font-size: 12px;
font-family: '微软雅黑';
line-height: 24px;
color: #323232;
-webkit-text-size-adjust: none
}
.fss-wrapper img{
width: 100%;
height: 100%;
}
#page {
float: left;
position: relative;
width: 100%;
}
#goback {
float: right;
display: block;
width: 60px;
height: 36px;
color: #4b83d0;
font-size: 14px;
text-align: center;
line-height: 36px;
}
#goback:hover {
background: #4b83d0;
color: #fff;
}
img {
outline: none;
}
#headerBox2 {
background: #fff;
position: fixed;
border-color: #333;
top: -80px;
z-index: 11;
}
#headerBox2 a {
color: #333;
}
#headerBox2 .line {
background: #333;
}
.headerBox {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 79px;
border-bottom: #fff solid 1px;
z-index: 20;
}
.headerBox .header {
position: relative;
margin: 0 auto;
width: 960px;
height: 100%;
}
.headerBox .logo {
float: left;
margin-top: 17px;
outline: medium none;
}
.headerBox .nav {
float: right;
line-height: 79px;
}
.headerBox .nav li {
float: left;
height: 79px;
overflow: hidden;
width: 112px;
background: url(../images/bg_nava.png) right center no-repeat;
text-align: center;
}
.headerBox .nav li.lastli {
background: none;
}
.headerBox .nav li a {
margin-top: -79px;
display: block;
color: #fff;
font-size: 16px;
height: 158px;
}
.headerBox .line {
position: absolute;
top: 77px;
left: 344px;
width: 32px;
height: 2px;
background: #fff;
}
#footerBox {
float: left;
width: 100%;
background: #eeeeee;
margin-top: 20px;
z-index: 21;
}
#footerBox .copy {
clear: both;
line-height: 34px;
text-align: center;
color: #999999;
background: #222222;
font-size: 12px;
}
#footerBox .copy a {
color: #999;
}
#footerBox .copy a:hover {
color: #fff
}
#footerBox .footermap {
margin: 0 auto;
padding: 16px 0 10px 0;
width: 960px;
overflow: hidden;
}
#footerBox .footermap ul {
float: left;
width: 22.5%
}
#footerBox .footermap ul.column5 {
width: 85px
}
#footerBox .footermap ul h1 {
width: 85px;
background: url(../images/bg_footermaph.jpg) repeat-x left bottom;
}
#footerBox .footermap ul h1 a {
color: #666;
font-size: 12px;
}
#footerBox .footermap ul li a {
color: #999999;
font-size: 12px;
}
#footerBox .footermap ul a:hover {
text-decoration: underline;
}
.footerbox {
position: absolute;
bottom: 0px;
height: 0px;
z-index: 1000;
}
.footerhover {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100px;
cursor: pointer;
}
#bannerin {
position: relative;
float: left;
width: 100%;
height: 439px;
overflow: hidden;
}
#bannerin img {
position: absolute;
top: 0px;
left: 50%;
margin-left: -960px;
}
#bannerin a.wfEditorMode {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
}
#bannerin .text {
position: absolute;
top: 240px;
left: 50%;
margin-left: -480px;
width: 960px;
}
#bannerin .text h1 {
font-size: 32px;
font-weight: bold;
color: #fff;
}
#bannerin .text .line {
margin: 10px 0 3px 0;
width: 245px;
height: 1px;
background: #fff;
}
#bannerin .text .line1 {
width: 285px;
}
#bannerin .text p {
font-size: 18px;
font-weight: bold;
color: #fff;
}
#breadcrumbs {
float: left;
margin-bottom: 55px;
width: 100%;
height: 53px;
border-bottom: #333333 1px solid;
}
#breadcrumbs ul {
margin: 0 auto;
position: relative;
width: 960px;
padding-top: 20px;
height: 34px;
}
#breadcrumbs ul li {
float: left;
}
#breadcrumbs ul li.lastli {
border-right: #333333 1px solid;
}
#breadcrumbs ul li a {
display: block;
padding: 0 9px;
height: 14px;
border-left: #333333 1px solid;
font-size: 14px;
line-height: 14px;
color: #323232;
}
#breadcrumbs ul .iconbread {
position: absolute;
bottom: -7px;
width: 18px;
height: 8px;
background: url(../images/icon_breadcrumb.png);
}
.pageBox {
float: left;
width: 100%;
margin-bottom: 30px;
}
.yiiPager {
float: right;
}
.yiiPager .first, .yiiPager .last {
display: none;
}
.yiiPager li {
float: left;
}
.yiiPager .previous, .yiiPager .next {
margin-left: 6px;
width: 60px;
height: 25px;
background: url(../images/bg_pagebt1.png);
text-align: center;
}
.yiiPager .previous a, .yiiPager .next a {
font-size: 11px;
color: #fff;
}
.yiiPager .previous:hover, .yiiPager .next:hover {
background: url(../images/bg_pagebt1.png) bottom left;
}
.yiiPager .page a {
margin-left: 6px;
display: block;
width: 27px;
height: 25px;
background: url(../images/bg_pagel3.png);
color: #fff;
text-align: center;
}
.yiiPager .page a:hover {
background: url(../images/bg_pagel3.png) bottom left;
}
/*首页*/
.banners {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.banners .banner {
position: absolute;
top: 0px;
left: 50%;
margin-left: -50%;
width: 100%;
height: 100%;
}
.banners .banner .fss-wrapper {
float: left;
}
.banners .banner .item {
position: relative;
float: left;
width: 100%;
}
.banners .banner .item .text {
position: absolute;
top: 35%;
left: 0;
width: 100%;
text-align: center;
z-index: 5;
}
.banners .banner .item .text img {
margin-bottom: 28px;
width: 35%;
}
.banners .banner .item .text a {
display: block;
margin: 180px auto 0 auto;
width: 303px;
height: 61px;
line-height: 61px;
font-size: 20px;
text-align: center;
color: #fff;
background: url(../images/bg_bannermore.png) no-repeat center center;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.banners .banner .item .text a:hover {
color: #4b83d0;
}
.banners .slidebtn {
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 75px;
background: url(../images/slidebtn.png);
z-index: 10;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.banners .slidebtn.o {
-webkit-animation: arrowlx 1.5s infinite;
-moz-animation: arrowlx 1.5s infinite;
-o-animation: arrowlx 1.5s infinite;
-ms-animation: arrowlx 1.5s infinite;
animation: arrowlx 1.5s infinite;
}
.hometitle {
float: left;
width: 100%;
text-align: center;
background: none;
}
.hometitle h1 {
margin: 8% 0 0px 0;
font-weight: bold;
font-size: 58px;
height: 50px;
overflow: hidden;
line-height: 50px;
background: none;
}
.hometitle h2 {
margin-top: 20px;
display: inline-block;
+display:inline;
zoom: 1;
font-size: 24px;
font-weight: bold;
border-bottom: #666666 1px solid;
line-height: 44px;
background: none;
}
.homeabout .hometitle a, .homenews .hometitle a {
color: #333;
}
.homebusiness .hometitle a {
display: block;
color: #fff;
line-height: 50px;
}
.homebusiness .hometitle h2 {
border-bottom: #ffffff 1px solid;
}
.homeabout {
float: left;
width: 100%;
background: #cecece url(../images/bg_homeabout.jpg) no-repeat center center
}
.homeabout .aboutin {
margin: 0 auto;
width: 960px;
text-align: center;
}
.homeabout .aboutin .tip {
margin: 36px 0 20px 0;
padding: 0 10px;
display: inline-block;
+display:inline;
zoom: 1;
border-bottom: #b1b1b1 1px solid;
line-height: 37px;
font-size: 24px;
color: #999999;
}
.homeabout .aboutin p {
font-size: 14px;
color: #999;
}
.homeabout .aboutin ul {
margin: 0 auto;
width: 866px;
}
.homeabout .aboutin ul li {
float: left;
margin: 4.5% 26px 140px 0;
overflow: hidden;
width: 197px;
height: 200px;
}
.homeabout .aboutin ul li.lastli {
margin-right: 0px;
}
.homeabout .aboutin ul li .liin {
width: 197px;
height: 200px;
background: url(../images/bg_homeabout.png) no-repeat center center;
text-align: center;
}
.homeabout .aboutin ul li .liin .nummer .data {
margin-top: 42px;
display: inline-block;
+display:inline;
zoom: 1;
border-bottom: #fff 1px solid;
font-weight: bold;
font-size: 36px;
color: #fff;
line-height: 68px;
}
.homeabout .aboutin ul li .liin .nummer .wenzi {
margin-top: 6px;
color: #fff;
}
.homeabout .aboutin ul li .liin .nummer .wenzi span {
display: block;
font-size: 14px;
}
.homebusiness {
float: left;
width: 100%;
background: #5b76a3 url(../images/bg_homebusiness.jpg) no-repeat top center;
}
.homebusiness ul {
margin: 0 auto 144px auto;
padding-top: 3%;
width: 960px;
overflow: hidden;
}
.homebusiness ul .left {
float: left;
}
.homebusiness ul .right {
float: right;
}
.homebusiness ul li {
position: relative;
width: 469px;
overflow: hidden;
cursor: pointer;
}
.homebusiness ul li img {
width: 100%;
float: left;
}
.homebusiness ul li .hover {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/bg_homeaboutcover.png);
text-align: center;
}
.homebusiness ul li .hover span {
display: block;
font-size: 18px;
font-weight: bold;
color: #fff;
}
.homebusiness ul li .hover span.en {
padding-top: 44%;
font-size: 36px;
}
.homebusiness ul li .hover span.cn {
margin-top: 2%;
}
.homebusiness ul .left .en {
background: url(../images/honorbg1.png) no-repeat center 42px;
}
.homebusiness ul .right .en {
background: url(../images/honorbg2.png) no-repeat center 42px;
}
.homenews {
float: left;
width: 100%;
background: #cecece url(../images/bg_homeabout.jpg) no-repeat center center;
}
.homenews .news {
float: left;
margin-top: 3.5%;
width: 100%;
}
.homenews .news ul {
margin: -10px auto;
width: 960px;
overflow: hidden;
cursor: pointer;
}
.homenews .news ul li {
float: left;
margin-bottom: 3.5%;
width: 45%;
min-height: 122px;
}
.homenews .news ul li .time {
display: block;
width: 98px;
height: 36px;
line-height: 36px;
background: #4b83d0;
text-align: center;
color: #fff;
font-size: 14px;
}
.homenews .news ul li .title {
padding-top: 10px;
display: block;
width: 100%;
font-size: 14px;
color: #333;
line-height: 28px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.homenews .news ul li .title:hover {
color: #4b83d0;
}
.homenews .news ul li .content {
color: #999;
display: block;
height: 48px;
}
.homenews .news ul li .content:hover {
color: #4b83d0;
}
.homenews .morebtn {
display: block;
margin: 0px auto 115px auto;
width: 150px;
height: 45px;
background: #333333;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 45px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.homenews .morebtn:hover {
background: #4b83d0;
color: #fff;
}
.homebottom {
width: 100%;
float: left;
}
.homecontact {
position: relative;
float: left;
margin-bottom: -20px;
width: 100%;
overflow: hidden;
background: url(../images/bg_homecontact.jpg) no-repeat center center;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-ms-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
.homecontact .hometitle {
float: none;
width: 960px;
position: absolute;
top: 50%;
left: 50%;
height: 200px;
margin: 36px 0 0 -480px;
}
.homecontact h1 a {
color: #fff;
font-size: 46px;
}
.homecontact h2 a {
color: #fff;
font-size: 20px;
}
.homecontact h2 {
border-bottom: #fff 1px solid;
}
.homecontact .bg {
position: absolute;
top: 0;
left: 50px;
margin: 0 0 0 -960px;
}
.homecontact .contact {
position: absolute;
top: 0px;
left: 50%;
margin-left: -480px;
width: 960px;
height: 100%;
}
.homecontact .title {
position: absolute;
left: -16%;
bottom: 60%;
}
.homecontact .title h3 {
font-size: 36px;
font-weight: bold;
}
.homecontact .title h3 a {
color: #fff;
}
.homecontact .title span {
margin-top: 8px;
display: block;
height: 3px;
width: 105px;
background: #fff;
}
.homecontact .icon {
position: absolute;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 100;
}
.homecontact .icon img {
-webkit-animation: arr 1.5s infinite;
-moz-animation: arr 1.5s infinite;
-o-animation: arr 1.5s infinite;
-ms-animation: arr 1.5s infinite;
animation: arr 1.5s infinite;
}
/*.homecontact .icon1{top:50%;left:50%;margin-left:-511px;margin-top:135px;}*/
.homecontact .icon1 {
top: 61%;
left: 23.3%;
}
.homecontact .icon2 {
top: 28%;
left: 54%;
}
.screen {
position: fixed;
left: 0px;
top: 0px;
background: url(../images/bg_hover.png);
z-index: 100;
height: 100%;
width: 100%;
}
.screen .screenin {
position: absolute;
top: 50%;
left: 50%;
margin: -279px 0 0 -442px;
width: 884px;
height: 0px;
overflow: hidden;
}
.screen .screenin .screenBox {
position: relative;
width: 100%;
height: 100%;
}
.screen .screenin .screenBox img {
width: 100%;
height: 100%;
}
.screen .screenin .screenBox ul {
position: absolute;
top: 130px;
left: 0px;
width: 100%;
height: 42%;
}
.screen .screenin .screenBox ul li {
margin-bottom: 56px;
padding-left: 55px;
width: 30%;
float: left;
color: #333;
height: 73px;
font-size: 14px;
}
.screen .screenin .screenBox ul li .title {
font-weight: bold;
font-size: 18px;
}
.screen .screenin .screenBox ul li .line {
width: 100%;
height: 1px;
background: #333;
}
.screen .screenin .screenBox ul li.list1 {
background: url(../images/icon_homeadd.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list2 {
background: url(../images/icon_hometel.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list3 {
background: url(../images/icon_homefax.png) no-repeat left 7px;
}
.screen .screenin .screenBox ul li.list4 {
background: url(../images/icon_homeemail.png) no-repeat left 7px;
}
.screen .screenin .screenBox .map {
position: absolute;
left: 3%;
top: 6%;
width: 94%;
height: 88%;
}
.screen .screenin .screenBox .close {
position: absolute;
right: 22px;
bottom: 17px;
width: 26px;
height: 27px;
background: url(../images/bg_close.jpg);
cursor: pointer;
}
/*内页*/
#main {
margin: 0 auto;
width: 960px;
clear: both;
}
.pagetitle {
float: left;
width: 100%;
text-align: center; margin-bottom:30px
}
.pagetitle h1 {
font-weight: bold;
font-size: 24px;
color: #323232;
}
.pagetitle h2 {
display: inline-block;
+display:inline;
zoom: 1;
font-size: 18px;
color: #323232;
border-bottom: #323232 1px solid;
line-height: 44px;
}
.applyBox {
float: left;
width: 100%;
margin-top: 22px;
}
.applyBox li {
margin-bottom: 30px;
}
.applyBox li h3 {
border-bottom: #969696 1px solid;
line-height: 38px;
cursor: pointer;
}
.applyBox li h3 .title {
padding-bottom: 9px;
font-size: 16px;
color: #4b83d0;
border-bottom: #4b83d0 2px solid;
}
.applyBox li h3 .more {
float: right;
margin-top: 14px;
display: block;
width: 12px;
height: 12px;
background: url(../images/icon_morejian.png);
}
.applyBox li h3 .more1 {
background: url(../images/icon_morejian1.png);
}
.applyBox li h3 .time {
float: right;
color: #969696;
margin-right: 34px;
}
.applyBox li .text {
display: none;
margin: 22px auto 0 auto;
width: 86%;
font-size: 14px;
}
.applyBox li .text strong {
font-weight: bold;
}
.contactBox {
float: left;
width: 100%;
margin-top: 65px;
}
.contactBox .contact {
width: 100%;
float: left;
}
.contactBox .contact ul {
float: left;
width: 83%;
}
.contactBox .contact ul li {
float: left;
margin: 0 11% 38px 0;
width: 25%;
}
.contactBox .contact ul li.list1 {
background: url(../images/icon_people.png) no-repeat left 14px;
}
.contactBox .contact ul li.list2 {
background: url(../images/icon_tel.png) no-repeat left 12px;
}
.contactBox .contact ul li.list3 {
background: url(../images/icon_fax.png) no-repeat left 14px;
}
.contactBox .contact ul li.list4 {
background: url(../images/icon_email.png) no-repeat left 9px;
}
.contactBox .contact ul li.list5 {
background: url(../images/icon_ps.png) no-repeat left 14px;
}
.contactBox .contact ul li.list6 {
background: url(../images/icon_add.png) no-repeat left 8px;
}
.contactBox .contact ul li p {
padding-left: 34px;
line-height: 22px;
}
.contactBox .contact ul li .line {
margin-left: 34px;
display: block;
height: 1px;
background: #969696;
}
.contactBox .contact img {
float: right;
}
.contactBox .map {
float: left;
width: 100%;
height: 310px;
}
.contactBox .blocktitle {
float: left;
width: 100%;
}
.contactBox h5 {
margin: 66px auto 40px auto;
width: 138px;
height: 28px;
border: #323232 1px solid;
text-align: center;
line-height: 28px;
font-size: 16px;
}
.contactBox .formbox {
width: 100%;
float: left;
}
.contactBox .inputrow {
float: left;
width: 31%;
margin-right: 3.5%;
height: 33px;
}
.contactBox .input-address {
margin-right: 0px;
}
.contactBox .inputrow.error input {
border: red 1px solid;
}
.contactBox .inputrow input {
width: 96%;
text-indent: 6px;
line-height: 33px;
border: #bfbfbf 1px solid;
color: #999;
height: 33px;
}
.contactBox .input-message {
width: 100%;
height: auto;
}
.contactBox .inputrow textarea {
margin-top: 30px;
width: 98.7%;
height: 208px;
text-indent: 6px;
line-height: 33px;
border: #bfbfbf 1px solid;
color: #999;
}
.contactBox .submit {
width: 100%;
float: left;
margin: 30px 0 60px 0;
text-align: center;
}
.contactBox .submit .submit1 {
display: inline-block;
+display:inline;
zoom: 1;
background: #4b83d0;
height: 36px;
width: 258px;
border: 0px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.activityBox {
float: left;
width: 100%;
}
.activityBox h3 {
margin-top: 35px;
border-bottom: #969696 1px solid;
line-height: 38px;
}
.activityBox h3 a {
padding-bottom: 7px;
font-size: 16px;
color: #4b83d0;
border-bottom: #4b83d0 3px solid;
}
.activityBox .des {
margin-top: 20px;
float: left;
width: 100%;
}
.activityBox .des .img {
float: left;
width: 25%;
margin-right: 20px;
}
.activityBox .des .img img {
width: 100%;
}
.activityBox .des .text {
font-size: 14px;
color: #969696;
line-height: 28px;
}
.activityBox .iconBox {
margin-top: 50px;
float: left;
width: 100%
}
.activityBox .iconBox li {
float: left;
width: 15.4%;
text-align: center;
margin: 0 8%;
}
.activityBox .iconBox li .img {
width: 100%;
}
.activityBox .iconBox li .img img {
width: 100%;
}
.activityBox .iconBox li h4 {
padding-top: 18px;
font-size: 18px;
color: #4b83d0
}
;
.activityBox .iconBox li p {
font-size: 16px;
color: #3e3a39;
}
.activityBox .activity {
float: left;
margin-top: 75px;
width: 100%;
}
.activityBox .activity li {
float: left;
padding: 2%;
padding-bottom: 0;
margin-bottom: 40px;
width: 44.8%;
border: #e2e2e2 1px solid;
}
.activityBox .activity li .img {
display: block;
width: 100%;
overflow: hidden;
}
.activityBox .activity li .img img {
width: 100%;
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.activityBox .activity li .img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-mz-transform: scale(1.1);
transform: scale(1.1);
}
.activityBox .activity li .title {
font-size: 14px;
line-height: 50px;
color: #333;
text-align: center;
display: block;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.activityBox .activity li .title:hover {
color: #4b83d0;
}
.socialBox {
float: left;
width: 100%;
}
.socialBox .des {
float: left;
width: 100%;
margin-top: 32px;
font-size: 14px;
color: #323232;
}
.socialBox ul {
margin: 70px 0 60px 0;
float: left;
width: 100%;
}
.socialBox ul li {
position: relative;
float: left;
width: 48%;
margin-bottom: 40px;
cursor: pointer;
}
.socialBox ul li .img {
width: 100%;
}
.socialBox ul li .img img {
width: 100%
}
.socialBox ul li .hover {
position: absolute;
top: 0px;
right: 0px;
width: 50%;
height: 100%;
background: url(../images/bg_socialhover.png);
color: #fff;
}
.socialBox ul li .title {
display: block;
padding: 0 6%;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
.socialBox ul li .text {
padding: 0 6%;
font-size: 14px;
}
.socialBox ul li .slidebtn {
position: absolute;
bottom: 12px;
right: 30px;
width: 28px;
height: 25px;
background: url(../images/icon_slideleft.png);
}
.socialBox ul li a.wfEditorMode {
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
}
.businessBox {
float: left;
width: 100%;
text-align: center;
}
.businessBox .text {
display: inline-block;
+display:inline;
zoom: 1;
margin: 70px 0 100px 0;
font-size: 14px;
text-align: left;
}
.businessBox .text strong {
color: #4b83d0;
}
.businessBox .text .business {
position: relative;
}
.businessBox .text .business img {
width: 100%;
}
.businessBox .text .business .line, .businessBox .text .business .wenzi, .businessBox .text .business .btn {
position: absolute;
top: 0px;
left: 0px;
}
.businessBox .text .business .btn {
-webkit-animation: btn 1.5s infinite;
-moz-animation: btn 1.5s infinite;
-o-animation: btn 1.5s infinite;
-ms-animation: btn 1.5s infinite;
animation: btn 1.5s infinite;
}
.memberBox {
float: left;
width: 100%;
margin-top: 80px;
position: relative;
}
.memberBox .member {
float: left;
margin: 0 15px;
width: 100%
}
.memberBox .member .memberlist {
position: relative;
margin: 0 2.5% 30px 2.6%;
float: left;
width: 181px;
height: 160px;
cursor: pointer;
}
.memberBox .member .memberlist .img {
position: relative;
width: 179px;
height: 115px;
border: #959595 1px solid;
overflow: hidden;
}
.memberBox .member .memberlist .img .hover {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/bg_bluehover.png);
}
.memberBox .member .memberlist .img img {
width: 100%;
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.memberBox .member .memberlist .img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-mz-transform: scale(1.1);
transform: scale(1.1);
}
.memberBox .member .memberlist:hover {
border-color: #000;
}
.memberBox .member .memberlist h2 {
margin-top: 10px;
font-size: 13px;
color: #333;
text-align: center;
}
.memberBox .leftBtn {
position: absolute;
top: 50%;
margin-top: -26px;
left: 0px;
width: 20px;
height: 52px;
background: url(../images/btn_left.png);
cursor: pointer;
z-index: 10;
}
.memberBox .rightBtn {
position: absolute;
top: 50%;
margin-top: -26px;
right: 0px;
width: 20px;
height: 52px;
background: url(../images/btn_right.png);
cursor: pointer;
z-index: 10;
}
.memberBox .leftBtn:hover, .memberBox .rightBtn:hover {
background-position: bottom center;
}
.memberBox .member .memberlist a.wfEditorMode {
position: absolute;
top: 20px;
right: 0px;
z-index: 10;
}
.memberdetail {
float: left;
width: 100%;
margin-bottom: 55px;
}
.memberdetail h1 {
margin-bottom: 35px;
color: #4b83d0;
font-weight: bold;
font-size: 20px;
}
.memberdetail p {
font-size: 14px;
color: #727171;
}
.memberdetail p img {
width: 100%;
}
.resourceBox {
float: left;
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.resourceBox .title {
width: 100%;
margin-top: 35px;
height: 34px;
background: url(../images/bg_resource.jpg)
}
.resourceBox .title h3 {
margin: 0 auto;
width: 156px;
height: 32px;
border: #323232 solid 1px;
font-size: 20px;
color: #323232;
line-height: 32px;
background: #fff;
}
.resourceBox .text {
margin-top: 26px;
text-align: center;
font-size: 14px;
color: #969696;
}
.resourceBox h4 {
margin-top: 30px;
display: inline-block;
+display:inline;
zoom: 1;
font-size: 18px;
color: #323232;
border-bottom: 1px #323232 solid;
line-height: 36px;
}
.resourceBox table {
width: 100%;
margin-bottom: 10px;
}
.resourceBox table.tablefirst {
margin-top: 30px;
}
.resourceBox table.tablelast {
margin-bottom: 60px;
}
.resourceBox table.tablezui {
margin-top: 30px;
}
.resourceBox table tr {
background: #e1e9f5;
}
.resourceBox table td {
width: 20%;
text-align: left;
font-size: 14px;
color: #292929;
padding: 5px 0 5px 35px;
}
.resourceBox table td.th {
color: #fff;
text-align: center;
background: #4b83d0;
font-size: 16px;
text-indent: 0px;
padding: 5px 0;
}
.resourceBox p.bule {
color: #4b83d0;
font-size: 16px;
}
.resourceBox .resource {
width: 100%;
margin-top: 30px;
}
.resourceBox .resource .member {
margin: 0 7px;
width: 176px;
height: 304px;
float: left;
}
.resourceBox .resource .member1 {
height: 150px;
}
.resourceBox .resource .memberlist {
position: relative;
float: left;
margin-top: 1px;
margin-bottom: 20px;
width: 176px;
border: #ccc 1px solid;
}
.resourceBox .resource .memberlist .hover {
position: absolute;
top: 0px;
left: 0px;
display: block;
}
.resourceBox .resource .memberlist img {
width: 100%;
}
.resourceBox .resource .memberlist a.wfEditorMode {
position: absolute;
top: 20px;
right: 0px;
}
.resourceBox .resource .icon {
display: inline-block;
+display:inline;
zoom: 1;
}
.resourceBox .resource .icon a {
float: left;
margin: 0 3px;
display: block;
width: 10px;
height: 10px;
background: url(../images/bg_icon.png) no-repeat left bottom;
text-indent: 20px;
overflow: hidden;
}
.resourceBox .resource .icon a.selected {
background: url(../images/bg_icon.png) no-repeat left top;
}
.researchBox {
float: left;
width: 100%;
}
.researchBox .des {
float: left;
width: 100%;
margin-top: 32px;
font-size: 14px;
color: #323232;
line-height: 28px;
}
.researchBox .research {
float: left;
width: 100%;
margin-top: 40px;
}
.researchBox .research li {
float: left;
width: 29.5%;
margin: 0 2.2% 30px 0;
padding: 1%;
padding-bottom: 0px;
border: #e1e1e1 1px solid;
}
.researchBox .research li a {
display: block;
color: #333;
padding: 4px 0;
}
.researchBox .research li a.img {
width: 100%;
overflow: hidden;
}
.researchBox .research li a.img img {
width: 100%;
-webkit-transition: all 0.8s ease-in;
-moz-transition: all 0.8s ease-in;
-o-transition: all 0.8s ease-in;
-ms-transition: all 0.8s ease-in;
transition: all 0.8s ease-in;
}
.researchBox .research li a.img:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-mz-transform: scale(1.1);
transform: scale(1.1);
}
.researchBox .research li a.title {
padding: 8px 0;
font-size: 14px;
color: #3e3a39;
height: 42px;
overflow: hidden;
}
.aboutBox {
float: left;
width: 100%;
font-size: 14px;
line-height: 28px;
color: #969696;
}
.aboutBox .des {
margin: 32px 0 0 0;
text-align: center;
color: #4b83d0;
}
.aboutBox .about {
margin: 50px 0 90px 0;
float: left;
width: 100%;
}
.aboutBox .about .img {
float: left;
width: 31%;
}
.aboutBox .about .img img {
width: 100%;
}
.aboutBox .about .img h3 {
padding-top: 10px;
text-align: center;
color: #4b83d0;
font-size: 18px;
font-weight: bold;
}
.aboutBox .about .img h4 {
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
color: #4b83d0;
font-size: 18px;
border-bottom: #969696 1px solid;
}
.aboutBox .about .text {
float: right;
width: 63%;
}
.aboutBox .about .text p {
font-size: 14px;
line-height: 28px;
color: #969696;
}
.companyBox {
float: left;
width: 100%;
}
.companyBox .des {
float: left;
width: 100%;
margin-top: 32px;
text-align: center;
font-size: 14px;
color: #4b83d0;
;
}
.companyBox .company {
margin: 40px 0 75px 0;
float: left;
width: 100%;
}
.companyBox .company .img {
float: right;
margin-left: 24px;
width: 40%;
}
.companyBox .company .img img {
width: 100%;
}
.companyBox .company p {
font-size: 14px;
line-height: 28px;
color: #969696;
}
.companyBox .imglistbox {
float: left;
width: 100%;
}
.companyBox .imglistbox .bigimg {
float: left;
width: 75%;
height: 100%;
}
.companyBox .imglistbox .bigimg li {
float: left;
overflow: hidden;
}
.companyBox .imglistbox .bigimg li img {
width: 100%;
}
.companyBox .imglistbox .smallimg {
float: right;
width: 23.5%;
}
.companyBox .imglistbox .smallimg li {
margin-bottom: 12px;
overflow: hidden;
width: 100%;
}
.companyBox .imglistbox .smallimg img {
float: left;
width: 100%;
}
.companyBox .caroufredsel_wrapper {
height: 379px!important;
}
#smallslider {
top: 0px!important;
}
.processBox {
float: left;
width: 100%;
}
.processBox .process {
float: left;
padding-bottom: 20px;
margin: 25px 0 80px 0;
width: 100%;
background: url(../images/bg_process.jpg) repeat-y left top;
}
.processBox .process li {
float: left;
width: 100%;
cursor: pointer;
}
.processBox .process li .year {
float: left;
display: table;
margin-left: 18px;
width: 77px;
height: 78px;
background: url(../images/bg_processyear.png) no-repeat left bottom;
text-align: center;
font-size: 16px;
line-height: 18px;
}
.processBox .process li .year a {
display: table-cell;
vertical-align: middle;
color: #fff;
}
.processBox .process li .year span {
font-size: 12px;
}
.processBox .process li.list0 {
margin-top: 30px;
}
.processBox .process li .text {
margin-top: 35px;
float: left;
border-top: #c8c8c8 1px solid;
padding: 0 20px;
color: #c8c8c8;
font-size: 14px;
}
.processBox .process li h3 {
padding-top: 16px;
color: #c8c8c8;
}
.processBox .process li.active .year {
background: url(../images/bg_processyear.jpg) no-repeat left top;
}
.processBox .process li.active h3 {
color: #4b83d0;
}
.processBox .process li.active .text {
border-color: #4b83d0;
color: #4b83d0;
}
.honorBox {
width: 100%;
float: left;
}
.honorBox .honor {
width: 100%;
float: left;
text-align: center;
margin-bottom: 35px;
}
.honorBox .honor h3 {
margin: 40px 0;
display: inline-block;
+display:inline;
zoom: 1;
width: 142px;
height: 24px;
line-height: 24px;
font-size: 16px;
text-align: center;
border: #323232 1px solid;
color: #323232;
}
.honorBox .honor .text {
margin-bottom: 42px;
font-size: 14px;
color: #3e3a39;
}
.honorBox .honor .imgBox {
position: relative;
padding: 18px 0;
margin: 0 auto;
border-top: #c8c8c8 1px solid;
border-bottom: #c8c8c8 3px solid;
height: 197px;
width: 92.7%;
}
.honorBox .honor .imgBox .item {
float: left;
margin: 0 5px;
padding: 16px;
width: 252px;
height: 167px;
border: #c8c8c8 1px solid;
}
.honorBox .honor .imgBox .item img {
width: 100%;
}
.honorBox .honor .imgBox .prev {
position: absolute;
top: 50%;
margin-top: -26px;
left: -35px;
width: 20px;
height: 52px;
background: url(../images/btn_left.png);
cursor: pointer;
}
.honorBox .honor .imgBox .next {
position: absolute;
top: 50%;
margin-top: -26px;
right: -35px;
width: 20px;
height: 52px;
background: url(../images/btn_right.png);
cursor: pointer;
}
.honorBox .honor .imgBox .prev:hover, .memberBox .next:hover {
background-position: bottom center;
}
.cultureBox {
float: left;
width: 100%;
padding: 60px 0;
}
.cultureBox .culture {
margin: 0 auto;
width: 960px;
overflow: hidden;
}
.cultureBox .culture .img {
float: left;
width: 48%;
text-align: center;
}
.cultureBox .culture .text {
float: right;
width: 45%;
color: #666;
font-size: 14px;
line-height: 28px;
}
.cultureBox .culture h3 {
padding-bottom: 16px;
font-weight: bold;
font-size: 18px;
color: #323232;
}
.cultureBox .culture2 .img, .cultureBox .culture4 .img {
float: right;
}
.cultureBox .culture .text span {
display: block;
font-size: 18px;
color: #4b83d0;
margin-bottom: 16px;
}
.cultureBox .culture .text strong {
color: #4b83d0;
font-weight: bold;
}
.cultureBox .culture1 .img {
margin-top: 35px;
}
.cultureBox .culture3 .img {
margin-top: 50px;
}
.cultureBox .culture4 .img {
margin-top: 24px;
}
.cultureBox .culture a.wfEditorMode {
margin-top: 20px;
}
.newsBox {
float: left;
width: 100%;
}
.newsBox .newstab {
float: left;
width: 100%;
border-bottom: #dcdcdc 1px solid;
height: 29px;
}
.newsBox .newstab a {
float: left;
display: block;
margin-left: 10px;
width: 98px;
height: 30px;
background: url(../images/bg_newstab.png) no-repeat left top;
color: #fff;
line-height: 30px;
text-align: center;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.newsBox .newstab a.current {
background-position: left bottom;
}
.newsBox .newstab a:hover {
background-position: left bottom;
}
.newsBox .news {
width: 100%;
float: left;
margin: 20px 0 26px 0;
position: relative;
}
.newsBox .news .newsinner {
width: 960px;
float: left;
}
.newsBox .news .newsinner .itemnew {
width: 32%;
display: inline-block;
margin-bottom: 30px;
border-bottom: #cecece 1px solid;
}
.newsBox .news .newsinner .itemnew .picture-item__inner {
width: 100%;
}
.newsBox .news .newsinner .itemnew .picture-item__inner img {
width: 100%;
}
.newsBox .news .newsinner .itemnew .time {
padding-top: 10px;
color: #323232;
}
.newsBox .news .newsinner .itemnew .time:hover {
color: #4b83d0
}
.newsBox .news .newsinner .itemnew .title {
font-size: 14px;
color: #323232;
}
.newsBox .news .newsinner .itemnew .title:hover {
color: #4b83d0
}
.newsBox .news .newsinner .itemnew .content {
color: #b2b2b2;
}
.newsBox .news .newsinner .itemnew .content:hover {
color: #4b83d0
}
.newsBox .news .newsinner .itemnew .more {
display: block;
margin-top: 10px;
padding: 4px 20px;
width: 50px;
color: #c7c7c7;
border-top: #cecece 1px solid;
border-bottom: #cecece 1px solid;
}
.newsBox .news .newsinner .itemnew .more:hover {
color: #4b83d0;
border-color: #4b83d0
}
.newsBox .news .newsinner .itemnew a {
display: block;
overflow: hidden;
}
.newsBox .news .newsinner .itemnew .text {
padding: 10px;
padding-top: 0px;
border-left: #cecece 1px solid;
border-right: #cecece 1px solid;
}
.newsBox .news .newsinner .shuffle__sizer {
position: absolute;
width: 33.5%;
opacity: 0;
visibility: hidden;
}
.picture-item__inner {
opacity: 0;
transform: translate(0, 220px);
}
.picture-item__inner--transition {
transition: all .6s ease;
}
.itemnew .picture-item__inner {
height: 103%;
}
.itemnew.in .picture-item__inner {
opacity: 1;
transform: translate(0, 0);
}
.newsdetail {
float: left;
width: 100%;
margin-bottom: 50px;
color: #999;
}
.newsdetail h3 {
margin: 50px 0 10px;
font-size: 16px;
text-align: center;
color: #4b83d0;
}
.newsdetail h4 {
margin-bottom: 20px;
text-align: center;
color: #4b83d0;
}
/*.picture-item__inner {
opacity: 0;
transform: translate(0, 220px);
}
.picture-item__inner--transition {
transition: all .6s ease;
}
.itemnew.in .picture-item__inner {
opacity: 1;
transform: translate(0, 0);
}
.itemnew .picture-item__inner {
height: 100%;
overflow: hidden;
}
.newsinner .shuffle__sizer{
position: absolute;
width: 330px;
opacity: 0;
visibility: hidden;
}
.itemnew.in .picture-item__inner img{
width:100%;
}*/
/*.itemnew.in .picture-item__inner img{width:100%;-webkit-transition:all 0.8s ease-in;-moz-transition:all 0.8s ease-in;-o-transition:all 0.8s ease-in;-ms-transition:all 0.8s ease-in;transition:all 0.8s ease-in;}
.itemnew.in .picture-item__inner:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-mz-transform:scale(1.1);transform:scale(1.1);}*/
/*#news .newslist .newsimglist .item .picture-item__inner{float:left;padding:0 16px 15px 0;border-right:1px solid #D2D2D2;}
#news .newslist .newsimglist .item .newsimg{float:left;width:100%;margin-bottom:20px;}
#news .newslist .newsimglist .item .newsimg img{width:100%;}
#news .newslist .newsimglist .shuffle__sizer{position:absolute;width:25.7%;opacity: 0;visibility: hidden;}
.picture-item__inner--transition {
transition: all .6s ease;
}
.item.in .picture-item__inner {
opacity: 1;
transform: translate(0, 0);
}
.item .picture-item__inner {
height: 100%;
overflow: hidden;
}*/
/*honor弹出*/
div.pp_default .pp_top, div.pp_default .pp_bottom, div.pp_default .pp_nav, .pp_gallery {
display: none!important;
}
div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right {
background: none;
}
div.pp_pic_holder {
background: #fff;
padding: 20px 130px 0 130px;
margin-left: -130px;
}
.ppttt {
display: none;
}
div.pp_default .pp_description {
line-height: 50px;
font-size: 14px;
}
a.pp_next {
margin-right: -149px;
}
a.pp_previous {
margin-left: -143px;
}
@-webkit-keyframes arrowlx {
0% {
bottom:30px;
opacity:1;
}
100% {
bottom:20px;
opacity:0;
}
}
@-moz-keyframes arrowlx {
0% {
bottom:30px;
opacity:1;
}
100% {
bottom:20px;
opacity:0;
}
}
@-ms-keyframes arrowlx {
0% {
bottom:30px;
opacity:1;
}
100% {
bottom:20px;
opacity:0;
}
}
@-o-keyframes arrowlx {
0% {
bottom:30px;
opacity:1;
}
100% {
bottom:20px;
opacity:0;
}
}
@keyframes arrowlx /* Safari 和 Chrome */ {
0% {
bottom:30px;
opacity:1;
}
100% {
bottom:20px;
opacity:0;
}
}
@-webkit-keyframes arr {
0% {
-webkit-transform:scale(1.0);
}
50% {
-webkit-transform:scale(1.5);
}
100% {
-webkit-transform:scale(1.0);
}
}
@-moz-keyframes arr {
0% {
-moz-transform:scale(1.0);
}
50% {
-moz-transform:scale(1.5);
}
100% {
-moz-transform:scale(1.0);
}
}
@-o-keyframes arr {
0% {
-o-transform:scale(1.0);
}
50% {
-o-transform:scale(1.5);
}
100% {
-o-transform:scale(1.0);
}
}
@-mz-keyframes arr {
0% {
-mz-transform:scale(1.0);
}
50% {
-mz-transform:scale(1.5);
}
100% {
-mz-transform:scale(1.0);
}
}
@keyframes arr {
0% {
transform:scale(1.0);
}
50% {
transform:scale(1.5);
}
100% {
transform:scale(1.0);
}
}
@-webkit-keyframes btn {
0% {
top:0px;
}
50% {
top:-10px;
}
100% {
top:0px;
}
}
@-moz-keyframes btn {
0% {
top:0px;
}
50% {
top:-10px;
}
100% {
top:0px;
}
}
@-o-keyframes btn {
0% {
top:0px;
}
50% {
top:-10px;
}
100% {
top:0px;
}
}
@-mz-keyframes btn {
0% {
top:0px;
}
50% {
top:-10px;
}
100% {
top:0px;
}
}
@keyframes btn {
0% {
top:0px;
}
50% {
top:-10px;
}
100% {
top:0px;
}
}
@media screen and (max-width: 768px) {
.banners .banner .item .text img{ width:30% !important}
.banners .banner{ width:100% !important; margin-left:-50% !important}
.image-wrapper img{ width:100% !important}
.hometitle h2{ font-size:20px !important}
.homeabout .aboutin .tip{ font-size:18px !important; margin-top:18px !important; padding-bottom:10px}
.homeabout .aboutin ul li .liin{ background-size: contain; width:100% !important; height:145px !important}
.homeabout .aboutin ul li{ margin:20px 0 0 0 !important; height:auto !important; margin-left:0 !important; width:50% !important}
.homeabout .aboutin ul li .liin .nummer .data{ margin-top:30px !important; font-size:22px !important; line-height:38px !important}
.hometitle h1{ font-size:30px !important; margin-top:60px}
.homebusiness ul{ width:100% !important}
.homebusiness ul li{ width:60%; float: inherit !important; margin-left:20% !important;}
.homebusiness ul li .hover{background-size: cover;}
.hometitle h2{ margin-top:0 !important}
.homebusiness ul .left .en{ background-size:20%}
.homebusiness ul li .hover span.en{ font-size:20px !important}
.homebusiness ul .right .en{ background-size:20%}
.homenews .morebtn{ margin:40px auto 0 !important}
.homenews .news ul li .content{ overflow:hidden}
.headerBox{ height:55px !important}
.headerBox .logo{ margin-top:0 !important}
.headerBox .header{}
#footerBox.footerbox1 .footermap ul{ width:20% !important}
#footerBox.footerbox1 .footermap ul.column1{ margin-left:0 !important}
#footerBox.footerbox1 .footermap ul.column4{ margin-left:0 !important}
.homenews .news{ margin-top:38px !important;}
#footerBox.footerbox1 .copy{ position:absolute; width:100%; bottom:0}
.homecontact .hometitle{ display:none}
.screen .screenin{ width:100% !important; left:50% !important; margin: -60% 0 0 -50% !important;}
.screen .screenin .screenBox ul li{ margin-left:5% !important;float: inherit !important; width:70%; margin-bottom:10px !important}
.screen .screenin .screenBox ul{ top:70px !important}
#footerBox .footermap ul{ width:20% !important}
#footerBox .footermap ul h1{ width:100% !important}
#bannerin{ height:200px !important}
#bannerin .text{ top:55% !important}
#bannerin .text h1{ font-size:24px !important; text-align:center}
.newsBox .news .newsinner .itemnew .content{ line-height:22px; height:44px; overflow:hidden}
.pagetitle{ margin-bottom:0 !important; margin-top:20px}
#breadcrumbs{ margin-bottom:0 !important}
.newsdetail h3{ margin-top:30px !important}
.contactBox .contact ul li p{ width:100% !important; box-sizing:border-box}
}