init
This commit is contained in:
631
public/frontend/web/scripts/jquery-tp-150423184326/css/home_2c89410.css
Executable file
631
public/frontend/web/scripts/jquery-tp-150423184326/css/home_2c89410.css
Executable file
@@ -0,0 +1,631 @@
|
||||
#secondary-navbar-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#features {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#feature-slider {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#slide-container {
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
left: -200%;
|
||||
}
|
||||
|
||||
.slide {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
height: 565px;
|
||||
text-align: left;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.slider-text {
|
||||
width: 500px;
|
||||
margin-left: 10%;
|
||||
padding-top: 50px;
|
||||
white-space: normal;
|
||||
color: #013b72;
|
||||
}
|
||||
|
||||
.slider-header {
|
||||
font-size: 38px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.slider-header-2 {
|
||||
font-size: 16px;
|
||||
padding-bottom: 23px;
|
||||
}
|
||||
|
||||
.slider-text img {
|
||||
padding-bottom: 17px;
|
||||
}
|
||||
|
||||
.slider-description {
|
||||
font-size: 16px;
|
||||
padding-bottom: 45px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
#image-slider {
|
||||
position: relative;
|
||||
margin-top: -160px;
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
background-color: rgba(153, 153, 153, 0.35);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.before-slider, .before-image, .after-slider, .after-image {
|
||||
position: absolute;
|
||||
top: 51%;
|
||||
width: 20%;
|
||||
height: 1px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.before-slider {
|
||||
margin-left: -20%; /* Same as width */
|
||||
}
|
||||
|
||||
.after-image {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
.before-image {
|
||||
width: 5%;
|
||||
margin-left: -5%; /* Same as width */
|
||||
}
|
||||
|
||||
.slider-image {
|
||||
cursor: pointer;
|
||||
width: 10%;
|
||||
vertical-align: middle;
|
||||
max-width: 70px;
|
||||
max-height: 70px;
|
||||
}
|
||||
|
||||
#last-image {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
display: inline;
|
||||
line-height: 160px;
|
||||
padding-right: 8%;
|
||||
}
|
||||
|
||||
#experience {
|
||||
background-color: #FFA200;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#experience > img {
|
||||
padding-top: 40px;
|
||||
margin-left: 10%;
|
||||
float: left;
|
||||
width: 40%;
|
||||
max-width: 500px;
|
||||
max-height: 321px;
|
||||
}
|
||||
|
||||
#experience-text-container {
|
||||
float: right;
|
||||
color: #fff;
|
||||
padding: 100px 10% 0 0;
|
||||
}
|
||||
|
||||
#experience-text-description {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.subWeibo
|
||||
{
|
||||
font-size:15px;
|
||||
}
|
||||
|
||||
.head-font
|
||||
{
|
||||
font-size:38px;
|
||||
}
|
||||
|
||||
.ul-weibo li
|
||||
{
|
||||
padding:3px;
|
||||
font-size:15px;
|
||||
}
|
||||
|
||||
.weibohover :hover
|
||||
{
|
||||
cursor:pointer;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
#android :hover
|
||||
{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
/*-- 2014.8.19 New --*/
|
||||
.ag-content-customer-wrap {
|
||||
width:100%;
|
||||
background:#f1f1f1;
|
||||
transition:background-color .5s;
|
||||
-moz-transition:background-color .5s;
|
||||
-webkit-transition:background-color .5s;
|
||||
-o-transition:background-color .5s;
|
||||
}
|
||||
.ag-content-customer {
|
||||
width:100%;
|
||||
margin:0 auto;
|
||||
}
|
||||
.ag-content-customer-ele {
|
||||
width:14%;
|
||||
float:left;
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
font-size:18px;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.ag-content-customer-ele:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.ag-content-customer-ele span {
|
||||
display:block;
|
||||
width:100%;
|
||||
color:#FFF;
|
||||
font-size: 1.5em;
|
||||
position:absolute;
|
||||
line-height: 30px;
|
||||
top:50%;
|
||||
margin-top:-15px;
|
||||
left:0;
|
||||
text-align: center;
|
||||
transition:color .3s;
|
||||
-moz-transition:color .3s;
|
||||
-webkit-transition:color .3s;
|
||||
-o-transition:color .3s;
|
||||
}
|
||||
.ag-content-customer-ele img {
|
||||
display:block;
|
||||
width:300px;
|
||||
height:400px;
|
||||
position:absolute;
|
||||
top:52px;
|
||||
left:85px;
|
||||
}
|
||||
.ag-content-customer-ele-detail {
|
||||
width:100%;
|
||||
position:relative;
|
||||
float:left;
|
||||
background:#469acb;
|
||||
overflow:hidden;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul {
|
||||
width:100%;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li {
|
||||
width:14.28%;
|
||||
height:48px;
|
||||
font-size:16px;
|
||||
color:#333;
|
||||
padding:11px 0;
|
||||
cursor:pointer;
|
||||
background-repeat:no-repeat;
|
||||
position: relative;
|
||||
float: left;
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
/*
|
||||
transition:background-position-y .2s;
|
||||
-moz-transition:background-position-y .2s;
|
||||
-webkit-transition:background-position-y .2s;
|
||||
-o-transition:background-position-y .2s;
|
||||
*/
|
||||
}
|
||||
|
||||
.ag-content-customer-ele-detail ul li.acced-li-1 {
|
||||
background-color:#00a1ff;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-2 {
|
||||
background-color: #2dccd3;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-3 {
|
||||
background-color: #00bb31;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-4 {
|
||||
background-color: #ff6900;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-5 {
|
||||
background-color: #963cbd;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-6 {
|
||||
background-color: #c4d600;
|
||||
}
|
||||
.ag-content-customer-ele-detail ul li.acced-li-7 {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.ag-content-customer-ele-detail ul li span{color:#FFF; font-size: 1.125em;}
|
||||
@-webkit-keyframes mymove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
@-moz-keyframes mymove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
@-o-keyframes mymove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
@-webkit-keyframes remove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
@-moz-keyframes remove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
@-o-keyframes remove {
|
||||
0% {opacity:0;}
|
||||
100% {opacity:1;}
|
||||
}
|
||||
.ag-content-customer-ele-detail-display {
|
||||
display:none;
|
||||
width:100%;
|
||||
float:left;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-left {
|
||||
width:100%;
|
||||
position:relative;
|
||||
top:0px;
|
||||
left:0px;
|
||||
opacity:0;
|
||||
animation:mymove 1s both;
|
||||
-moz-animation:mymove 1s both;
|
||||
-webkit-animation:mymove 1s both;
|
||||
-o-animation:mymove 1s both;
|
||||
height: 100%;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right {
|
||||
width:580px;
|
||||
height:420px;
|
||||
position:absolute;
|
||||
top:50px;
|
||||
right:-120px;
|
||||
opacity:0;
|
||||
filter:alpha(opacity=0);
|
||||
animation:remove 1.5s both;
|
||||
-moz-animation:remove 1.5s both;
|
||||
-webkit-animation:remove 1.5s both;
|
||||
-o-animation:remove 1.5s both;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right span {
|
||||
display:block;
|
||||
line-height:40px;
|
||||
font-family:Arial;
|
||||
font-size:30px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right span.point {
|
||||
font-family:'SimSun';
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a {
|
||||
display:block;
|
||||
width:134px;
|
||||
height:140px;
|
||||
text-align:left;
|
||||
text-indent:-9999px;
|
||||
background-image:url('../images/ag-link-icon_87d8dbf.png');
|
||||
background-repeat:no-repeat;
|
||||
cursor:pointer;
|
||||
position:absolute;
|
||||
overflow:hidden;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwyx:link {
|
||||
background-position:0px 0px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwyx:hover {
|
||||
background-position:-134px 0px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwyx:active {
|
||||
background-position:-268px 0px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwm:link {
|
||||
background-position:0px -140px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwm:hover {
|
||||
background-position:-134px -140px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agwm:active {
|
||||
background-position:-268px -140px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.aggg:link {
|
||||
background-position:0px -280px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.aggg:hover {
|
||||
background-position:-134px -280px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.aggg:active {
|
||||
background-position:-268px -280px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agxt:link {
|
||||
background-position:0px -420px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agxt:hover {
|
||||
background-position:-134px -420px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.agxt:active {
|
||||
background-position:-268px -420px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.jjzs:link {
|
||||
background-position:0px -560px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.jjzs:hover {
|
||||
background-position:-134px -560px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.jjzs:active {
|
||||
background-position:-268px -560px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.tgrb:link {
|
||||
background-position:0px -700px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.tgrb:hover {
|
||||
background-position:-134px -700px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.tgrb:active {
|
||||
background-position:-268px -700px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.ag360:link {
|
||||
background-position:0px -840px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.ag360:hover {
|
||||
background-position:-134px -840px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-display-right a.ag360:active {
|
||||
background-position:-268px -840px;
|
||||
}
|
||||
.ag-content-customer-ele-detail-return {
|
||||
width:90px;
|
||||
height:40px;
|
||||
line-height:40px;
|
||||
font-size:15px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
bottom:5px;
|
||||
left:50%;
|
||||
margin-left:-45px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.ag-content-customer-ele-detail-return span {
|
||||
float:left;
|
||||
font-family:"SimSun";
|
||||
font-size:30px;
|
||||
}
|
||||
.ag-content-customer-prompt {
|
||||
width:100%;
|
||||
height:52px;
|
||||
background:#f1f1f1;
|
||||
text-align:center;
|
||||
}
|
||||
.ag-content-app-wytgg-wrap {
|
||||
width:100%;
|
||||
background:#fff;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-app-wytgg {
|
||||
width:1002px;
|
||||
height:590px;
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-app-wytgg-left {
|
||||
width:300px;
|
||||
height:400px;
|
||||
position:absolute;
|
||||
top:100px;
|
||||
left:0px;
|
||||
}
|
||||
.ag-content-app-wytgg-left > img {
|
||||
display:block;
|
||||
float:left;
|
||||
margin-bottom:75px;
|
||||
}
|
||||
|
||||
|
||||
.ag-content-app-wytgg-right {
|
||||
width:570px;
|
||||
height:380px;
|
||||
position:absolute;
|
||||
top:95px;
|
||||
right:0px;
|
||||
border:8px solid #787878;
|
||||
border-radius:8px;
|
||||
}
|
||||
.ag-content-app-tgrb-wrap {
|
||||
width:100%;
|
||||
background:#f1f1f1;
|
||||
border-top:1px solid #d4d4d4;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-app-tgrb {
|
||||
width:1002px;
|
||||
height:590px;
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-app-tgrb-left {
|
||||
width:463px;
|
||||
height:431px;
|
||||
position:absolute;
|
||||
top:80px;
|
||||
left:0px;
|
||||
}
|
||||
.ag-content-app-tgrb-right {
|
||||
width:308px;
|
||||
height:230px;
|
||||
position:absolute;
|
||||
top:120px;
|
||||
right:0px;
|
||||
}
|
||||
/*modify by chonggao with date 2015/02/05 for new image description*/
|
||||
.ag-content-app-tgrb-right > img {
|
||||
position:relative;
|
||||
right:180px;
|
||||
}
|
||||
.ag-content-app-tgrb-right a {
|
||||
display:block;
|
||||
width:129px;
|
||||
height:47px;
|
||||
background:url('../images/ag-tgrb-btn-1_3b967d3.png') no-repeat;
|
||||
margin:24px 0 0 207px;
|
||||
}
|
||||
.ag-content-app-tgrb-right a:link {
|
||||
background-position:0px 0px;
|
||||
}
|
||||
.ag-content-app-tgrb-right a:hover {
|
||||
background-position:-129px 0px;
|
||||
}
|
||||
.ag-content-app-tgrb-right a:active {
|
||||
background-position:-258px 0px;
|
||||
}
|
||||
.ag-content-partners-parnter-wrap {
|
||||
width:100%;
|
||||
background:#fff;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-partners-parnter {
|
||||
width:1002px;
|
||||
margin:0 auto;
|
||||
padding:30px 0 42px 0;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
}
|
||||
.ag-content-partners-parnter img {
|
||||
margin-top:24px;
|
||||
}
|
||||
.ag-content-partners-customer-wrap {
|
||||
width:100%;
|
||||
background:#707070;
|
||||
position:relative;
|
||||
}
|
||||
.ag-content-partners-customer {
|
||||
width:1002px;
|
||||
margin:0 auto;
|
||||
padding:20px 0 42px 0;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
}
|
||||
.ag-content-partners-customer img {
|
||||
margin-top:30px;
|
||||
}
|
||||
|
||||
/*-- 2014/12/25 --*/
|
||||
#floatAdv {
|
||||
display:none;
|
||||
width:283px;
|
||||
height:57px;
|
||||
position:fixed;
|
||||
top:0px;
|
||||
left:0px;
|
||||
z-index:999999999;
|
||||
}
|
||||
#floatAdv img {
|
||||
width:283px;
|
||||
height:57px;
|
||||
}
|
||||
#floatAdv span {
|
||||
display:none;
|
||||
border:1px solid #d2d2d2;
|
||||
background-color:#f2f2f2;
|
||||
font-size:12px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
right:0px;
|
||||
cursor:pointer;
|
||||
}
|
||||
#floatAdv:hover span {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.ag-content-customer{position: relative; }
|
||||
.ag-content-customer img{width:100%; display: block;}
|
||||
|
||||
/*七大产品线排序*/
|
||||
.ag-content-customer-ele:nth-child(1){left:0%; background-color:#00a1ff;}
|
||||
.ag-content-customer-ele:nth-child(2){left:14%; background-color:#2dccd3;}
|
||||
.ag-content-customer-ele:nth-child(3){left:28%; background-color: #00bb31;}
|
||||
.ag-content-customer-ele:nth-child(4){left:42%; background-color:#ff6900;}
|
||||
.ag-content-customer-ele:nth-child(5){left:56%; background-color:#963cbd;}
|
||||
.ag-content-customer-ele:nth-child(6){left:70%; background-color:#c4d600;}
|
||||
.ag-content-customer-ele:nth-child(7){left:84%; background-color:#000000;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.ag-content-customer-ele:before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
background: white;
|
||||
opacity: 0.05;
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
-webkit-transform: skew(-30deg) scaleY(1) translate(0, 0);
|
||||
-ms-transform: skew(-30deg) scaleY(1) translate(0, 0);
|
||||
transform: skew(-30deg) scaleY(1) translate(0, 0);
|
||||
-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
|
||||
.ag-content-customer-ele:hover:before {
|
||||
-webkit-transform: skew(-30deg) scale(1.5) translate(0, 0);
|
||||
-ms-transform: skew(-30deg) scale(1.5) translate(0, 0);
|
||||
transform: skew(-30deg) scale(1.5) translate(0, 0);
|
||||
opacity: 0.1;
|
||||
}
|
||||
718
public/frontend/web/scripts/jquery-tp-150423184326/css/layout_220082c.css
Executable file
718
public/frontend/web/scripts/jquery-tp-150423184326/css/layout_220082c.css
Executable file
@@ -0,0 +1,718 @@
|
||||
/*
|
||||
Document : layout.css
|
||||
Created on : 2013.06.24
|
||||
Author : Jessica Kung
|
||||
*/
|
||||
|
||||
body, html, #container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#container {
|
||||
height:auto !important;
|
||||
}
|
||||
|
||||
body > #container {
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body, html {
|
||||
font-family: "Microsoft YaHei","微软雅黑",Candara,Tahoma,SimSun !important;
|
||||
font-size: 16px;
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: left;
|
||||
color: #1a1a1a;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
zoom: 1
|
||||
}
|
||||
|
||||
#header{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
*height: 81px;
|
||||
vertical-align: middle;
|
||||
background:#fff;
|
||||
z-index: 9000;
|
||||
}
|
||||
|
||||
#main-navbar-list a:hover {
|
||||
color: #00adef;
|
||||
}
|
||||
|
||||
#secondary-navbar a:hover {
|
||||
color: #F1E400;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin-left: 10%;
|
||||
font-size: 46px;
|
||||
margin-top: 17px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#logo a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#logo a:hover {
|
||||
color: #cfcfcf;
|
||||
}
|
||||
|
||||
#login-register-wrapper {
|
||||
float: right;
|
||||
margin-right: 10%;
|
||||
font-size: 12px;
|
||||
color: #7a8181;
|
||||
}
|
||||
|
||||
#login-register a {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
#small-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#main-navbar-wrapper, #secondary-navbar-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#main-navbar-wrapper {
|
||||
height: 80px;
|
||||
*height: 0px;
|
||||
}
|
||||
|
||||
#secondary-navbar-wrapper {
|
||||
background:#00adef;
|
||||
height:46px;
|
||||
}
|
||||
|
||||
#main-navbar, #secondary-navbar {
|
||||
position: absolute;
|
||||
float: right;
|
||||
margin-right: 10%;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#main-navbar {
|
||||
display:block;
|
||||
height:44px;
|
||||
line-height:44px;
|
||||
bottom:0px;
|
||||
}
|
||||
|
||||
#secondary-navbar {
|
||||
bottom:-34px;
|
||||
}
|
||||
|
||||
#secondary-about, #secondary-products {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#header.stuck
|
||||
{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#header li, #header li {
|
||||
display:inline-block;
|
||||
*display:inline;
|
||||
zoom:1;
|
||||
font-size:16px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/*
|
||||
#header li.first a, #header li.first {
|
||||
padding-left: 0px;
|
||||
}
|
||||
*/
|
||||
|
||||
#header li.last a, #header li.last {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
#main-navbar-list li a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:#1a1a1a;
|
||||
padding:0 18px;
|
||||
}
|
||||
|
||||
#secondary-navbar li a {
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
padding:0 18px;
|
||||
}
|
||||
|
||||
#main-navbar-list li a.navbar-active {
|
||||
color:#fff;
|
||||
background:#00adef;
|
||||
}
|
||||
|
||||
#secondary-navbar li a.navbar-active {
|
||||
color:#F1E400;
|
||||
}
|
||||
|
||||
#content-wrapper {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 30px;
|
||||
min-height:92%;
|
||||
}
|
||||
|
||||
.ad {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center center!important;
|
||||
overflow: hidden!important;
|
||||
width: 100%!important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 438px;
|
||||
}
|
||||
|
||||
.ad-text-container {
|
||||
margin: 100px 0 0 10%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.description-text {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
.panel-no-bottom {
|
||||
padding: 60px 10% 0 10%;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 60px 10%;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #00adef;
|
||||
font-family: "Microsoft YaHei","微软雅黑",Candara,Tahoma,SimSun !important;
|
||||
color: #fff;
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
font-size: 26px;
|
||||
padding: 14px 40px;
|
||||
*padding: 7px 40px 8px 40px;
|
||||
*overflow: visible;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #008acb;
|
||||
cursor: pointer;
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
.blue-button {
|
||||
background-color: #00adef;
|
||||
}
|
||||
|
||||
.gray-button {
|
||||
background-color: #c7c7c7;
|
||||
}
|
||||
|
||||
.gray-button:hover {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.orange-button {
|
||||
background-color: #ffa200;
|
||||
}
|
||||
|
||||
.orange-button:hover {
|
||||
background-color: #d88900;
|
||||
}
|
||||
|
||||
.header1 {
|
||||
font-size: 58px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.header2 {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
.header3 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.header4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.description-text {
|
||||
font-size: 16px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 58px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #469acb;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-size: 16px;
|
||||
padding: 14px;
|
||||
border: #cfcfcf 1px solid;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
input {
|
||||
height: 34px;
|
||||
border: #cfcfcf 1px solid;
|
||||
padding-left: 4%;
|
||||
padding-right: 8%;
|
||||
font-size: 16px;
|
||||
font-family: "Microsoft YaHei","微软雅黑",Candara,Tahoma,SimSun !important;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
input[type="submit"]::-moz-focus-inner {border:0;}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", Candara, Tahoma, SimSun !important;
|
||||
font-weight: 100;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", Candara, Tahoma, SimSun !important;
|
||||
font-weight: 100;
|
||||
color: #999;
|
||||
} /* firefox 19+ */
|
||||
|
||||
:-ms-input-placeholder {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", Candara, Tahoma, SimSun !important;
|
||||
font-weight: 100;
|
||||
color: #999;
|
||||
} /* ie */
|
||||
|
||||
input:-moz-placeholder {
|
||||
font-family: "Microsoft YaHei", "微软雅黑", Candara, Tahoma, SimSun !important;
|
||||
font-weight: 100;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
img.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#footer-wrapper {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
/*height: 380px;*/
|
||||
margin-top: -30px;
|
||||
text-align: center;
|
||||
background:#f9f9f9;
|
||||
}
|
||||
|
||||
#footer-header {
|
||||
height:70px;
|
||||
line-height:70px;
|
||||
font-size:24px;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
background-color:#92949b;
|
||||
}
|
||||
|
||||
#footer-header >div a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-size: 24px;
|
||||
}
|
||||
#footer-header div{
|
||||
margin-left: 85px;
|
||||
display: inline-block;
|
||||
}
|
||||
.footer-phone{
|
||||
margin-left: -5px !important;
|
||||
}
|
||||
#footer-header img{
|
||||
position: relative;
|
||||
top: 7px;
|
||||
}
|
||||
#footer-content{
|
||||
padding:2% 9.5% 0;
|
||||
}
|
||||
.footer-list{
|
||||
display: inline-block;
|
||||
margin-left: 8%;
|
||||
text-align: left;
|
||||
color: #6a737b;
|
||||
|
||||
}
|
||||
.footer-list dt {
|
||||
color: #6a737b;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.footer-list dt >a{
|
||||
color: #6a737b;
|
||||
}
|
||||
|
||||
.footer-list >h4{
|
||||
color:#333;
|
||||
}
|
||||
|
||||
#footer-bottom{
|
||||
color: #6a737b;
|
||||
font-size: 12px;
|
||||
padding:10px 0 25px 0;
|
||||
/*
|
||||
text-align: right;
|
||||
background-color: #f5f5f5;
|
||||
position: relative;
|
||||
right: 3px;
|
||||
*/
|
||||
}
|
||||
|
||||
.imgWrap {
|
||||
width:1001px;
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.imgWrap img {
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
/*-- 2014.8.19 New --*/
|
||||
ul, li {
|
||||
list-style-type:none;
|
||||
}
|
||||
img {
|
||||
border:none;
|
||||
}
|
||||
body {
|
||||
overflow-x:hidden;
|
||||
}
|
||||
#ag-header-wrap {
|
||||
width:100%;
|
||||
height:60px;
|
||||
background:#f4f4f4;
|
||||
border-bottom:1px solid #c6c6c6;
|
||||
}
|
||||
.ag-header {
|
||||
width:1002px;
|
||||
height:60px;
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
font-family:'Microsoft YaHei';
|
||||
}
|
||||
.ag-header a.ag-header-homeLink {
|
||||
display:block;
|
||||
width:100px;
|
||||
height:60px;
|
||||
float:left;
|
||||
}
|
||||
.ag-header ul {
|
||||
float:left;
|
||||
}
|
||||
.ag-header ul li {
|
||||
height:60px;
|
||||
float:left;
|
||||
margin-left:20px;
|
||||
position:relative;
|
||||
}
|
||||
.ag-header ul li:hover .ag-header-nav {
|
||||
display:block;
|
||||
}
|
||||
.ag-header ul li:hover a {
|
||||
color:#469acb;
|
||||
}
|
||||
.ag-header ul li > a {
|
||||
display:block;
|
||||
height:60px;
|
||||
line-height:64px;
|
||||
font-size:16px;
|
||||
color:#333;
|
||||
text-align:left;
|
||||
}
|
||||
.ag-header ul li.current-page > a {
|
||||
color:#469acb;
|
||||
}
|
||||
.ag-header ul li .ag-header-nav {
|
||||
display:none;
|
||||
background:#f4f4f4;
|
||||
border:1px solid #c6c6c6;
|
||||
border-top:none;
|
||||
border-radius: 0 0 8px 8px;
|
||||
padding-bottom:5px;
|
||||
position:absolute;
|
||||
left:-10px;
|
||||
z-index:99999;
|
||||
}
|
||||
.ag-header ul li .ag-header-nav a {
|
||||
display:block;
|
||||
height:34px;
|
||||
line-height:24px;
|
||||
color:#333;
|
||||
text-align:left;
|
||||
padding:0 10px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.ag-header ul li .ag-header-nav a:hover {
|
||||
color:#469acb;
|
||||
}
|
||||
.ag-header .ag-header-login {
|
||||
height:32px;
|
||||
float:right;
|
||||
padding:14px 0;
|
||||
}
|
||||
.ag-header .ag-header-login a {
|
||||
display:block;
|
||||
width:auto;
|
||||
height:32px;
|
||||
float:left;
|
||||
margin-left:10px;
|
||||
}
|
||||
/* modify by chonggao for header with date 2015/02/05 */
|
||||
.ag-header .ag-header-login a.ag-header-login-btn {
|
||||
height:23px;
|
||||
line-height:23px;
|
||||
font-size:14px;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
margin-top:5px;
|
||||
padding:0 15px;
|
||||
border-radius:12px;
|
||||
background:#469acb;
|
||||
}
|
||||
.ag-header .ag-header-login a img {
|
||||
width:28px;
|
||||
height:28px;
|
||||
display:block;
|
||||
float:left;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
top:3px;
|
||||
}
|
||||
.ag-header .ag-header-login a span {
|
||||
width:1px;
|
||||
height:23px;
|
||||
line-height:22px;
|
||||
font-size:14px;
|
||||
color:#fff;
|
||||
text-align:left;
|
||||
text-indent:10px;
|
||||
float:left;
|
||||
margin:5px 0 0 -7px;
|
||||
background:#707070;
|
||||
border-radius:0 12px 12px 0;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
}
|
||||
/*modify end*/
|
||||
#ag-container {
|
||||
width:100%;
|
||||
margin:0px;
|
||||
background:#f1f1f1;
|
||||
font-family:'Microsoft YaHei';
|
||||
color:#262626;
|
||||
}
|
||||
.ag-container-wrap {
|
||||
width:1002px;
|
||||
height:auto;
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
font-family:'Microsoft YaHei';
|
||||
}
|
||||
#ag-footer {
|
||||
width:100%;
|
||||
clear:both;
|
||||
padding:0px;
|
||||
font-family:'Microsoft YaHei';
|
||||
position:relative;
|
||||
background:#f5f5f5;
|
||||
border-top:74px solid #ccd0d9;
|
||||
}
|
||||
.ag-footer-top {
|
||||
width:1002px;
|
||||
height:48px;
|
||||
position:absolute;
|
||||
top:-74px;
|
||||
left:50%;
|
||||
margin-left:-500px;
|
||||
padding:13px 0;
|
||||
}
|
||||
.ag-footer-top a {
|
||||
display:block;
|
||||
height:48px;
|
||||
line-height:48px;
|
||||
float:left;
|
||||
margin:0px;
|
||||
padding-left:54px;
|
||||
font-size:28px;
|
||||
color:#000;
|
||||
text-align:left;
|
||||
white-space:nowrap;
|
||||
background-image:url('http://static.agrant.cn/static/images/ag-icon_bc1916c.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position:left;
|
||||
}
|
||||
.ag-footer-top a.ag-footer-top-phone {
|
||||
width:180px;
|
||||
background-position:left 0px;
|
||||
cursor:default;
|
||||
}
|
||||
.ag-footer-top a.ag-footer-top-mail {
|
||||
width:284px;
|
||||
margin-left:130px;
|
||||
background-position:left -48px;
|
||||
}
|
||||
.ag-footer-top a.ag-footer-top-msg {
|
||||
width:116px;
|
||||
margin-left:130px;
|
||||
background-position:left -96px;
|
||||
}
|
||||
.ag-footer-middle {
|
||||
width:810px;
|
||||
margin:0 auto;
|
||||
padding:30px 0 20px 192px;
|
||||
position:relative;
|
||||
background-image:url('http://static.agrant.cn/static/images/ag-logo-footer_8407831.png');
|
||||
background-repeat:no-repeat;
|
||||
background-position:left 30px;
|
||||
overflow:hidden;
|
||||
}
|
||||
.ag-footer-middle ul {
|
||||
display:block;
|
||||
float:left;
|
||||
margin-left:100px;
|
||||
position:relative;
|
||||
}
|
||||
.ag-footer-middle ul li {
|
||||
height:24px;
|
||||
line-height:24px;
|
||||
font-size:12px;
|
||||
color:#556173;
|
||||
}
|
||||
.ag-footer-middle ul li:first-child {
|
||||
font-size:16px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.ag-footer-middle ul li a {
|
||||
font-size:12px;
|
||||
color:#556173;
|
||||
}
|
||||
.ag-footer-middle ul li a:hover {
|
||||
color:#469acb;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.ag-footer-bottom {
|
||||
width:1002px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
margin:0 auto;
|
||||
padding-bottom:15px;
|
||||
font-size:12px;
|
||||
color:#999;
|
||||
text-align:right;
|
||||
}
|
||||
.ag-content-title {
|
||||
width:100%;
|
||||
height:115px;
|
||||
background:#f1f1f1;
|
||||
border-top:1px solid #d4d4d4;
|
||||
border-bottom:1px solid #d4d4d4;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
}
|
||||
.ag-content-title img.point {
|
||||
position:absolute;
|
||||
bottom:-25px;
|
||||
left:50%;
|
||||
margin-left:-15px;
|
||||
z-index:1;
|
||||
}
|
||||
.temp-return {
|
||||
padding:0 10% 30px 10%;
|
||||
}
|
||||
.temp-help {
|
||||
background-color: white !important;
|
||||
color: gray!important;
|
||||
border:1px solid gray;
|
||||
}
|
||||
.temp-help:hover{
|
||||
border:1px solid #ffae22 !important;
|
||||
color: #ffae22 !important;
|
||||
}
|
||||
/*-- 2014.8.19 New --*/
|
||||
Reference in New Issue
Block a user