#section{ text-align: center; } .logo img:nth-of-type(2){ display:block; } /*公司简介*/ .company_left,.company_right{ width:600px; height:300px; text-align: left; float: left; } .company_left_margin{ margin-right:45px; } .introduction { color: #999; font-size: 12px; line-height: 25px; margin: 0 auto; } .introduction p{ margin-top:19px; } .introduction p span { color: #666; font-size: 18px; } /*新闻动态*/ .information{ height:450px; overflow: hidden; } .headlines{ width:537px; height:auto; text-align: left; } .headlines_div{ position: relative; } .headlines_div img{ height:350px; width:auto; } .headlines_date_pos{ position: absolute; top:0; left: 0; background: #3f7ab9; color: #fff; padding-top:5px ; } .headlines_date{ width:90px; height:95px; text-align:center; } .headlines_date p{ font-size: 60px; line-height: 60px; } .headlines_date span{ font-size: 18px; line-height: 30px; } .headlines_text{ margin-top:10px; } .headlines_text_title{ width:450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:inline-block; } .headlines_text_p{ text-indent:2em; position:relative; line-height:1.6em; /* 3 times the line-height to show 3 lines */ height:3.2em; overflow:hidden; text-align: left; } .headlines_more{ display:inline-block; width:118px; height:26px; line-height:26px; text-align: center; background: #3f7ab9; border:2px solid #3f7ab9; color: #fff; margin-top:15px; } .headlines_more:hover{ background:#fff; color:#666; } .newsheadlines{ width:550px; height:450px; overflow:hidden; } .newsheadlines_text .headlines_text_title{ margin-bottom:10px; } .newsheadlines_text .headlines_text_title,.newsheadlines_text .headlines_text_p{ width:440px; } .marginTOP{ margin:10px; } /*产品宣传*/ .product_left,.product_right_bk{ width:50%; height:592px; overflow:hidden; } .product_pic{ height:100%; } .product_right{ padding-left:90px; padding-top:90px; text-align:left; width:500px; cursor:default; } .product_title_bor{ height:6px; width:94px; background:#3f7ab9; margin:15px 0; } .product_introduce i{ display:inline-block; width:30px; height:23px; position:relative; } .product_introduce i::after{ content:''; position: absolute; top:15px; left:0; width:30px; border:1px solid #666; color:#666; } .product_introduce{ position:relative; line-height:1.8em; /* 3 times the line-height to show 3 lines */ height:5.7em; overflow:hidden; } .product_introduce::after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 20px 1px 10px; background:#eeedf2; } .product_button a{ display: inline-block; width:94px; height:28px; line-height: 28px; background:#3f7ab9; border:2px solid #3f7ab9; outline:none; margin-top:200px; margin-right:20px; font-size:16px; color:#fff; text-align:center; } .product_button a:hover{ background:#fff; border:2px solid #3f7ab9; color:#666; } /*专家团队*/ .expert_team{ /*width:930px;*/ width:1120px; height:462px; margin:0 auto; background: #f1f1f5; padding:40px; text-align: left; } .expert_name{ font-size:20px; color:#333; line-height: 60px; margin-top: 20px; } .expert_ul{ } .expert_ul img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition:all 3.5s; -moz-transition:all 3.5s; /* Firefox 4 */ -webkit-transition:all 3.5s; /* Safari and Chrome */ -o-transition:all 3.5s; } .expert_ul .Li_active img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); transform:rotateY(360deg); -webkit-transform:rotateY(360deg); /* Safari and Chrome */ -moz-transform:rotateY(360deg); /* Firefox */ } .expert_p{ font-size:14px; color:#838383; line-height: 30px; } .expert_per{ display: none; } .expert_show.expert_per{ display: block; animation:mymove 2.5s; -webkit-animation:mymove 2.5s; /* Safari 和 Chrome */ } @keyframes mymove { from {opacity: 0;} to {opacity:1;} } @-webkit-keyframes mymove /*Safari and Chrome*/ { from {opacity: 0;} to {opacity:1;} } .expert_ul li{ width:206px; min-height:261px; float: left; /*background:#cacaca;*/ margin-right: 22.5px; } .expert_ul li:last-child{ margin:0; } .expert_ul li img{ width:100%; float: left; } /*合作伙伴*/ .cooperative{ width:1030px; margin:0 auto; height: 126px; overflow: hidden; position: relative; } .cooperative #cooperative_ul{ width:1030px; height:126px; position: absolute; top:0; left: 0; } .cooperative_logo{ width:122px; height:122px; border:2px solid #999; border-radius:70px; overflow:hidden; /*display:inline-block;*/ margin:0 38px; float: left; } .cooperative_logo img{ width:100%; height: 100%; float: left; } /*服务客户*/ .service_pic{ width:390px; height:260px; position:relative; display:inline-block; margin:0 80px 20px; overflow: hidden; } .service_pic img{ width:100%; float: left; } .service_text{ cursor:default; position:absolute; bottom:0; left:0; width:390px; height:38px; line-height:38px; font-size:20px; color:#fcfcfc; background:rgba(63,122,185,0.8); /*display:none;*/ } /*.service_pic:hover .service_text{ display:block; }*/ /*联系我们*/ .contact_left{ width:600px; font-size:24px; color:#999; text-align:left; } .tell,.email,.address{ margin-bottom:150px; } .tell i,.email i,.address i{ display:inline-block; margin-right:45px; vertical-align:middle; width:40px; height:40px; overflow:hidden; } .tell span,.email span,.address span{ vertical-align:middle; display:inline-block; } .tell i{ background:url(../images/contact.png) no-repeat; } .email i{ background:url(../images/contact.png) center no-repeat; } .address i{ background:url(../images/contact.png) right no-repeat; } .contact_right{ width:600px; height:410px; }