*, body, html, h1, h2, h3, h4, h5, h6, div, p, b, c, e, g, j, dl, dd, dt, span, strong, font {
font-size: 1em;
padding: 0px;
margin: 0px;
font-weight: normal;
font-family: Arial, "黑体"
}
h1, h2, h3, h4, h5, h6, div, p, b, c, e, g, j, dl, dd, dt, span, strong, font {
font-size: 1em;
padding: 0px;
margin: 0px;
font-weight: normal;
}
body, html {
height: 100% !important;
font-weight: normal;
font-size: 1em;
max-width: 100%;
}
a {
text-decoration: none;
font-weight: normal;
font-size: 1em;
}
ul, li {
list-style: none;
font-weight: normal;
font-size: 1em;
}
.p-p-s-one {
text-align: center;
background: #2768ad;
padding: 5% 0;
display: block;
overflow: hidden;
border-bottom: 1px solid #fff;
}
.p-p-s-one h3 {
color: #fff;
font-size: 19px;
display: inline-block;
border-bottom: 2px solid;
line-height: 2em;
margin-bottom: 2em;
}
.p-p-s-one h4 {
color: #fff;
font-size: 17px;
text-align: left;
line-height: 1.6em;
display: block;
width: 64%;
margin: 0 auto;
}
.p-p-s-two {
text-align: center;
background: #2768ad;
padding: 5% 10%;
display: block;
overflow: hidden;
}
.p-p-s-two h3 {
color: #fff;
font-size: 19px;
display: inline-block;
border-bottom: 2px solid;
line-height: 2em;
margin-bottom: 2em;
}
.p-p-s-two h4 {
display: block;
overflow: hidden;
}
.p-p-s-two h4 dt {
margin: 0 2em;
display: inline-block;
overflow: hidden;
}
.p-p-s-two h4 dt img {
display: block;
width: 80%;
margin: 0 auto;
}
.p-p-s-two h4 dt span {
display: block;
color: #fff;
font-size: 17px;
border-top: 1px solid;
margin-top: 1em;
line-height: 2em;
}
.nav_right h2 .contact-list-D-more {
display: block;
float: left;
margin-right: 4%;
}
.nav_right h2 .contact-list-D-more .cd-modal-action .icon {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.nav_right h2 .contact-list-D-more .cd-modal-action .icon:hover {
-webkit-filter: grayscale(0%);
}
.nav_right h2 b {
display: block;
float: left;
}
.nav_right h2 f {
display: block;
float: left;
}
.index_about .video-auto-box .at-img {
margin-left: 0 !important;
width: 100% !important;
height: 100% !important;
}
body .target.index_banner {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.index_banner {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
.index_about .target.index_about_two {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
.index_about .action.index_about_two {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
.index_about_one .target.index-3 {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
.index_about_one .action.index-3 {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
.index_about_one .target.i-a-o-right {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
.index_about_one .action.i-a-o-right {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.index_pro {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.index_pro {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.mlu {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.mlu {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.index_apply {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.index_apply {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.index_news {
opacity: 0;
transform: translate(0px, 50px);
-webkit-transform: translate(0px, 50px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.index_news {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.in-footer {
opacity: 0;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
transition: 200ms ease 200ms;
-webkit-transition: 400ms ease 400ms;
}
body .action.in-footer {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.web-nav {
opacity: 0;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
transition: 20ms ease 20ms;
-webkit-transition: 40ms ease 40ms;
}
body .action.web-nav {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
body .target.h5-naver {
opacity: 0;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
transition: 60ms ease 60ms;
-webkit-transition: 80ms ease 80ms;
}
body .action.h5-naver {
opacity: 1;
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
}
.in-f-center dl dd #wap {
display: none;
}
.in-f-center #wap2 {
display: inline-block;
}
.index_about {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.index_about_one {
position: relative;
background: #e2ebf5;
padding: 3% 10%;
display: block;
overflow: hidden;
}
.index_about_one .i-a-o-right {
float: left;
width: 53%;
margin-left: 2%;
display: block;
overflow: hidden;
}
.index_about_one .i-a-o-right span {
display: block;
height: 2px;
background: #666;
width: 15%;
}
.index_about_one .i-a-o-right h3 {
color: #333;
display: block;
line-height: 1.4em;
font-size: 27px;
margin: 0.6em 0;
}
.index_about_one .i-a-o-right h4 {
margin-bottom: 2em;
font-size: 17px;
color: #666;
margin-top: 3em;
line-height: 30px;
}
.index_about_one .i-a-o-right h5 {
display: block;
overflow: hidden;
}
.index_about_one .i-a-o-right h5 a:nth-child(3n) {
float: right;
margin-right: 0;
}
.index_about_one .i-a-o-right h5 a {
display: block;
overflow: hidden;
float: left;
width: 31%;
margin-right: 3.5%;
}
.index_about_one .i-a-o-right h5 a img {
width: 100%;
}
.index_about_one .index-3 {
position: relative;
height: auto;
float: left;
width: 45%;
}
.index_about_one .index-3 ul li {
height: auto;
position: relative;
}
.index_about_one .index-3 .mask-txt {
position: absolute;
top: 0;
}
.index_about_one .index-3 ul li video {
width: 100% !important;
height: auto !important;
margin-left: 0 !important;
}
.index_about_one .auto-box-div img {
height: 100%;
}
.index_about_two {
width: 80%;
margin: 0 auto;
overflow: hidden;
margin-top: 3em;
margin-bottom: 3em;
}
.index_about_two dl {
overflow: hidden;
}
.index_about_two dl dd {
width: 25%;
float: left;
text-align: center;
}
.index_about_two dl dd a {
}
.index_about_two dl dd h1 {
width: 36%;
margin: auto;
margin-bottom: 0.5em;
}
.index_about_two dl dd h1 img {
width: 90px;
}
.index_about_two dl dd h2 {
font-size: 19px;
font-weight: normal;
color: #000;
}
.index_about_two dl dd h3 {
font-size: 15px;
font-weight: normal;
color: #999;
margin-top: 1em;
line-height: 1.8em;
}
.index_about_two dl dd h4 {
border: 1px solid #418ADF;
font-weight: normal;
font-size: 0.9rem;
width: 26%;
line-height: 1.8em;
margin: auto;
margin-top: 1em;
}
.index_about_two dl dd h4 a {
color: #418ADF;
}
.index_about_two dl dd h4:hover {
background: #418ADF;
}
.index_about_two dl dd h4:hover a {
color: #fff;
}
.index_about_two dl dd:nth-child(4n) {
margin-right: 0;
float: right;
}
.index_pro {
width: 80%;
overflow: hidden;
padding: 5% 10% 4%;
background: #333;
}
.index_pro a:nth-child(3n) {
float: right;
margin-right: 0;
}
.index_pro a {
border-bottom: 1px solid #333;
padding-bottom: 1em;
margin-right: 8%;
display: block;
float: left;
width: 28%;
overflow: hidden;
}
.index_pro a img {
width: 25%;
float: left;
}
.index_pro dt {
display: block;
float: left;
width: 70%;
margin-left: 5%;
}
.index_pro a span {
display: block;
font-size: 27px;
color: #fff;
margin-bottom: 0.5em;
}
.index_pro a span img {
width: 120px;
float: none;
}
.index_pro a font {
display: block;
font-size: 15px;
color: #fff;
margin-bottom: 1em;
}
.index_pro a strong {
color: #fff;
font-weight: bold;
font-size: 17px;
}
.index_pro a:hover {
border-bottom: 1px solid #ccc;
padding-bottom: 1em;
}
.index_news {
width: 100%;
overflow: hidden;
background-color: #eee;
}
.index_news_n {
width: 80%;
margin: 0 auto;
overflow: hidden;
padding-top: 3%;
padding-bottom: 2.5%;
}
.index_news_n_tit {
width: 100%;
overflow: hidden;
}
.index_news_n_tit h1 {
width: 100%;
text-align: center;
color: #06509c;
font-size: 23PX
}
.index_news_n_tit p {
height: 1px;
background: #06509c;
width: 10%;
margin: 1% auto 0;
}
.index_news_n_tit h1 k {
display: block;
float: left;
}
.index_news_n_tit h1 k img {
}
.index_news_n_tit h1 g {
color: #06509c;
font-size: 1.8em;
margin-left: 2%;
}
.index_news_n_tit h1 d {
color: #BCBBBB;
font-size: 1.4em;
margin-left: 2%;
}
.index_news_n_tit h2 {
float: right;
text-transform: uppercase;
font-size: 1em;
margin-top: 0.6em;
}
.index_news_n_tit h2 a {
color: #6d6767;
}
.index_news_n_top {
width: 100%;
overflow: hidden;
margin-top: 2%;
}
.index_news_n_top dl {
overflow: hidden;
}
.index_news_n_top dl dd {
width: 32%;
float: left;
margin-bottom: 2%;
margin-right: 2%;
}
.index_news_n_top dl dd a {
display: block;
}
.index_news_n_top dl dd h3 {
overflow: hidden;
height: 230px;
}
.index_news_n_top dl dd h3 img {
width: 100%;
height: auto;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.index_news_n_top dl dd:hover h3 img {
transform: scale(1.05, 1.05);
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.index_news_n_top dl dd h4 {
overflow: hidden;
margin-top: 2%;
}
.index_news_n_top dl dd h4 c {
color: #3d3d3d;
display: block;
font-size: 19px;
line-height: 2em;
}
.index_news_n_top dl dd h4 b {
display: none;
margin-top: 1%;
color: #A8A8A8;
font-size: 0.9em;
}
.index_news_n_top dl dd h4 b e {
display: block;
float: left;
color: #A8A8A8;
font-size: 0.8em;
}
.index_news_n_top dl dd h4 b f {
color: #BCBCBC;
font-size: 0.8em;
display: block;
float: right;
}
.index_news_n_top dl dd:hover h4 c {
color: #066FE1;
}
.index_news_n_top dl dd:nth-child(3n) {
margin-right: 0;
}
.index_news_n_lb {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding-top: 2%;
border-top: 1px solid #ddd;
}
.index_news_n_lb div {
float: left;
width: 33.3333%;
}
.index_news_n_lb div a {
margin-bottom: 0.5em;
display: block;
overflow: hidden;
}
.index_news_n_lb div p {
margin-right: 2%;
color: #999;
text-align: start;
float: left;
font-size: 15px;
}
.index_news_n_lb div span {
color: #06509c;
}
.index_news_n_lb div:hover p {
color: #06509c;
}
.index_news_n h2 {
border: 1px solid #06509c;
width: 10%;
text-align: center;
margin: 1em auto 2%;
line-height: 1.8em;
}
.index_news_n h2 a {
color: #06509c;
display: block;
font-size: 0.9em;
}
.index_news_n_lb div:first-of-type, .index_news_n_lb div:nth-child(2n), .index_news_n_lb div:nth-child(3n) {
display: none;
}
.index_news_n_lb div:nth-child(4n), .index_news_n_lb div:nth-child(5n), .index_news_n_lb div:nth-child(6n), .index_news_n_lb div:nth-child(7n), .index_news_n_lb div:nth-child(8n), .index_news_n_lb div:nth-child(9n) {
display: block;
}
.index_banner {
display: block;
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.flex-direction-nav {
position: absolute;
bottom: 20%;
left: 6%;
}
.flex-direction-nav li {
float: left;
border: 1px solid rgba(255, 255, 255, 0.61);
}
.flex-direction-nav li:first-of-type {
border-right: 0px solid #ccc;
}
.flex-viewport ul li img {
width: 100%;
height: 100%;
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.flex-viewport ul li:hover img {
transform: scale(1.1, 1.1);
transition: all ease 0.8s;
-webkit-transition: all ease 0.8s;
}
.flex-viewport {
height: 100%;
}
.flexslider {
height: 16em;
position: relative;
}
.flexslider .flex-direction-nav li a:hover, nav .primary_nav > li > a:hover, nav .primary_nav > li:hover > a, .product_rightcol .add_to_buttons button.add_cart, .action_buttonbar button.checkout, #shopping-cart-table tr td a.remove:hover {
background-color: rgba(255, 255, 255, 0.68);
}
.flex-caption {
border-left-color: #f38256
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.flexslider .flex-direction-nav li a {
display: block;
width: 30px;
height: 30px;
text-indent: -3000px;
background-repeat: no-repeat;
background-position: center;
-moz-transition: background 200ms ease-in-out 0s;
}
.flex-direction-nav .flex-next {
background-image: url(../image/banner_rotator_right.png);
}
.flex-direction-nav .flex-prev {
background-image: url(../image/banner_rotator_left.png);
}
.flexslider:hover .flex-next {
opacity: 0.8;
right: 5px;
}
.flexslider:hover .flex-prev {
opacity: 0.8;
left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: .3!important;
filter: alpha(opacity=30);
cursor: default;
}
.index_news_n_bottom right {
width: 50%;
overflow: hidden;
float: left;
background-color: #fff;
height: 16em;
}
.index_news_n_bottom right dl {
overflow: hidden;
}
.index_news_n_bottom right dl dd {
padding: 2% 2% 2% 2.4%;
width: 45.3%;
float: left;
border: 1px solid #ccc;
height: 6.32em;
}
.index_news_n_bottom right dl dd h1 {
color: #3d3d3d;
display: block;
font-size: 0.95em;
margin-top: 2%;
font-weight: bold;
}
.index_news_n_bottom right dl dd:hover h1 {
color: #066FE1;
}
.index_news_n_bottom right dl dd h2 {
margin-top: 7%;
overflow: hidden;
}
.index_news_n_bottom right dl dd h2 b {
color: #A8A8A8;
font-size: 0.8em;
display: block;
float: left;
}
.index_news_n_bottom right dl dd h2 c {
color: #BCBCBC;
font-size: 0.8em;
display: block;
float: right;
}
.index_news_n_bottom right dl dd:first-of-type {
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
}
.index_news_n_bottom right dl dd:nth-child(2n) {
border-top: 0px solid #ccc;
width: 45.44%;
}
.index_news_n_bottom right dl dd:nth-child(3n) {
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
}
.index_news_n_bottom right dl dd:nth-child(4n) {
}
.index_apply {
width: 100%;
overflow: hidden;
text-align: center;
padding: 3% 0;
}
.index_apply h1 {
color: #fff;
font-size: 25px;
}
.index_apply h2 {
border: 1px solid #fff;
width: 10%;
margin: 0 auto;
margin-top: 1em;
font-size: 17px;
line-height: 2.2em;
border-radius: 3px;
}
.index_apply h2 a {
color: #fff;
display: block;
}
.index_apply h2:hover {
background-color: #fff;
border: 1px solid rgba(255, 255, 255, 0.71);
}
.index_apply u {
display: block;
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
width: 25%;
margin: 1em auto 0;
padding-bottom: 0.2%;
}
.index_apply h2:hover a {
color: #06509c;
}
.page_contact_one h4 img, .page_contact_two h4 img, .page_contact_three h4 img {
height: 240px;
}
.in-footer {
background: #333;
padding: 3% 10% 3%;
display: block;
overflow: HIDDEN;
}
.in-f-left {
display: block;
float: left;
width: 20%;
border-right: 1px solid #737373;
overflow: hidden;
}
.in-f-left #img {
width: 100px;
-webkit-filter: grayscale(100%);
margin-bottom: 1em;
}
.in-f-left dl {
margin-bottom: 1em;
display: block;
overflow: hidden;
}
.in-f-left dl h3 {
display: block;
overflow: hidden;
}
.in-f-left dl h3 img {
margin-right: 5px;
width: 22px;
display: block;
float: left;
}
.in-f-left dl h3 span {
line-height: 1;
display: block;
float: left;
font-size: 14px;
color: #eee;
}
.in-f-left dl h4 {
display: block;
overflow: hidden;
font-size: 14px;
color: #ccc;
line-height: 2em;
font-weight: bold;
}
.in-f-center {
display: block;
text-align: center;
overflow: hidden;
float: left;
width: 60%;
}
.in-f-center dl {
text-align: left;
display: inline-block;
vertical-align: top;
margin: 0 4%;
overflow: hidden;
}
.in-f-center dl dt {
}
.in-f-center dl dt a {
color: #eee;
font-size: 17px;
margin-bottom: 0.5em;
display: block;
}
.in-f-center dl dd {
}
.in-f-center dl dd a {
color: #ccc;
font-size: 13px;
display: block;
line-height: 2em;
}
.in-f-right {
border-left: 1px solid #737373;
display: block;
float: right;
width: 18%;
overflow: hidden;
margin-bottom: 5em;
}
.in-f-right h3 {
text-align: right;
display: block;
color: #eee;
font-size: 17px;
margin-bottom: 1em;
}
.in-f-right h4 {
display: block;
overflow: hidden;
width: 120px;
float: right;
}
.in-f-right h4 img {
display: block;
width: 90px;
float: right;
margin-bottom: 0.2em;
}
.in-f-right h4 span {
width: 100%;
float: right;
text-align: right;
display: block;
font-size: 14px;
font-weight: normal;
color: #ccc;
}
.in-f-bottom {
display: block;
width: 100%;
overflow: hidden;
text-align: center;
font-size: 13px;
color: #ccc;
border-top: 1px solid #737373;
line-height: 2em;
}
.web-nav {
display: block;
position: relative;
height: 60px;
background: #ebf0f5;
width: 80%;
z-index: 9999999;
padding: 0 10%;
}
.web-nav .logo {
display: block;
float: left;
width: 20%;
height: 60px;
}
.web-nav .logo a {
display: block;
overflow: hidden;
}
.web-nav .logo a img {
height: 50px;
margin-top: 5px;
}
.web-navers {
width: 60%;
float: left;
display: block;
}
.web-navers dl:nth-child(7n) {
padding: 0;
}
.web-navers dl {
padding: 0 7% 0 0;
float: left;
width: auto;
}
.web-navers dl h3 {
}
.web-navers dl h3 a {
height: 60px;
line-height: 60px;
display: block;
color: #555;
font-size: 17px;
}
.web-navers dl:hover h4 {
display: block;
}
.web-navers dl h4 {
background: #f7f7f7;
display: none;
overflow: hidden;
position: absolute;
width: 200px;
}
.web-navers dl h4 a {
display: block;
color: #666;
font-size: 14px;
line-height: 2em;
padding: 5% 0 5% 10%;
}
.web-navright {
text-align: right;
display: block;
float: right;
width: 20%;
}
.web-navright a {
position: relative;
display: inline-block;
vertical-align: top;
height: 60px;
line-height: 60px;
color: #999;
margin-left: 1em;
}
.web-navright a img {
margin-top: 14px;
}
.web-navright a #web-r-topimg {
position: absolute;
top: 60px;
display: none;
background: #fff;
padding: 1em;
right: 0;
}
.web-navright a #web-r-topimg img {
margin-top: 0;
height: 100px;
display: block;
}
.web-navright a:hover #web-r-topimg {
display: block;
}
.web-navright a #web-r-topimg b {
line-height: 1em;
font-weight: normal;
font-size: 12px;
text-align: center;
display: block;
margin: 1em 0 0 0
}
.web-navright form {
margin-top: 14px;
position: relative;
border: 0;
background: none;
width: auto;
display: inline-block;
margin-left: 1em;
}
.web-navright form .s_txt {
font-size: 14px;
font-weight: normal;
color: #999;
height: 30px;
border: 0;
background: #eee;
padding-left: 0;
line-height: 30px;
width: 0;
float: left;
}
.web-navright form .s_btn {
border: 0;
background: none;
}
.web-navers dl h3 a:hover, .web-navers dl h4 a:hover {
color: #418ADF;
}