@charset "utf-8";
/*--公共部分--*/
html {
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
-webkit-font-smoothing : antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout : none;
touch-callout : none;
cursor : pointer;
}
body,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p,
tr,
td,
strong,
span,
pre {
margin : 0;
padding : 0;
border : 0;
background-repeat: no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin : 0;
padding : 0;
font-weight: normal;
}
body,
button,
input,
select,
textarea {
font-size : 14px;
line-height: 24px;
color : #333;
font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
}
ul,
li {
list-style: none;
}
em,
i {
font-style: normal;
}
img {
border : 0px;
vertical-align: middle;
}
table {
border-collapse: collapse;
border-spacing : 0;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
background-repeat : no-repeat;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
a {
background-color : transparent;
-webkit-text-decoration-skip: objects;
text-decoration : none;
color : #333;
outline : none;
cursor : pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration : none;
}
a,
input[type="button"],
button,
label,
input[type="submit"] {
cursor: pointer;
}
sub,
sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
/* 1 */
padding : 0;
/* 2 */
}
input,
textarea,
select {
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea,
button {
outline-style : none;
-webkit-appearance : none;
resize : none;
border : none;
-webkit-border-radius: 0;
border-radius : 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clearfix:after {
visibility: hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0;
}
.clearfix {
*zoom: 1;
}
.clear {
clear : both;
line-height: 0;
height : 0;
font-size : 0;
}
.fl {
float: left;
}
.fr {
float: right;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.commonweb,
.headerweb,
.indexweb {
padding: 0px 15px;
}
.commonwebbox {
margin-left : 0px;
margin-right: 0px;
}
.commonleft {
float: none;
}
.commonright {
float: none;
}
@media (max-width: 320px) {
body {
min-width: 320px;
}
}
@media (min-width: 768px) {
.commonweb,
.headerweb,
.indexweb {
padding: 0px 20px;
}
.commonwebbox {
margin-left : -10px;
margin-right: -10px;
}
.menu-handle {
display: none;
}
}
@media (min-width: 992px) {
.commonwebbox {
margin-left : -10px;
margin-right: -10px;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
}
@media (min-width: 1200px) {
html {
cursor: default;
}
.commonleft {
float: left;
}
.commonright {
float: right;
}
.visible-lg {
display: block;
}
.hidden-lg {
display: none;
}
}
@media (min-width: 1260px) {
.commonweb,
.indexweb {
margin : 0px auto;
padding: 0;
}
.headerweb {
padding: 0 2.5%;
}
}
.title {
font-size: 16px;
}
.title {
font-size: 16px;
}
.header {
z-index : 30;
width : 100%;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode : both;
-o-animation-fill-mode : both;
animation-fill-mode : both;
-webkit-animation-duration : .6s;
-moz-animation-duration : .6s;
-o-animation-duration : .6s;
animation-duration : .6s;
transition : background-color 0.3s;
}
.header .hd-logo {
padding-top: 6px;
}
.header .hd-logo a {
display: block;
}
.header .hd-logo img {
display: block;
height : 32px;
}
.header.shadow {
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.2);
background-color : #FFffff;
}
.header.shadow .headerstock {
border-left-color: #eee;
}
.header.cur {
background-color: #FFffff;
}
@-webkit-keyframes fadeHeaderInDown {
0% {
opacity : 0;
-webkit-transform: translate3d(0, -100%, 0);
}
100% {
opacity : 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeHeaderInDown {
0% {
opacity : 0;
-moz-transform: translate3d(0, -100%, 0);
}
100% {
opacity : 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@-o-keyframes fadeHeaderInDown {
0% {
opacity : 0;
-o-transform: translate3d(0, -100%, 0);
}
100% {
opacity : 1;
-o-transform: translate3d(0, 0, 0);
}
}
@keyframes fadeHeaderInDown {
0% {
opacity : 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform : translate3d(0, -100%, 0);
transform : translate3d(0, -100%, 0);
}
100% {
opacity : 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform : translate3d(0, 0, 0);
transform : translate3d(0, 0, 0);
}
}
.menu-handle {
position: absolute;
right : 40px;
top : 10px;
padding : 9px 5px;
width : 40px;
height : 40px;
}
.menu-handle span {
display : block;
width : 100%;
height : 2px;
background-color : #bd2525;
-webkit-transition: all ease .5s;
-o-transition : all ease .5s;
-moz-transition : all ease .5s;
transition : all ease .5s;
}
.menu-handle span:nth-child(2) {
margin: 8px 0;
}
.menu-handle.active span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(45deg);
-moz-transform : translateY(10px) rotate(45deg);
-ms-transform : translateY(10px) rotate(45deg);
-o-transform : translateY(10px) rotate(45deg);
transform : translateY(10px) rotate(45deg);
}
.menu-handle.active span:nth-child(2) {
opacity: 0;
}
.menu-handle.active span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(-45deg);
-moz-transform : translateY(-10px) rotate(-45deg);
-ms-transform : translateY(-10px) rotate(-45deg);
-o-transform : translateY(-10px) rotate(-45deg);
transform : translateY(-10px) rotate(-45deg);
}
.search-handle {
position : absolute;
right : 50px;
top : 10px;
width : 40px;
height : 40px;
background: url("../images/searchico.png") no-repeat center;
}
.hdr-search {
display : none;
position : fixed;
left : 0;
top : 60px;
z-index : 99;
width : 100%;
padding : 10px;
background-color: #f5f5f5;
}
.hdr-search .hd-form {
position : relative;
display : block;
padding-right: 68px;
}
.hdr-search .hd-form input {
width : 100%;
display : block;
height : 40px;
line-height: 40px;
font-size : 16px;
}
.hdr-search .hd-form .key {
padding-left: 10px;
}
.hdr-search .hd-form .sub {
position: absolute;
right : 0;
top : 0;
width : 68px;
}
.mainnav {
display : none;
position : fixed;
left : 0;
top : 50px;
z-index : 9;
width : 100%;
height : 100%;
background-color: #FFffff;
overflow-y : scroll;
border-top : 1px solid #ccc;
}
.mainnav li {
border-bottom: 1px solid #ccc;
position : relative;
}
.mainnav li a {
display : block;
font-size : 16px;
color : #4c4c4c;
white-space : nowrap;
-o-text-overflow: ellipsis;
}
.mainnav li.active .phsearchicon:after {
transform : rotate(180deg);
-moz-transform : rotate(180deg);
-ms-transform : rotate(180deg);
-o-transform : rotate(180deg);
-webkit-transform: rotate(180deg);
top : 13px;
}
.mainnav .phsearchicon {
display : block;
position : absolute;
right : 0;
top : 50%;
transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
-webkit-transform: translateY(-50%);
cursor : pointer;
height : 50px;
width : 80%;
text-align : right;
}
/* .mainnav .phsearchicon:after {
content : "";
position : absolute;
right : 0;
top : 50%;
display : block;
width : 0;
height : 0;
border-top : 5px solid #6b6b6b;
border-left : 4.5px solid transparent;
border-right: 4.5px solid transparent;
} */
.mainnav .sub-nav {
display : none;
padding : 0 15px;
background-color: #f9f8f8;
}
.mainnav .sub-nav a {
line-height: 36px;
font-size : 14px;
}
.mainnav .sub-nav .commonweb {
padding: 0;
}
.sm-fixslide {
display : none;
position : fixed;
left : 0;
bottom : 0;
right : 0;
z-index : 101;
padding : 15px;
text-align : center;
background-color: #f5f5f5;
}
.sm-fixslide a {
background: url(../images/wqicon6.png) no-repeat 0 center;
padding : 0 0 0 20px;
}
.headlanguage {
position: absolute;
right : 17px;
top : 10px;
}
.headlanguage .Currentlan {
background : url(../images/wqicon1.png) no-repeat 100% center;
padding : 0 15px 0 0;
width : 100px;
color : #393f39;
position : absolute;
right : 77px;
top : 7px;
font-size : 12px;
font-family: Montserrat;
}
.headlanguage .Currentlan img {
margin-right : 6px;
vertical-align: -6px;
}
.headlanguage .language-choose {
display : none;
position : fixed;
right : 80px;
top : 60px;
background-color: #f5f5f5;
text-align : center;
width : 100px;
}
.headlanguage .language-choose a {
display : block;
line-height: 30px;
font-size : 14px;
}
.headerstock .stock-up span {
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
vertical-align: middle;
}
.headerstock .stock-up .up {
width : 15px;
height : 8px;
background: url(../images/wqicon2.png) no-repeat center;
}
.headerstock .stock-up .bs {
font-family: Montserrat;
font-size : 20px;
color : #ff1919;
}
.headerstock .stock-up.down .up {
background-image: url(../images/wqicon2ho.png);
}
.headerstock .stock-up.down .bs {
color: #008000;
}
.headerstock .stock-text {
font-size: 13px;
}
.headerstock .stock-text span {
font-size : 16px;
font-family: Montserrat;
}
@media (min-width: 1024px) {
.header {
padding : 0;
-webkit-box-shadow: none;
box-shadow : none;
}
.header>.commonweb {
position: relative;
}
.header .hd-logo {
float : left;
padding-top: 22px;
position : relative;
z-index : 10;
}
.header .hd-logo img {
height: 54px;
}
.header .hd-right {
position : absolute;
right : 20px;
top : 0;
z-index : 10;
font-size: 0;
}
.headsearch-box {
position : relative;
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
}
.search-handle {
position: static;
display : block;
height : 100px;
padding : 0 10px;
}
.hdr-search {
position : absolute;
left : auto;
right : -20px;
top : 100px;
z-index : 99;
width : 260px;
padding : 0;
background: none;
border : 1px solid #ccc;
}
.hdr-search .hd-form {
padding-right: 50px;
}
.hdr-search .hd-form .sub {
width : 50px;
font-size : 0;
background: #fff url(../images/searchico.png) no-repeat center;
}
.sm-fixslide {
display : inline-block !important;
position : static;
background: none;
padding : 0;
text-align: left;
}
.sm-fixslide a:hover {
color: #0ca001;
}
.headlanguage {
height : 100px;
line-height : 100px;
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
position : relative;
top : auto;
right : auto;
padding : 0 12px 0 5px;
}
.headlanguage .Currentlan {
position: static;
}
.headlanguage .language-choose {
position: absolute;
top : 100px;
left : auto;
right : 15px;
}
.headlanguage .language-choose a:hover {
color: #0ca001;
}
.headerstock {
padding : 25px 0 0 13px;
height : 100px;
border-left: 1px solid #FFffff;
}
.headerstock .stock-up .bs {
font-size : 33px;
line-height: 33px;
}
.headerstock .stock-text span {
font-size: 18px;
}
}
@media (min-width: 1260px) {
.headlanguage {
padding: 0 30px 0 12px;
}
.headerstock {
padding-left: 30px;
}
.mainnav {
padding-right: 0px;
}
.header .hd-right {
right: 0;
}
}
.full-inside-subnav .channel-title::after {
_font-size : 0;
_line-height: 0;
_overflow : hidden;
width : 0;
height : 0;
}
.title {
font-size: 16px;
}
/*common.css*/
body {
overflow-x: hidden;
}
::-webkit-scrollbar {
width : 3px;
height : 3px;
background-color : #e0e0e0;
-webkit-border-radius: 5px;
border-radius : 5px;
}
::-webkit-scrollbar-thumb {
width : 3px;
height : 3px;
background-color : #aeaeae;
-webkit-border-radius: 5px;
border-radius : 5px;
}
.h30 {
height: 30px;
}
.padtp30 {
padding-top : 30px;
padding-bottom: 30px;
}
.padt10 {
padding-top: 16px;
}
.font42 {
font-size: 24px;
}
.font36 {
font-size: 21px;
}
.font30 {
font-size: 18px;
}
.font28 {
font-size: 18px;
}
.font24 {
font-size: 18px;
}
.font20 {
font-size: 17px;
}
.font18 {
font-size: 15px;
}
.font16 {
font-size: 14px;
}
.alcenter {
text-align: center;
}
.alright {
text-align: center;
}
.alleft {
text-align: center;
}
@media (min-width: 1024px) {
.nopad {
padding-top : 0 !important;
padding-bottom: 0 !important;
}
.font42 {
font-size: 30px;
}
.font36 {
font-size: 28px;
}
.font30 {
font-size : 26px;
line-height: 30px;
}
.font28 {
font-size : 24px;
line-height: 30px;
}
.font24 {
font-size: 24px;
}
.font20 {
font-size: 20px;
}
.font18 {
font-size: 18px;
}
.font16 {
font-size : 16px;
line-height: 26px;
}
.alright {
text-align: right;
}
.alleft {
text-align: left;
}
}
@media (min-width: 1260px) {
.font42 {
font-size : 34px;
line-height: 40px;
}
.font36 {
font-size : 32px;
line-height: 40px;
}
.font30 {
font-size : 30px;
line-height: 40px;
}
.font28 {
font-size : 28px;
line-height: 34px;
}
}
@media (min-width: 1400px) {
.font42 {
font-size : 42px;
line-height: 60px;
}
.font36 {
font-size : 36px;
line-height: 60px;
}
}
@font-face {
font-family: 'Montserrat';
src : url("Montserrat-Regular_4.woff") format("woff");
font-weight: normal;
font-style : normal;
}
.index-com-text {
color : #282828;
text-align: center;
}
.index-com-text p {
padding-top: 5px;
}
@media (min-width: 1024px) {
.index-com-text h2 {
letter-spacing: 3px;
}
.index-com-text p {
padding-top : 15px;
letter-spacing: 2px;
}
}
.swiper-wrapper {
width : 100%;
height : 100%;
z-index : 1;
display : -webkit-box;
display : -ms-flexbox;
display : -webkit-flex;
display : -moz-box;
display : flex;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property : -o-transform;
-moz-transition-property : transform, -moz-transform;
transition-property : transform;
transition-property : transform, -webkit-transform, -moz-transform, -o-transform;
transition-property : transform, -webkit-transform;
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box;
box-sizing : content-box;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex : 0 0 auto;
-ms-flex-negative : 0;
flex-shrink : 0;
width : 100%;
height : 100%;
position : relative;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient : vertical;
-ms-flex-direction : column;
-webkit-flex-direction: column;
-moz-box-orient : vertical;
-moz-box-direction : normal;
flex-direction : column;
}
.swiper-container-fade .swiper-slide {
pointer-events : none;
-webkit-transition-property: opacity;
-o-transition-property : opacity;
-moz-transition-property : opacity;
transition-property : opacity;
}
.index-com-btn {
display : block;
width : 30px;
height : 30px;
position : absolute;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
background-position: center center;
background-repeat : no-repeat;
-o-background-size : 30px;
background-size : 30px;
top : 42%;
}
.index-com-btn.index-com-prev {
background-image: url(../images/prev.png);
left : 0;
}
.index-com-btn.index-com-prev:hover {
background-image: url(../images/prevho.png);
}
.index-com-btn.index-com-next {
background-image: url(../images/next.png);
right : 0;
}
.index-com-btn.index-com-next:hover {
background-image: url(../images/nextho.png);
}
@media (min-width: 1024px) {
.index-com-btn {
width : 40px;
height : 40px;
-o-background-size: 40px;
background-size : 40px;
}
}
@media (min-width: 1400px) {
.index-com-btn {
width : 50px;
height : 50px;
-o-background-size: 50px;
background-size : 50px;
}
.index-com-btn.index-com-prev {
left: -80px;
}
.index-com-btn.index-com-next {
right: -80px;
}
}
/*banner*/
.indexbanner {
width : 100%;
position: relative;
overflow: hidden;
}
.indexbanner li img {
display: block;
width : 100%;
}
.indexbannerbtn {
width : 100%;
text-align : left;
position : absolute;
left : 50%;
-webkit-transform: translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
z-index : 20;
bottom : 10px !important;
max-width : 1200px;
}
.indexbannerbtn span {
display : inline-block;
width : 24px;
height : 2px;
-webkit-border-radius: 0;
border-radius : 0;
background : #dadada;
overflow : hidden;
margin : 0 2px;
cursor : pointer;
opacity : 1 !important;
vertical-align : middle;
}
.indexbannerbtn span.swiper-pagination-bullet-active {
background-color: #0ca001;
height : 6px;
}
.bannertextcont {
padding : 20px 15px 40px;
text-align: left;
color : #FFFFFF;
background: #f9f9f9;
display : none;
}
.bannertextcont .bannertitle {
font-size: 20px;
}
.bannertextcont .bannertext {
font-size: 16px;
margin : 12px 0;
}
@media (min-width: 1024px) {
.indexbannerbtn {
bottom: 97px !important;
}
.bannertextcont {
display : block;
background : none;
padding : 0 40px;
z-index : 10;
width : 100%;
max-width : 1200px;
position : absolute;
z-index : 3;
left : 50%;
top : 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
top : 57%;
color : #FFffff;
}
.bannertextcont .bannertitle {
font-size : 30px;
line-height : 30px;
transition : all 600ms;
-webkit-transition: all 600ms;
-moz-transition : all 600ms;
-ms-transition : all 600ms;
-o-transition : all 600ms;
-webkit-transform : translateY(50px);
-ms-transform : translateY(50px);
-moz-transform : translateY(50px);
-o-transform : translateY(50px);
transform : translateY(50px);
opacity : 0;
font-weight : lighter;
}
.bannertextcont .bannertext {
font-weight : lighter;
font-size : 20px;
line-height : 18px;
text-transform : uppercase;
transition : all 800ms;
-webkit-transition: all 800ms;
-moz-transition : all 800ms;
-ms-transition : all 800ms;
-o-transition : all 800ms;
-webkit-transform : translateY(50px);
-ms-transform : translateY(50px);
-moz-transform : translateY(50px);
-o-transform : translateY(50px);
transform : translateY(50px);
opacity : 0;
}
.bannertextcont .bannerlink {
display : block;
width : 200px;
height : 52px;
line-height : 52px;
background : url(../images/wicon4.png) no-repeat right 28px center;
padding : 0 28px;
text-align : left;
color : #FFFFFF;
border : 1px solid rgba(160, 160, 160, 0.99);
transition : all 1000ms;
-webkit-transition: all 1000ms;
-moz-transition : all 1000ms;
-ms-transition : all 1000ms;
-o-transition : all 1000ms;
-webkit-transform : translateY(50px);
-ms-transform : translateY(50px);
-moz-transform : translateY(50px);
-o-transform : translateY(50px);
transform : translateY(50px);
opacity : 0;
}
.bannertextcont .bannerlink:hover {
background-position: right 20px center;
}
.bannerleft {
text-align: left;
}
.bannercenter {
text-align: center;
}
.bannerright {
text-align: right;
}
.indexbanner li.active .bannertitle {
-webkit-transform: translateY(0);
-ms-transform : translateY(0);
-moz-transform : translateY(0);
-o-transform : translateY(0);
transform : translateY(0);
opacity : 1;
}
.indexbanner li.active .bannertext {
-webkit-transform: translateY(0);
-ms-transform : translateY(0);
-moz-transform : translateY(0);
-o-transform : translateY(0);
transform : translateY(0);
opacity : 1;
}
.indexbanner li.active .bannerlink {
-webkit-transform: translateY(0);
-ms-transform : translateY(0);
-moz-transform : translateY(0);
-o-transform : translateY(0);
transform : translateY(0);
opacity : 1;
}
}
@media (min-width: 1260px) {
.bannertextcont {
padding: 0;
}
.bannertextcont .bannertitle {
font-size : 48px;
line-height: 54px;
}
.bannertextcont .bannertext {
font-size : 32px;
line-height: 32px;
margin : 12px 0 32px;
}
.indexbanner .prev,
.indexbanner .next {
width : 50px;
height : 90px;
display : block;
position : absolute;
top : 45%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
background : url(../images/banner-btn.png) center no-repeat;
z-index : 20;
transition : 0.5s ease;
-webkit-transition: 0.5s ease;
-ms-transition : 0.5s ease;
-moz-transition : 0.5s ease;
-o-transition : 0.5s ease;
opacity : 0;
}
.indexbanner .prev {
left: 0;
}
.indexbanner .next {
right : 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform : translateY(-50%) rotate(180deg);
-ms-transform : translateY(-50%) rotate(180deg);
-o-transform : translateY(-50%) rotate(180deg);
transform : translateY(-50%) rotate(180deg);
}
.indexbanner:hover .prev {
left : 2.5%;
opacity: 1;
}
.indexbanner:hover .next {
right : 2.5%;
opacity: 1;
}
}
.inside-banner {
overflow: hidden;
}
.inside-banner img {
display : block;
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
height : 210px;
max-width : none;
width : auto;
}
@media (min-width: 640px) {
.inside-banner img {
height : auto;
max-width: 100%;
}
}
.full-inside-subnav {
background-color: #f3f3f3;
}
.full-inside-subnav .inside-subitem {
position: relative;
z-index : 25;
}
.full-inside-subnav .channel-title {
line-height: 50px;
color : #4d5c63;
position : relative;
text-align : center;
cursor : auto;
}
.full-inside-subnav .channel-title.showafter {
cursor: pointer;
}
.full-inside-subnav .channel-title.showafter::after {
opacity: 1;
}
.full-inside-subnav .channel-title::after {
content : '';
display : inline-block;
vertical-align: middle;
margin : 0 0 -3px 10px;
opacity : 0;
border-width : 5px;
border-style : solid dashed dashed dashed;
border-color : #333 transparent transparent transparent;
}
.full-inside-subnav .subnav {
display : none;
position : absolute;
left : 0;
top : 50px;
z-index : 10;
width : 100%;
background-color: #fff;
padding : 10px 0;
font-size : 0;
overflow : hidden;
}
.full-inside-subnav .subnav.padding {
padding: 0 44px;
}
.full-inside-subnav .subnav a {
display : block;
font-size : 14px;
line-height: 45px;
text-align : center;
}
.full-inside-subnav .subnav a.cur {
color: #0ca001;
}
.full-inside-subnav .subnav .sub-btn {
display: none;
}
.full-inside-subnav .full-home,
.full-inside-subnav .inside-subnav {
display: none;
}
@media (max-width: 460px) {
.full-inside-subnav .commonweb {
padding: 0;
}
}
@media (min-width: 1024px) {
.full-inside-subnav .subnav {
top : 52px;
width : auto;
left : -1px;
right : -1px;
padding : 15px 0;
-webkit-box-shadow: none;
box-shadow : none;
border : 0;
background : -webkit-linear-gradient(135deg, transparent 20px, #f3f3f3 0);
background : -moz- oldlinear-gradient(135deg, transparent 20px, #f3f3f3 0);
background : -o-linear-gradient(135deg, transparent 20px, #f3f3f3 0);
background : linear-gradient(-45deg, transparent 20px, #f3f3f3 0);
}
.full-inside-subnav .subnav a {
border-bottom: 0;
line-height : 25px;
padding : 5px 20px 5px 20px;
text-align : left;
color : #111111;
font-size : 13px;
}
.full-inside-subnav .subnav a:hover,
.full-inside-subnav .subnav a.cur {
color: #0ca001;
}
.full-inside-subnav .full-home,
.full-inside-subnav .inside-subnav {
display: block;
}
.full-inside-subnav .full-home {
float : left;
width : 50px;
height : 60px;
background : url(../images/wicon8.png) no-repeat center center;
border-left : 1px solid #2d3032;
border-right: 1px solid #2d3032;
}
.full-inside-subnav .inside-subitem {
border-left : 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
margin-left : -1px;
float : left;
min-width : 215px;
cursor : pointer;
}
.full-inside-subnav .inside-subitem:hover,
.full-inside-subnav .inside-subitem.cur {
background-color: #0ca001;
color : #FFffff;
}
.full-inside-subnav .inside-subitem:hover .channel-title,
.full-inside-subnav .inside-subitem.cur .channel-title {
color: #FFffff;
}
.full-inside-subnav .inside-subitem:hover .channel-title:after,
.full-inside-subnav .inside-subitem.cur .channel-title:after {
background-image: url(../images/wqicon8ho.png);
}
.full-inside-subnav .channel-title {
line-height: 52px;
text-align : left;
padding : 0 20px;
color : #111111;
font-size : 14px;
}
.full-inside-subnav .channel-title:after {
border : 0;
background : url(../images/wqicon8.png) no-repeat center center;
width : 10px;
height : 7px;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right : 20px;
}
}
.insid-page {
padding-top: 30px;
}
@media (min-width: 1024px) {
.insid-page {
padding-top: 57px;
}
}
.inside-title {
color : #868686;
text-align : center;
padding-bottom: 30px;
}
.inside-title h2 {
color: #868686;
}
.inside-title .inbor {
width : 60px;
height : 2px;
background-color: #0ca001;
margin : 12px auto 0;
}
.inside-title.cffffff {
color: #FFffff;
}
.inside-title.cffffff .inbor {
background-color: #FFffff;
}
@media (min-width: 1024px) {
.inside-title {
padding-bottom: 70px;
}
.inside-title .inbor {
margin-top: 27px;
}
}
.common-clumb-box {
position : relative;
padding-top : 20px;
padding-bottom: 20px;
border-top : 1px solid #e9e9e9;
margin-top : 20px;
}
.common-clumb {
font-size: 0;
overflow : hidden;
}
.common-clumb .clumb-box {
text-align: center;
}
.common-clumb a {
display : inline-block;
vertical-align : top;
*display : inline;
*zoom : 1;
color : #999999;
font-size : 14px;
text-align : center;
padding : 5px 10px;
width : auto;
position : relative;
-webkit-transition: all ease .5s;
-o-transition : all ease .5s;
-moz-transition : all ease .5s;
transition : all ease .5s;
}
.common-clumb a:hover,
.common-clumb a.cur {
color: #ffffff;
}
.common-clumb a:hover:before,
.common-clumb a.cur:before {
-webkit-transform: scale(1);
-moz-transform : scale(1);
-ms-transform : scale(1);
-o-transform : scale(1);
transform : scale(1);
}
.common-clumb a:before {
content : "";
position : absolute;
z-index : -1;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #e41919;
-webkit-transform : scale(0);
-moz-transform : scale(0);
-ms-transform : scale(0);
-o-transform : scale(0);
transform : scale(0);
-webkit-transition-property : transform;
-webkit-transition-property : -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property : -o-transform;
-moz-transition-property : transform, -moz-transform;
transition-property : transform;
transition-property : transform, -webkit-transform, -moz-transform, -o-transform;
-webkit-transition-duration : 0.3s;
-moz-transition-duration : 0.3s;
-o-transition-duration : 0.3s;
transition-duration : 0.3s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function : ease-out;
-o-transition-timing-function : ease-out;
transition-timing-function : ease-out;
}
@media (min-width: 1024px) {
.common-clumb-box {
margin-top : 59px;
padding-top: 40px;
}
.common-clumb-box .sub-btn {
width : 44px;
height : 38px;
cursor : pointer;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
padding : 0;
}
.common-clumb-box .sub-btn:before {
display : block;
content : "";
width : 14px;
height : 14px;
border-left : 2px solid #666666;
border-bottom: 2px solid #666666;
}
.common-clumb-box .sub-btn:hover:before {
border-color: #0ca001;
}
.common-clumb-box .sub-btn.sub-prev {
left: 0;
}
.common-clumb-box .sub-btn.sub-prev:before {
transform : rotate(40deg);
-webkit-transform: rotate(40deg);
-moz-transform : rotate(40deg);
-ms-transform : rotate(40deg);
-o-transform : rotate(40deg);
margin : 22px 0 0 17px;
}
.common-clumb-box .sub-btn.sub-next {
right: 0;
}
.common-clumb-box .sub-btn.sub-next:before {
transform : rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform : rotate(225deg);
-ms-transform : rotate(225deg);
-o-transform : rotate(225deg);
margin : 22px 0 0 8px;
}
.common-clumb a {
padding: 6px 25px;
}
}
/*common.css*/
@charset "utf-8";
.title {
font-size: 16px;
}
/*新闻中心*/
.pageing {
text-align: center;
}
.news-list .name {
white-space : nowrap;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-transition: all ease .5s;
-o-transition : all ease .5s;
-moz-transition : all ease .5s;
transition : all ease .5s;
}
.news-list .date {
display : block;
color : #0ca001;
font-size : 18px;
font-family: "Montserrat";
}
.news-list .text {
display : -webkit-box;
height : 54px;
line-height : 18px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color : #808080;
margin : 5px 0;
opacity : 0.8;
}
.news-list .remmo-new {
background : rgb(249, 250, 251);
-o-background-size: cover;
background-size : cover;
}
.news-list .remmo-new dt img {
display: block;
width : 100%;
}
.news-list .remmo-new dd {
padding: 15px;
}
.news-list .momend-new {
padding: 0 0 30px;
}
.news-list .momend-new ul {
padding: 0 0 20px;
}
.news-list .momend-new li {
border-bottom: 1px dashed #e7e7e7;
padding : 12px 0;
}
.news-list .momend-new a {
display: block;
}
.news-list .momend-new .name {
padding : 0 110px 0 0;
position: relative;
}
.news-list .momend-new .date {
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right : 0;
}
.news-list .momend-new .text {
opacity: 1;
}
.commoncepwrap {
margin : 0 0 30px;
position: relative;
}
.commoncepwrap:before {
content : "";
display : block;
width : 33.33333%;
height : 100%;
background-color: #f2f2f2;
position : absolute;
top : 0;
right : 0;
z-index : -1;
}
.webleft {
background-color: #FFffff;
padding : 0 0 20px;
}
.webright {
padding : 20px;
background-color: #f2f2f2;
}
.full-name .cn {
font-size : 16px;
line-height: 20px;
color : #444444;
}
.full-name .en {
font-size : 16px;
text-transform: uppercase;
color : #808080;
opacity : 0.5;
font-family : Montserrat;
}
.newprev-list {
padding: 10px 0 0 0;
}
.newprev-list li {
margin: 0 0 15px 0;
}
.newprev-list img {
display: block;
width : 100%;
}
.newprev-list .pevtxt {
padding: 10px 0;
}
.newprev-list .pevtxt .date {
color : #0ca001;
font-family: Montserrat;
}
.newprev-list .pevtxt .more {
font-size: 13px;
color : #797a81;
display : block;
margin : 10px 0 0 0;
}
.newprev-list .pevtxt h4 {
color : #444444;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
margin : 5px 0;
}
.newprev-list .pevtxt p {
color : #808080;
font-size : 13px;
display : -webkit-box;
height : 72px;
line-height : 18px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
@media (min-width: 1024px) {
.full-name .en {
font-size: 18px;
}
.commoncepwrap {
padding: 0;
margin : 0 0 80px;
}
.webleft {
float : left;
width : 66.66667%;
padding : 0 2.7% 0 0;
background-color: #ffffff;
}
.webright {
float : right;
width : 33.33333%;
margin : 0;
padding: 25px 30px 100px 30px;
}
.news-list .date {
font-size: 20px;
}
.news-list .text {
margin: 3px 0 21px;
}
.news-list .remmo-new:hover img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform : scale(1.03, 1.03);
-ms-transform : scale(1.03, 1.03);
-o-transform : scale(1.03, 1.03);
transform : scale(1.03, 1.03);
}
.news-list .remmo-new dt {
overflow: hidden;
float : left;
width : 39.8%;
margin : 0 20px 0 0;
}
.news-list .remmo-new dt img {
-webkit-transition: transform ease 0.7s;
-moz-transition : transform ease 0.7s;
-o-transition : transform ease 0.7s;
-webkit-transition: -webkit-transform ease 0.7s;
transition : -webkit-transform ease 0.7s;
-o-transition : -o-transform ease 0.7s;
-moz-transition : transform ease 0.7s, -moz-transform ease 0.7s;
transition : transform ease 0.7s;
transition : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
}
.news-list .remmo-new dd {
padding: 32px 0 0 0;
}
.news-list .remmo-new:hover .name {
color: #0ca001;
}
.news-list .momend-new {
padding: 0;
}
.news-list .momend-new ul {
padding: 0 0 60px 0;
}
.news-list .momend-new li {
-webkit-transition: all ease .5s;
-o-transition : all ease .5s;
-moz-transition : all ease .5s;
transition : all ease .5s;
padding : 27px 0;
}
.news-list .momend-new li:hover {
border-bottom-color: #0ca001;
}
.news-list .momend-new li:hover .name {
color: #0ca001;
}
.news-list .momend-new li .text {
height: 36px;
margin: 12px 0 0 0;
}
.news-list .momend-new li:last-child {
padding-bottom: 21px;
}
.newprev-list {
padding: 15px 0 0 0;
}
.newprev-list li {
margin: 0 0 27px 0;
}
.newprev-list li:hover img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform : scale(1.03, 1.03);
-ms-transform : scale(1.03, 1.03);
-o-transform : scale(1.03, 1.03);
transform : scale(1.03, 1.03);
}
.newprev-list li p.img {
overflow: hidden;
}
.newprev-list li p.img img {
-webkit-transition: transform ease 0.7s;
-moz-transition : transform ease 0.7s;
-o-transition : transform ease 0.7s;
-webkit-transition: -webkit-transform ease 0.7s;
transition : -webkit-transform ease 0.7s;
-o-transition : -o-transform ease 0.7s;
-moz-transition : transform ease 0.7s, -moz-transform ease 0.7s;
transition : transform ease 0.7s;
transition : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
}
.newprev-list li:hover .pevtxt h4 {
color: #0ca001;
}
.newprev-list .pevtxt h4 {
margin: 5px 0 15px 0;
}
}
/*新闻中心-新闻详细*/
.newsdetailtitle .date {
display : block;
color : #0ca001;
font-family: Montserrat;
}
.newsdetailcont {
color : #a1a1a1;
background : url("../images/slantline_03.jpg") repeat-x 0 0;
-o-background-size: 3px auto;
background-size : 3px auto;
padding : 32px 0 0;
margin : 10px 0 0 0;
}
#newsshare {
background : url(../images/wq_icon5.png) no-repeat left center;
-o-background-size : cover;
background-size : cover;
width : 300px;
color : #666;
padding : 5px 10px;
text-align : center;
-webkit-border-radius: 50px;
border-radius : 50px;
margin : 15px 0;
}
#newsshare span {
vertical-align: middle;
font-size : 20px;
margin : 0 20px 0 0;
}
#newsshare a {
float : none;
display : inline-block;
vertical-align : top;
*display : inline;
*zoom : 1;
width : 32px;
height : 32px;
margin : 0;
padding : 0;
-webkit-border-radius: 100%;
border-radius : 100%;
}
#newsshare .weixin {
background: url(../images/wq_icon1.png) no-repeat center center;
}
#newsshare .xinlang {
background: url(../images/wq_icon2.png) no-repeat center center;
}
#newsshare .QQ {
background: url(../images/wq_icon3.png) no-repeat center center;
}
#newsshare .weixin2 {
background: url(../images/wq_icon4.png) no-repeat center center;
}
@media (min-width: 1024px) {
#newsshare {
float : right;
height : 50px;
padding: 9px 10px;
margin : 28px 0 74px 0;
}
.newsdetailtitle .date {
padding: 10px 0 0;
}
.newsdetailcont {
margin: 27px 0 0 0;
}
}
/*新闻中心-视频中心*/
.wonderful-video-inner {
padding-bottom: 30px;
}
.mv-player {
width : 100%;
min-height: 200px;
background: #f2f2f2;
}
.mv-icon {
display : block;
width : 75px;
height : 75px;
background : url(../images/wqicon9.png) no-repeat center;
position : absolute;
z-index : 3;
left : 50%;
top : 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
z-index : 99;
}
.mv-player .mvtitle {
padding-left : 10px;
font-size : 16px;
color : #333;
height : 40px;
line-height : 40px;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
}
.wonderful-mvlist {
position: relative;
padding : 20px 0;
color : #999;
}
.wonderful-mvlist .index-dot {
bottom: -40px;
}
.wonderful-swiper {
position: relative;
overflow: hidden;
}
.wonderful-mvlist li {
position: relative;
cursor : pointer;
width : 50%;
color : #333333;
}
.wonderful-mvlist li.cur .name {
color: #0ca001;
}
.wonderful-mvlist li .thumb {
position : relative;
margin-bottom: 10px;
}
.wonderful-mvlist li .thumb img {
display: block;
width : 100%;
}
.wonderful-mvlist li .name {
color : #747474;
text-align : center;
height : 22px;
line-height : 22px;
overflow : hidden;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
white-space : nowrap;
}
.video-ctrl {
display : none;
position : absolute;
z-index : 10;
width : 28px;
height : 45px;
top : 50%;
margin-top: -4%;
background: #FFffff;
left : 0;
}
.video-ctrl:after {
content : "";
position : absolute;
width : 12px;
height : 12px;
border-bottom : 2px solid #333333;
border-left : 2px solid #333333;
-webkit-transform: rotate(45deg);
-moz-transform : rotate(45deg);
-ms-transform : rotate(45deg);
-o-transform : rotate(45deg);
transform : rotate(45deg);
left : 12px;
top : 17px;
}
.video-ctrl.video-next {
left : auto;
right: 0;
}
.video-ctrl.video-next:after {
-webkit-transform: rotate(-135deg);
-moz-transform : rotate(-135deg);
-ms-transform : rotate(-135deg);
-o-transform : rotate(-135deg);
transform : rotate(-135deg);
left : 6px;
}
.video-wrap {
position: relative;
}
.videoobx {
position: absolute !important;
width : 100%;
height : 100%;
left : 0;
right : 0;
z-index : 1;
}
.wposter img {
max-width: 100%;
display : block;
}
@media (min-width: 1024px) {
/* 影视中心*/
.mv-player {
min-height: 500px;
}
.mv-player .mvtitle {
padding-left: 20px;
font-size : 18px;
height : 54px;
line-height : 54px;
}
.wonderful-mvlist {
padding: 45px 0;
}
.wonderful-mvlist li .thumb {
margin-bottom: 17px;
}
.wonderful-mvlist .video-ctrl {
display: block;
}
.video-ctrl:hover {
background: #0ca001;
}
.video-ctrl:hover:after {
border-color: #FFffff;
}
}
/*联系我们*/
.BMap_omCtrl,
.BMap_pop,
.BMap_shadow,
.BMapLabel,
.BMap_stdMpType4 .BMap_stdMpZoom {
display: none !important;
}
.mapadres-wrapper {
position : relative;
background-color : #FFffff;
-webkit-box-shadow : 0 11px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow : 0 11px 12px 0 rgba(0, 0, 0, 0.1);
z-index : 3;
width : 90%;
margin : 0 auto -20px;
padding : 0 15px;
-webkit-border-radius: 5px;
border-radius : 5px;
}
.mapadres-swiper {
overflow: hidden;
}
.mapadres-swiper li {
width : auto;
cursor : pointer;
color : #424242;
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
border-bottom : 2px solid #FFffff;
line-height : 35px;
}
.mapadres-swiper li:hover,
.mapadres-swiper li.cur {
color : #0ca001;
border-color: #0ca001;
}
#allmap {
height: 200px;
}
.mapadres-infor {
padding: 30px 0;
color : #868686;
}
.mapadres-infor h3 {
color : #333333;
padding: 0 0 5px;
}
.mapadres-infor img {
max-width: 100%;
}
.mapadres-infor .desc {
padding: 10px 0 0;
}
.map-items {
display: none;
}
.map-items:first-child {
display: block;
}
@media (max-width: 1200px) {}
@media (min-width: 768px) {
.map-items .thumb {
float : left;
max-width: 480px;
}
.map-items .desc {
overflow: hidden;
padding : 0 0 0 20px;
}
.mainnav {
border : 0;
position : relative;
top : 0;
width : 100%;
background: none;
overflow : visible;
}
.mainnav ul {
font-size: 0;
}
.mainnav li {
position : relative;
display : inline-block;
vertical-align: middle;
border-bottom : 0;
}
.mainnav li .phsearchicon {
/* display : none !important; */
width : auto;
height: auto;
}
.mainnav li.cur {
border-top-color: #0ca001;
}
.mainnav li .one-title a {
position: relative;
overflow: visible;
}
.mainnav .sub-nav {
position : absolute;
overflow : hidden;
text-align: center;
padding : 0;
}
.mainnav .sub-nav a:hover {
color: #0ca001;
}
}
@media (min-width: 1024px) {
.mapbtn {
display : block;
width : 25px;
height : 25px;
background-position: center;
background-repeat : no-repeat;
-o-background-size : 100%;
background-size : 100%;
position : absolute;
top : 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
cursor : pointer;
}
/*.mapbtn.swiper-button-disabled { display: none; }*/
.mapbtn-prev {
background-image: url(../images/wq-prev.png);
left : 10px;
}
.mapbtn-next {
background-image: url(../images/wq-next.png);
right : 10px;
}
.mapbtn-prev:hover {
background-image: url(../images/wq-prevho.png);
}
.mapbtn-next:hover {
background-image: url(../images/wq-nextho.png);
}
.mapadres-swiper li {
border-width: 4px;
}
#allmap {
height: 360px;
}
.mapadres-wrapper {
padding: 6px 63px 0;
}
.mapadres-swiper li {
line-height: 52px;
}
.mapadres-infor {
padding-bottom: 80px;
}
.map-items .desc {
padding: 13px 0 0 40px;
}
.map-items .desc h3 {
padding: 0 0 12px;
}
}
/*投资者关系*/
.investor-title {
color : #0ca001;
font-size: 16px;
padding : 0 0 10px 0;
}
.investor-title .more {
float : right;
background: url(../images/wqicon11.png) no-repeat 100% center;
padding : 0 15px 0 0;
color : #999999;
font-size : 14px;
}
.investor-title .more:hover {
color : #0ca001;
background-image: url(../images/wqicon11ho.png);
}
.investor-top {
border-bottom: 1px solid #e6e6e6;
padding : 0 0 20px;
}
.investor-top img {
display: block;
width : 100%;
}
.investor-top .infor {
padding: 20px 0 0;
}
.investor-top .infor .text {
color : #737373;
display : -webkit-box;
height : 110px;
line-height : 22px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
margin : 0 0 10px;
}
.investor-top .infor .more {
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
background : url(../images/wqicon10.png) no-repeat 100% center;
color : #666666;
padding : 0 20px 0 0;
}
.investor-list li {
padding : 20px 0;
border-bottom: 1px solid #e6e6e6;
}
.investor-list .inveitems a {
color : #676767;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
display : block;
width : 70%;
float : left;
position : relative;
padding-left : 17px;
}
.investor-list .inveitems a:before {
content : "";
display : block;
width : 6px;
height : 6px;
background-color : #808080;
-webkit-border-radius: 100%;
border-radius : 100%;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
left : 0;
}
.investor-list .inveitems a:hover {
color: #0ca001;
}
.investor-list .inveitems a:hover:before {
background-color: #0ca001;
}
.investor-list .inveitems .date {
color: #999999;
float: right;
width: 80px;
}
.commoncepwrap-stock:before {
background-color: #f5f7f6;
}
.commoncepwrap-stock .webright {
background-color: #f5f7f6;
}
.Stockprice {
height: 100%;
}
.Stockprice img {
display : block;
max-width: 100%;
}
.stock-contact {
padding: 20px 0 0;
}
.stock-contact .thumb {
position: relative;
}
.stock-contact .thumb .text {
color : #1f527e;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
width : 100%;
padding : 0 20px;
}
.stock-contact .infor {
padding: 10px 0 0;
}
.stock-contact .infor h3 {
color: #0ca001;
}
.stock-contact .infor .PS {
color : #666666;
line-height: 22px;
position : relative;
padding : 0 0 0 77px;
}
.stock-contact .infor .PS span {
position: absolute;
left : 0;
top : 0;
color : #333333;
}
.stockinter-list {
padding: 0 0 30px 0;
}
.stockinter-list ul {
padding: 0 0 30px 0;
}
.stockinter-list li {
border-bottom: 1px solid #e6e6e6;
position : relative;
padding : 0 85px 0 0;
}
.stockinter-list li a {
display : block;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
position : relative;
padding : 0 0 0 15px;
line-height : 50px;
}
.stockinter-list li a:hover {
color: #0ca001;
}
.stockinter-list li a:before {
content : "";
display : block;
width : 6px;
height : 6px;
background-color : #808080;
-webkit-border-radius: 100%;
border-radius : 100%;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
left : 0;
}
.stockinter-list li span {
display : block;
position : absolute;
z-index : 3;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
right : 0;
}
@media (min-width: 768px) {
.investor-top {
padding: 0 0 34px 0;
}
.investor-top .thumb {
float : left;
max-width: 280px;
}
.investor-top .infor {
overflow: hidden;
padding : 10px 0 0 20px;
}
.investor-top .infor .text {
margin: 0 0 20px 0;
}
.investor-top .infor .more:hover {
color : #0ca001;
background-image: url(../images/wqicon10ho.png);
}
.investor-list li {
float : left;
width : 50%;
padding: 34px 20px 27px 0;
}
.investor-list li:nth-child(even) {
padding: 34px 0 27px 20px;
}
}
@media (min-width: 1024px) {
.investor-title {
font-size: 18px;
padding : 0 0 20px;
}
.investor-list .inveitems a {
line-height: 28px;
}
.investor-list .investor-title {
padding: 0 0 12px 0;
}
.stock-contact {
padding: 31px 0 0;
}
.stock-contact .infor {
padding: 30px 0 0;
}
.stock-contact .infor h3 {
padding: 0 0 5px 0;
}
.stock-contact .infor .PS {
margin: 0 0 10px 0;
}
.commoncepwrap-stock:before {
width: 30%;
}
.commoncepwrap-stock .webleft {
width: 70%;
}
.commoncepwrap-stock .webright {
width : 30%;
margin-top: -70px;
}
}
/*研发及天博体育手机版登录-技术实力*/
.instech-title {
color: #666666;
}
.instech-title h3 {
font-size : 18px;
color : #0ca001;
text-align: center;
padding : 0 0 10px 0;
}
.instech-title img {
max-width: 100%;
}
.intech-list {
padding: 20px 0;
}
.intech-list ul {
margin: 0 -5px;
}
.intech-list li {
padding: 0 5px 10px;
}
.intech-list li img {
max-width: 100%;
}
.reserch-team {
background-color: #f5faf5;
}
.reserch-team .instech-title h3 {
text-align: left;
}
.reserch-team .thumb img {
display: block;
width : 100%;
}
.reserch-team .infor {
padding : 40px 0;
position: relative;
}
.reserch-team .infor:before,
.reserch-team .infor:after {
content : "";
display : block;
width : 20px;
height : 20px;
-o-background-size : cover;
background-size : cover;
background-position: center;
background-repeat : no-repeat;
position : absolute;
}
.reserch-team .infor:before {
background-image: url(../images/wqicon12.png);
top : 10px;
left : 0;
}
.reserch-team .infor:after {
background-image: url(../images/wqicon12ho.png);
right : 0;
bottom : 10px;
}
.madein-list ul {
margin: 0 -5px;
}
.madein-list li {
padding : 0 5px 10px;
text-align: center;
}
.madein-list li img {
display: block;
width : 100%;
}
.madein-list li .text {
padding: 5px 0 0;
}
.inas-results img {
max-width: 100%;
}
@media (min-width: 1024px) {
.instech-title h3 {
font-size: 24px;
padding : 0 0 34px 0;
}
.intech-list {
padding: 24px 0 70px;
}
.intech-list ul {
margin: 0 -7px;
}
.intech-list li {
padding: 0 7px 14px;
}
.reserch-team .instech-title h3 {
padding: 0 0 15px;
}
.reserch-team .thumb {
float: left;
width: 50%;
}
.reserch-team .infor {
overflow: hidden;
padding : 40px 0 40px 30px;
}
.reserch-team .infor:before {
top : 10px;
left: 30px;
}
.reserch-team .infor:after {
bottom: 5px;
}
.madein-list {
padding: 0 0 67px;
}
.madein-list ul {
margin: 0 -7px;
}
.madein-list li {
padding: 0 7px 14px;
}
.madein-list li .text {
padding: 15px 0 0;
}
}
@media (min-width: 1199px) {
.reserch-team h3 {
padding: 0 0 23px;
}
.reserch-team .infor {
padding: 91px 0 80px 60px;
}
.reserch-team .infor:before,
.reserch-team .infor:after {
width : 36px;
height: 36px;
}
.reserch-team .infor:before {
top : 34px;
left: 60px;
}
.reserch-team .infor:after {
bottom: 25px;
}
.inas-results {
padding: 80px 0 45px;
}
}
/*研发及天博体育手机版登录-品牌中心*/
.Brandcenter {
color : #666666;
padding: 0 0 30px;
}
.Brandcenter .bs {
color: #0ca001;
}
.Brandcenter .bs a {
color : #0ca001;
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
margin-right : 15px;
}
.Burando-wrapper {
background : url(../images/wqimage26.jpg) no-repeat center;
-o-background-size: cover;
background-size : cover;
}
.Burando-wrapper {
position: relative;
padding : 0;
}
.Burando-sw-hook {
position: relative;
overflow: hidden;
padding : 40px 0;
}
.Burando-sw-hook .swiper-wrapper li {
-webkit-transition : all .7s ease;
-o-transition : all .7s ease;
-moz-transition : all .7s ease;
transition : all .7s ease;
width : 20%;
-webkit-transition : transform 1.0s;
-moz-transition : transform 1.0s;
-ms-transition : transform 1.0s;
-o-transition : transform 1.0s;
text-align : center;
-webkit-border-radius: 100%;
border-radius : 100%;
}
.Burando-sw-hook .swiper-wrapper li.swiper-slide-active {
color: #f7931c;
}
.Burando-sw-hook .swiper-wrapper li .icon {
border : 1px solid #bfd7eb;
-webkit-border-radius: 100%;
border-radius : 100%;
position : relative;
}
.Burando-sw-hook .swiper-wrapper li img {
display: block;
width : 100%;
}
.Burando-wrapper .commonweb {
position: relative;
}
@media (min-width: 768px) {
.Burando-sw-hook {
padding: 40px 0 0;
}
}
@media (min-width: 991px) {
.swiper-btn {
display : block;
width : 40px;
height : 100%;
position : absolute;
top : 50%;
transform : translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
background : url(../images/arror.png) no-repeat;
z-index : 99;
}
.Burando-prev {
left : 0;
background-position: 0 center;
opacity : 0;
}
.Burando-next {
right : 0;
background-position: right center;
opacity : 0;
}
.indexhonours {
padding : 78px 0 113px;
position: relative;
}
.Burando-sw-hook {
padding: 57px 0;
}
.Burando-wrapper:hover .swiper-btn {
opacity: 1;
}
.Burando-sw-hook .swiper-wrapper li {
-webkit-transform: scale(0.71);
-moz-transform : scale(0.71);
-ms-transform : scale(0.71);
-o-transform : scale(0.71);
transform : scale(0.71);
margin-right : 25px;
z-index : 5;
position : relative;
}
.Burando-sw-hook .swiper-wrapper li.swiper-slide-active {
background-color : #FFffff;
border : 0;
-webkit-transform: scale(1.4);
-moz-transform : scale(1.4);
-ms-transform : scale(1.4);
-o-transform : scale(1.4);
transform : scale(1.4);
z-index : 10;
}
.Burando-sw-hook .swiper-wrapper li.swiper-slide-active .icon {
-webkit-transform: scale(0.5);
-moz-transform : scale(0.5);
-ms-transform : scale(0.5);
-o-transform : scale(0.5);
transform : scale(0.5);
border : 0;
position : relative;
}
.Burando-sw-hook .swiper-wrapper li.my-slide-left {
right: 6%;
}
.Burando-sw-hook .swiper-wrapper li.my-slide-right {
left: 6%;
}
.swiper-btn:hover {
background-image: url(../images/arrorho.png);
}
.Burando-sw-hook {
background: url(../images/wqimage7.png) no-repeat center;
position : relative;
padding : 200px 0;
}
}
@media (min-width: 1024px) {
.Brandcenter {
padding: 0 0 55px 0;
}
}
@media (min-width: 1400px) {
.Burando-prev {
left: -47px;
}
.Burando-next {
right: -47px;
}
}
/*研发及天博体育手机版登录-生产制造*/
.manuface-list {
padding: 0 0 30px;
}
.manuface-list ul {
margin : 0 -5px;
padding: 0 0 20px;
}
.manuface-list li {
padding: 0 5px 10px;
}
.manuface-list li a {
display : block;
background-color: #eef2ed;
}
.manuface-list li img {
display: block;
width : 100%;
}
.manuface-list li .text {
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
text-align : center;
line-height : 40px;
font-family : Montserrat;
}
@media (min-width: 1024px) {
.manuface-list {
padding: 0 0 90px 0;
}
.manuface-list ul {
margin: 0 -15px;
}
.manuface-list li {
padding: 0 15px 30px;
}
.manuface-list li:hover img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform : scale(1.03, 1.03);
-ms-transform : scale(1.03, 1.03);
-o-transform : scale(1.03, 1.03);
transform : scale(1.03, 1.03);
}
.manuface-list li .img {
overflow: hidden;
}
.manuface-list li .img img {
-webkit-transition: transform ease 0.7s;
-moz-transition : transform ease 0.7s;
-o-transition : transform ease 0.7s;
-webkit-transition: -webkit-transform ease 0.7s;
transition : -webkit-transform ease 0.7s;
-o-transition : -o-transform ease 0.7s;
-moz-transition : transform ease 0.7s, -moz-transform ease 0.7s;
transition : transform ease 0.7s;
transition : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
}
.manuface-list li .text {
font-size : 18px;
line-height: 56px;
}
.manuface-list li:hover .text {
background-color: #0ca001;
color : #FFffff;
}
}
.big-img {
display: none;
}
.thumb-popup {
display : none;
position : fixed;
left : 0;
top : 0;
z-index : 101;
width : 100%;
height : 100%;
background: rgba(0, 0, 0, 0.6);
}
.thumb-copy-wrapper {
position : absolute;
left : 50%;
top : 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform : translate3d(-50%, -50%, 0);
transform : translate3d(-50%, -50%, 0);
width : 100%;
height : 100%;
overflow : hidden;
}
.hasmoreimg-box {
position : absolute;
left : 50%;
top : 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform : translate3d(-50%, -50%, 0);
transform : translate3d(-50%, -50%, 0);
width : 94%;
height : 44%;
max-width : 1005px;
}
.thumb-copy-wrapper .swiper-wrapper {
position : relative;
width : 100%;
height : 100%;
z-index : 1;
display : -webkit-box;
display : -ms-flexbox;
display : -webkit-flex;
display : -moz-box;
display : flex;
-webkit-transition-property: -webkit-transform;
transition-property : -webkit-transform;
-o-transition-property : -o-transform;
-moz-transition-property : transform, -moz-transform;
transition-property : transform;
transition-property : transform, -webkit-transform, -moz-transform, -o-transform;
transition-property : transform, -webkit-transform;
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box;
box-sizing : content-box;
}
.thumb-copy-wrapper .swiper-wrapper li {
-webkit-flex-shrink: 0;
-ms-flex : 0 0 auto;
-ms-flex-negative : 0;
flex-shrink : 0;
width : 100%;
height : 100%;
position : relative;
}
.thumb-copy-wrapper .swiper-wrapper li img {
display : block;
max-width : 100%;
position : relative;
left : 50%;
top : 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
.thumb-copy-wrapper .close {
position : absolute;
right : 0px;
top : 0px;
z-index : 9;
width : 30px;
height : 30px;
font-size : 30px;
font-weight: bold;
line-height: 30px;
text-align : center;
color : #333;
background : rgba(255, 255, 255, 0.5);
cursor : pointer;
}
.thumb-leftbtn,
.thumb-rightbtn {
display : block;
width : 30px;
height : 30px;
position : absolute;
top : 50%;
z-index : 10;
cursor : pointer;
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
background-repeat : no-repeat;
background-position: center;
-o-background-size : 100%;
background-size : 100%;
}
.thumb-leftbtn {
left : 10px;
background-image: url(../images/pro-prev.png);
}
.thumb-rightbtn {
right : 10px;
background-image: url(../images/pro-next.png);
}
.thumb-close {
width : 25px;
height : 25px;
position : absolute;
right : 0px;
top : -24px;
cursor : pointer;
z-index : 99;
background : url(../images/wqclose.png) no-repeat center;
-o-background-size: 100%;
background-size : 100%;
}
.thumb-copy-wrapper {
position: fixed;
}
.thumb-box {
position : relative;
-webkit-flex-shrink: 0;
-ms-flex : 0 0 auto;
-ms-flex-negative : 0;
flex-shrink : 0;
width : 100%;
height : 100%;
position : relative;
max-width : 1005px;
margin : 0 auto;
}
.thumb-text {
position : absolute;
z-index : 3;
left : 50%;
-webkit-transform: translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
bottom : 0;
width : 100%;
max-width : 1005px;
background-color : #FFffff;
z-index : 2;
line-height : 50px;
text-align : center;
font-size : 20px;
}
@media (min-width: 1024px) {
.thumb-close {
width : 25px;
height: 25px;
}
.hasmoreimg-box {
height : 80%;
max-height: 701px;
}
.thumb-leftbtn,
.thumb-rightbtn {
width : 29px;
height: 55px;
}
}
@media (min-width: 1400px) {
.thumb-leftbtn {
left: -98px;
}
.thumb-rightbtn {
right: -98px;
}
.thumb-close {
top: -44px;
}
.thumb-leftbtn,
.thumb-rightbtn {
width : 32px;
height: 60px;
}
.thumb-text {
line-height: 90px;
font-size : 24px;
}
}
/*关于麦克-董事长致辞*/
.Chairman-box img {
max-width: 100%;
}
.Chairman-box .thumb {
padding : 0 20px 20px 0;
position: relative;
}
.Chairman-box .thumb:after {
content : "";
display : block;
width : 97%;
height : 97%;
background: url(../images/wqimage8.png) no-repeat 100% 100%;
position : absolute;
right : 0;
bottom : 0;
z-index : -1;
}
.Chairman-box .infor {
padding : 20px 0;
font-size : 18px;
line-height: 28px;
text-align : justify;
}
.Chairman-box .infor .sign {
color : #0ca001;
text-align: right;
}
.Chairman-box .infor .sign img {
vertical-align: middle;
height : 70px;
margin-left : 15px;
}
@media (min-width: 768px) {
.Chairman-box {
padding: 0 0 43px;
}
.Chairman-box .thumb {
float : right;
width : 50%;
max-width: 464px;
}
.Chairman-box .infor {
overflow: hidden;
padding : 0 3% 0 0;
}
}
@media (min-width: 1024px) {
.Chairman-box .infor {
font-size : 24px;
line-height : 46px;
padding : 0 80px 0 0;
letter-spacing: 2px;
}
.Chairman-box .infor .sign img {
height: 102px;
}
.Chairman-box .thumb {
padding : 0 40px 40px 0;
margin-top: 15px;
}
}
/*关于麦克-公司简介*/
.inside-company {
color: #666666;
}
.Profile-infor {
position: relative;
padding : 20px 0;
}
.Profile-infor img {
display : block;
max-width: 100%;
}
.Profile-infor .desc {
position : absolute;
z-index : 3;
/*top : 50%;*/
top : 35%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
left : 15px;
color : #FFffff;
}
.Profile-infor .desc img {
height: 28px;
margin: 0 0 5px;
}
.culture-list {
padding: 20px 0 0;
}
.culture-list li {
padding: 0 0 15px;
}
.culture-list li img {
display: block;
width : 100%;
}
.culture-list li .name {
font-size: 16px;
padding : 8px 0 3px;
color : #1a1a1a;
}
.culture-list li .text {
color : #8e8e8e;
line-height: 20px;
}
.honours-box {
padding-bottom: 30px;
}
.honours-dl {
padding: 20px 0 0;
}
.honours-dl img {
max-width: 100%;
}
.honours-dl .thumb {
position: relative;
}
.honours-dl .infor {
padding: 15px 0;
}
@media (max-width: 414px) {
.Profile-infor>img {
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
height : 160px;
max-width : none;
}
}
@media (min-width: 767px) {
.culture-list ul {
margin: 0 -10px;
}
.culture-list li {
padding: 0 10px 20px;
}
.honours-box {
padding-top: 30px;
}
.honours-dl {
padding: 30px 0 43px;
}
.honours-dl .thumb {
float : right;
width : 50%;
max-width : 580px;
margin-left: 30px;
}
}
@media (min-width: 1024px) {
.Profile-infor {
padding: 35px 0;
}
.Profile-infor .desc {
left: 13.75%;
}
.Profile-infor .desc img {
height: auto;
margin: 0 0 30px 0;
}
.culturl-box .instech-title {
padding: 0 50px;
}
.culture-list {
padding: 59px 0 0;
}
.culture-list ul {
margin: 0 -15px;
}
.culture-list li {
padding: 0 15px 0 30px;
}
.culture-list li .name {
font-size: 22px;
padding : 18px 0 13px;
}
.honours-dl .thumb {
margin-left: 70px;
}
}
/*关于麦克-企业文化*/
.inside-culture img {
max-width: 100%;
}
.inside-culture .infor {
padding: 20px 0 0;
}
.inside-culture dl {
padding: 0 0 20px 0;
}
.inside-culture dl dt {
float: left;
width: 80px;
}
.inside-culture dl dd {
overflow: hidden;
padding : 0 0 0 10px;
color : #808080;
}
.inside-culture dl dd h3 {
color: #333333;
}
@media (min-width: 1024px) {
.inside-culture {
padding: 0 0 80px;
}
.inside-culture .thumb {
float: right;
width: 34.58333%;
}
.inside-culture .infor {
overflow: hidden;
padding : 0 20px 0 0;
}
.inside-culture dl dt {
width: 105px;
}
.inside-culture dl dd {
padding: 10px 0 0 28px;
}
.inside-culture dl dd h3 {
padding: 0 0 10px;
}
}
/*关于麦克-职业发展*/
.inside-Career {
position: relative;
}
.inside-Career img {
display : block;
max-width: 100%;
}
.inside-Career h2 {
font-family: Montserrat;
color : #e5e1cb;
font-size : 32px;
padding : 0 0 10px;
}
.inside-Career h3 {
color: #f3ab28;
}
.inside-Career .desc {
position : absolute;
right : 15px;
top : 18%;
color : #FFffff;
text-align: right;
}
.inside-Career .desc img {
height: 28px;
margin: 0 0 5px;
}
.carebar {
height : 4px;
background-color: #0ca001;
position : absolute;
left : 0;
bottom : 0;
}
.inside-training .thumb {
padding : 10px;
background-color : #FFffff;
-webkit-box-shadow: 0 0 22px 1px rgba(128, 128, 128, 0.2);
box-shadow : 0 0 22px 1px rgba(128, 128, 128, 0.2);
}
.inside-training .thumb img {
max-width: 100%;
}
.inside-training .infor {
padding: 20px 0 0;
}
.inside-training .infor h3 {
padding: 0 0 5px;
}
.inside-training .infor p {
color: #808080;
}
@media (max-width: 414px) {
.inside-Career>img {
position : relative;
left : 50%;
-webkit-transform: translateX(-50%);
-moz-transform : translateX(-50%);
-ms-transform : translateX(-50%);
-o-transform : translateX(-50%);
transform : translateX(-50%);
height : 160px;
max-width : none;
}
}
@media (min-width: 768px) {
.inside-Career h2 {
font-size : 48px;
line-height: 58px;
}
.inside-training {
position: relative;
z-index : 2;
padding : 0 0 70px;
}
.inside-training .thumb {
float : right;
width : 41.66667%;
margin-top : -57px;
padding : 21px;
margin-right: 8.33333%;
margin-left : 20px;
}
.inside-training .infor {
padding: 20px 20px 0 0;
}
.inside-training .infor h3 {
padding: 0 0 14px;
}
}
@media (min-width: 1024px) {
.inside-Career .desc {
right: 10%;
}
.inside-Career .desc img {
height: auto;
margin: 0 0 30px 0;
}
.inside-Career h2 {
font-size : 60px;
line-height: 70px;
}
.carebar {
height: 8px;
}
.inside-training .thumb {
margin-top: -157px;
}
.inside-training .infor {
padding: 50px 20px 0 0;
}
.inside-training .infor h3 {
padding: 0 0 24px;
}
}
@media (min-width: 1440px) {
.inside-Career h2 {
font-size : 90px;
line-height: 100px;
}
}
/*关于麦克-发展历程*/
.remark {
padding: 0 0 20px 30px;
}
.remark p {
color: #666666;
}
.develop-index li {
position: relative;
padding : 0 0 0 30px;
height : 40px;
}
.develop-index li span {
position : absolute;
display : block;
width : 20px;
left : 0;
top : -11px;
text-align: center;
font-size : 16px;
}
.develop-index li:before,
.develop-index li:after {
content : "";
display : block;
width : 100%;
position: relative;
}
.develop-index li:before {
border-top: 1px dashed #0ca001;
}
.develop-index li:after {
width : 100%;
height: 100%;
}
.develop-index li:nth-child(even):after {
background-color: #f7f7f7;
}
.develop-index li:last-child:before {
border-top: 4px solid #999999;
}
.develop-box {
position: relative;
padding : 0 0 40px;
}
.develop-data {
position : absolute;
left : 0;
top : 0;
font-size : 0;
width : 100%;
height : 400px;
padding-left: 45px;
}
.develop-data ul {
height: 100%;
}
.develop-data li {
display : inline-block;
vertical-align: top;
*display : inline;
*zoom : 1;
padding : 0 10px;
position : relative;
text-align : center;
width : 20%;
font-size : 14px;
font-family : Montserrat;
height : 100%;
}
.develop-data li .year {
font-size : 18px;
margin-top: 15px;
}
.develop-data li .barbox span {
display: block;
width : 100%;
}
.develop-data li .barbox .bar {
background-color: #c1e0bf;
max-width : 76px;
margin : 0 auto;
}
.develop-data li .value {
margin-bottom: 8px;
}
.develop-data li:hover,
.develop-data li.cur {
color: #0ca001;
}
.develop-data li:hover .data-box .bar,
.develop-data li.cur .data-box .bar {
background-color: #0ca001;
}
.develop-data .data-box {
display : inline-block;
position: absolute;
bottom : -39px;
left : 10px;
right : 10px;
}
.develop-item {
display: none;
}
.develop-item:nth-child(1) {
display: block;
}
.develop-item .year {
display : inline-block;
vertical-align : top;
*display : inline;
*zoom : 1;
background-color : #0ca001;
color : #FFffff;
-webkit-border-radius: 5px;
border-radius : 5px;
background-image : url(../images/wqicon20.png);
background-repeat : no-repeat;
background-position : 15px center;
padding : 0 36px;
line-height : 38px;
font-family : Montserrat;
}
.develop-item .infor {
color : #808080;
padding: 15px 0;
}
.h17 {
height: 17px;
}
@media (min-width: 1024px) {
.development-min {
padding-left : 8.91667%;
padding-right: 10%;
}
.develop-index li span {
font-size: 18px;
}
.develop-box {
padding: 0 0 73px;
}
.develop-content {
padding: 15px 0 50px;
}
.develop-data {
padding: 0 0 0 30px;
}
.develop-data .data-box {
bottom: -52px;
}
.develop-data .data-box span {
font-size: 18px;
}
.develop-data li {
cursor: pointer;
}
.develop-data li .year {
font-size : 24px;
line-height: 26px;
margin : 26px 0 0;
}
.develop-data li .value {
margin: 0 0 13px 0;
}
.develop-item .year {
background-position: 20px center;
padding : 0 62px 0 45px;
font-size : 20px;
min-width : 202px;
}
.develop-item .infor {
font-size : 18px;
line-height: 30px;
padding : 33px 0;
}
}
.searchcont401 {
padding : 36px 0;
background-color: #ffffff;
}
.searchtitle401 {
padding : 28px 15px;
background-color: #f2f2f2;
}
.searchtitle401 span {
color: #0ca001;
}
.resultlist401 {
font-size: 13px;
padding : 3% 0;
}
.searchimg401 img {
display : block;
width : 100%;
margin-bottom: 2%;
}
.resultlist401 ul {
padding-bottom: 40px;
}
.resultlist401 li {
padding : 15px 0;
border-top : 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin-bottom: -1px;
}
.resultlist401 h4 {
font-size : 16px;
line-height : 24px;
margin-bottom: 3%;
}
.resultlist401 h4 em {
color : #da251d;
font-style: normal;
}
.resultlist401 h4 a {
display: block;
}
.resulttext401 {
overflow: hidden;
height : 72px;
color : #999;
}
.resultlabel401 {
color : #999;
display : inline-block;
padding-top: 30px;
}
.searchinputcont401 dt {
float: left;
width: 78%;
}
.searchinputcont401 dd {
float: left;
width: 22%;
}
.searchinputcont401 dt input {
width : 100%;
height : 40px;
line-height : 40px;
text-indent : 12px;
font-size : 15px;
color : #333333;
background-color: #ffffff;
font-family : "Microsoft YaHei";
}
.searchinputcont401 dd input {
width : 100%;
height : 40px;
line-height : 40px;
font-weight : bold;
color : #ffffff;
cursor : pointer;
background-color: #0ca001;
text-align : center;
font-family : "Microsoft YaHei";
}
.keywords {
color: #da251d;
}
@media (min-width: 768px) {
.searchtitle401 {
font-size: 24px;
}
.resultlist401 h4 {
font-size : 20px;
margin-bottom: 2%;
}
.searchimg401 {
float : left;
margin : 0 3% 0 0;
display : block;
width : 200px;
height : 150px;
overflow: hidden;
position: relative;
}
.searchimg401 img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
max-width : 100%;
width : auto;
}
}
@media (min-width: 992px) {
.searchinputcont401 {
width : 45%;
margin: 0 auto;
}
.searchinputcont401 dt input {
font-size: 18px;
}
.searchinputcont401 dd input {
font-size : 18px;
font-weight: bold;
}
}
@media (min-width: 1024px) {
.searchcont401 {
padding-top: 130px;
}
}
@charset "utf-8";
.title {
font-size: 16px;
}
/*首页*/
.indexbanner .media-cover {
position: relative;
overflow: hidden;
}
.indexbanner video {
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index : 2;
-o-object-fit: cover;
object-fit : cover;
}
.com-pcvisible {
display: none;
}
.com-mobhidden {
display: block;
}
@media (min-width: 1024px) {
.com-pcvisible {
display: block;
}
.com-mobhidden {
display: none;
}
}
.watch-btncon {
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
.watch-btncon span {
width : 30px;
height : 30px;
display : block;
background-image : url(../images/aboutvideobtn.png);
background-position: center center;
-o-background-size : cover;
background-size : cover;
margin : 0 auto;
}
.watch-btncon em {
color : #FFffff;
font-size: 12px;
}
.index-aboutus {
padding-top : 35px;
padding-bottom: 30px;
}
.inabout-left {
font-size: 14px;
color : #888888;
}
.about-bigtit {
color : #0ca001;
font-size : 24px;
line-height : 30px;
margin-bottom: 10px;
}
.about-smalltit {
color : #444444;
font-size : 18px;
margin-bottom: 10px;
}
.brnone br {
display: none;
}
.about-numlist {
padding-top : 25px;
font-size : 0;
line-height : 0;
padding-left: 6%;
}
.about-numlist li {
display : inline-block;
vertical-align: top;
width : 50%;
font-size : 14px;
line-height : 24px;
padding : 0 0 10px;
}
.about-numlist li .about-num {
color: #666;
}
.about-numlist li .about-num span {
font-size : 38px;
color : #4c4c4c;
line-height: 40px;
font-family: 'Montserrat';
}
.inabout-right {
margin-top: 10px;
padding : 25px 0 0;
position : relative;
width : 100%;
overflow : hidden;
cursor : pointer;
}
.inabout-right:before {
content : "";
position : absolute;
top : 0;
left : 3.5%;
width : 100%;
height : 100%;
background : url(../images/aboutbg.png) 0 0 no-repeat;
background-size: 95%;
z-index : -1;
}
.inabout-right .zoom {
position: relative;
}
.ovh {
overflow: hidden;
}
.video-dec {
position : absolute;
left : 12.44344%;
right : 0;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
z-index : 2;
color : #0ca001;
font-size : 15px;
}
.video-dec .video-btn {
float : left;
width : 40px;
height : 40px;
display : inline-block;
margin : 4px 10px 0 0;
background: url(../images/aboutvideobtn.png) center center no-repeat;
}
.index-newswrap {
background-color: #F2F2F2;
padding-top : 35px;
padding-bottom : 25px;
}
.m-title30 {
font-size : 20px;
text-align : center;
color : #0ca001;
line-height : 26px;
margin-bottom: 20px;
}
.nav-tab {
text-align : center;
font-size : 0;
line-height: 0;
}
.nav-tab a {
display : inline-block;
font-size : 16px;
max-width : 235px;
line-height : 40px;
width : 50%;
border : solid 1px #d9d9d9;
-webkit-transition: all .3s;
-o-transition : all .3s;
-moz-transition : all .3s;
transition : all .3s;
}
.nav-tab a.cur,
.nav-tab a:hover {
background : #0CA001;
color : #fff;
border-color: #0CA001;
}
.news-box {
padding-top: 20px;
display : none;
}
.index-newsleft {
padding: 0;
}
.index-newsleft a {
display : block;
background-color: #fff;
}
.index-newsleft a .zoom {
display : block;
overflow: hidden;
position: relative;
}
.index-newsleft a .zoom img {
display: block;
width : 100%;
}
.news-con {
padding : 24px 10px;
color : #929292;
line-height: 22px;
}
.news-con .rednews-tit {
font-size : 16px;
color : #4d4d4d;
margin-bottom : 5px;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
height : 24px;
line-height : 24px;
}
.news-con .rednews-dec {
display : -webkit-box;
height : 48px;
line-height : 24px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.index-newsright {
padding: 20px 0 0;
}
.index-newsright ul li {
padding-bottom: 15px;
margin-bottom : 15px;
border-bottom : 1px solid #E0E0E0;
}
.index-newsright ul li a {
display: block;
}
.index-newsright ul li:hover .news-date {
background-color: #0CA001;
color : #fff;
}
.index-newsright ul li:hover h3 {
color: #0CA001;
}
.news-date {
float : left;
width : 65px;
padding : 8px 0 6px;
background-color : #ffffff;
text-align : center;
font-size : 14px;
color : #999999;
font-family : 'Montserrat';
margin-right : 10px;
-webkit-transition: all .3s;
-o-transition : all .3s;
-moz-transition : all .3s;
transition : all .3s;
}
.news-date span {
font-size : 26px;
line-height : 30px;
margin-bottom: 14px;
}
.news-date em {
font-style: normal;
}
.news-bottom {
overflow : hidden;
padding-top: 5px;
}
.news-bottom h3 {
font-size : 16px;
color : #4d4d4d;
margin-bottom : 5px;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
height : 20px;
line-height : 20px;
}
.news-bottom p {
color : #929292;
display : -webkit-box;
height : 40px;
line-height : 20px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/*产业和研发*/
.m-dec {
text-align: center;
color : #808080;
}
.industry-wrap {
padding-top : 35px;
padding-bottom: 30px;
}
.industry-wrap .m-title30 {
margin-bottom: 10px;
}
.home-industry {
padding-top: 25px;
}
.home-industry li {
background-color: #e3e200;
color : #888888;
}
.home-industry li .industry-img {
display : block;
position: relative;
overflow: hidden;
}
.home-industry li .industry-img:before {
content : "";
display : block;
padding-bottom: 52.08333%;
}
.home-industry li .industry-img img {
position: absolute;
top : 0;
left : 0;
width : 100%;
display : block;
}
.home-industry li:nth-child(even) {
background-color: #7DB429;
color : #c2ec81;
}
.home-industry li:nth-child(even) .m-color6 {
color: #dafba6;
}
.home-industry li:nth-child(even) .rds-more {
border-color: #c5ea8d;
color : #c5ea8d;
}
.industry-con {
padding: 25px 10px;
}
.industry-con .incon-img {
margin-bottom: 10px;
}
.industry-con .incon-img img {
height: 40px;
}
.industry-con .m-color6 {
color : #666666;
font-size: 18px;
display : block;
}
.industry-con .rd-dec {
margin-top : 10px;
max-width : 430px;
display : -webkit-box;
height : 72px;
line-height : 24px;
-o-text-overflow : ellipsis;
text-overflow : ellipsis;
overflow : hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.rds-more {
margin-top : 10px;
width : 27px;
height : 27px;
display : inline-block;
border : 1px solid #666666;
-webkit-border-radius: 50%;
border-radius : 50%;
text-align : center;
line-height : 16px;
font-size : 20px;
}
.shortcut-enter {
padding-bottom: 30px;
color : #888888;
}
.wtalent .shortcut-con {
position: relative;
padding : 0px 30px 20px 35px;
}
.wtalent .shortcut-con:before,
.wtalent .shortcut-con:after {
content : "";
display : block;
width : 30px;
height : 22px;
position : absolute;
background-position: center center;
background-repeat : no-repeat;
-o-background-size : cover;
background-size : cover;
}
.wtalent .shortcut-con:before {
top : 0;
left : 0;
background-image: url(../images/wqpicon03.png);
}
.wtalent .shortcut-con:after {
bottom : 0;
right : 0;
background-image: url(../images/wqpicon04.png);
}
.shortcut-title {
color : #444444;
font-size : 16px;
margin-bottom: 15px;
}
.enter-title {
font-size : 18px;
color : #0ca001;
margin-bottom: 10px;
}
.m-line {
padding-bottom: 20px;
margin-bottom : 15px;
position : relative;
border-bottom : 1px solid #DFDFDF;
}
.wculture {
padding-bottom: 50px;
}
.wculture .shortcut-con {
padding-right: 45%;
}
.wcultureimg {
position: absolute;
right : 0;
bottom : 20px;
width : 40%;
z-index : -1;
}
.wcultureimg img {
max-width: 100%;
}
.wcontant {
padding-top: 15px;
font-size : 15px;
}
.wcontant dl dd {
padding: 0;
}
.wcontant dl dt {
padding: 20px 0 0;
}
.wcontant img {
max-width: 100%;
}
.tel-icon a {
color : #0ca001;
font-size : 24px;
font-family: 'Montserrat';
}
.m-dot {
position : absolute;
bottom : 0;
text-align: center;
z-index : 10;
left : 0;
right : 0;
}
.m-dot span {
display : inline-block;
margin : 0 5px;
width : 20px;
height : 20px;
-webkit-border-radius: 0;
border-radius : 0;
opacity : 1;
position : relative;
background : none;
cursor : pointer;
}
.m-dot span:before {
content : "";
position : absolute;
width : 100%;
height : 2px;
background: #fff;
display : block;
left : 0;
top : 50%;
}
.m-dot span.swiper-pagination-bullet-active:before {
background-color: #0CA001;
}
.recruitmentfloat {
display : none;
z-index : 110;
width : 100%;
position : fixed;
height : 100%;
background: rgba(0, 0, 0, 0.6);
left : 0px;
top : 0px;
}
.tianjiatvwrap {
width : 95%;
margin : 0 auto;
position : absolute;
top : 50%;
left : 2.5%;
margin-top: -125px;
}
.tianjiatvwrap .videobox {
height : 250px;
position: relative;
z-index : 1;
}
.recclosebtn {
display : block;
width : 25px;
height : 25px;
position: absolute;
right : 15px;
top : -5px;
cursor : pointer;
z-index : 100;
margin : -20px -20px 0 0;
z-index : 9;
}
.recclosebtn:before {
content : '';
position : absolute;
top : 10px;
width : 20px;
height : 2px;
background-color : #FFF;
-webkit-transform: rotate(-45deg);
-moz-transform : rotate(-45deg);
-ms-transform : rotate(-45deg);
-o-transform : rotate(-45deg);
transform : rotate(-45deg);
}
.recclosebtn:after {
content : '';
position : absolute;
top : 10px;
width : 20px;
height : 2px;
background-color : #FFF;
-webkit-transform: rotate(45deg);
-moz-transform : rotate(45deg);
-ms-transform : rotate(45deg);
-o-transform : rotate(45deg);
transform : rotate(45deg);
}
@media (min-width: 640px) {
.about-numlist {
padding: 10% 0 0;
}
.about-numlist li {
padding-right: 20px;
width : auto;
}
.brnone br {
display: block;
}
}
@media (min-width: 768px) {
.inabout-left {
width : 50%;
font-size: 15px;
padding : 150px 0 0 50px;
}
.inabout-right {
margin-top: 0;
padding : 30px 0 0;
width : 50%;
}
.m-line {
border-bottom: 0;
}
.wtalent {
padding-left : 0;
padding-right: 30px;
border-right : 1px solid #DCDCDC;
}
.wcontant {
border-top: 1px solid #DFDFDF;
}
.wculture {
padding: 0 0 100px 30px;
}
.wcontant {
padding-top: 35px;
font-size : 15px;
}
.wcontant dl dd {
padding: 20px 0 0;
}
.wcontant img {
max-width: 100%;
}
.tel-icon a {
font-size: 24px;
}
.tianjiatvwrap {
width : 660px;
left : 50%;
margin-left : -330px;
margin-top : 0;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
}
.tianjiatvwrap .videobox {
height: 400px;
}
}
@media (min-width: 992px) {
.index-newsright {
padding-left: 36px;
}
.index-newsleft {
width: 49.16667%;
}
.index-newsleft a .zoom {
overflow: hidden;
}
.index-newsleft a .zoom img {
-webkit-transition: transform ease 0.7s;
-moz-transition : transform ease 0.7s;
-o-transition : transform ease 0.7s;
-webkit-transition: -webkit-transform ease 0.7s;
transition : -webkit-transform ease 0.7s;
-o-transition : -o-transform ease 0.7s;
-moz-transition : transform ease 0.7s, -moz-transform ease 0.7s;
transition : transform ease 0.7s;
transition : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
}
.index-newsleft a .zoom:hover img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform : scale(1.03, 1.03);
-ms-transform : scale(1.03, 1.03);
-o-transform : scale(1.03, 1.03);
transform : scale(1.03, 1.03);
}
.index-newsleft a .zoom:before {
content : "";
display : block;
top : 0;
left : 0;
width : 100%;
padding-bottom: 250px;
}
.index-newsleft a .zoom img {
position: absolute;
top : 0;
left : 0;
}
.index-newsleft a:hover .news-con .rednews-tit {
color: #0ca001;
}
.news-con {
padding : 24px;
line-height: 22px;
}
.news-con .rednews-tit {
font-size : 18px;
margin-bottom: 10px;
}
.index-newsright {
width : 50.83333%;
padding: 0 0 0 36px;
}
.index-newsright ul li {
padding-bottom: 21px;
margin-bottom : 21px;
}
.index-newsright ul li:hover .news-date {
background-color: #0CA001;
color : #fff;
}
.index-newsright ul li:hover h3 {
color: #0CA001;
}
.news-date {
width : 85px;
padding : 15px 0 12px;
font-size : 16px;
margin-right: 20px;
}
.news-date span {
font-size : 39px;
line-height : 40px;
margin-bottom: 14px;
}
.news-bottom {
padding-top: 5px;
}
.news-bottom h3 {
margin-bottom : 10px;
white-space : nowrap;
-o-text-overflow: ellipsis;
text-overflow : ellipsis;
overflow : hidden;
height : 24px;
line-height : 24px;
}
/*产业和研发*/
.industry-wrap {
padding-top : 80px;
padding-bottom: 65px;
}
.industry-wrap .m-title30 {
margin-bottom: 10px;
}
.home-industry {
padding-top: 45px;
}
.home-industry li:nth-child(even) .industry-img {
float: right;
}
.industry-con {
position : relative;
padding-top : 0;
padding-bottom: 0;
padding-left : 20px;
padding-right : 20px;
}
.m-position {
position : absolute;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
padding : 20px 0;
}
.shortcut-enter {
padding-bottom: 90px;
}
.wtalent {
padding: 0 40px 0 0;
}
.wtalent .shortcut-con {
padding: 15px 74px 50px 78px;
}
.wtalent .shortcut-con:before,
.wtalent .shortcut-con:after {
width : 50px;
height: 37px;
}
.shortcut-title {
font-size : 20px;
margin-bottom: 25px;
}
.enter-title {
font-size : 24px;
margin-bottom: 25px;
}
.m-line {
padding-bottom: 20px;
margin-bottom : 35px;
}
.wculture {
padding-left: 60px;
}
.wcultureimg {
bottom: 0;
top : 54px;
}
.wcontant {
padding-top: 35px;
font-size : 15px;
}
.wcontant dl dd {
padding-top: 50px;
}
.m-dot {
bottom: 20px;
}
.m-dot span {
width: 30px;
}
.m-dot span:before {
height: 5px;
}
}
@media (min-width: 1024px) {
/*首页*/
.index-aboutus {
padding-top : 84px;
padding-bottom: 80px;
}
.about-bigtit {
font-size : 30px;
line-height : 30px;
margin-bottom: 30px;
}
.about-smalltit {
font-size : 20px;
margin-bottom: 30px;
}
.about-numlist {
padding-top: 75px;
}
.about-numlist li {
padding-right: 5%;
}
.about-numlist li .about-num span {
font-size : 50px;
line-height: 60px;
}
.inabout-right .zoom {
overflow: hidden;
}
.inabout-right .zoom img {
width : 100%;
-webkit-transition: transform ease 0.7s;
-moz-transition : transform ease 0.7s;
-o-transition : transform ease 0.7s;
-webkit-transition: -webkit-transform ease 0.7s;
transition : -webkit-transform ease 0.7s;
-o-transition : -o-transform ease 0.7s;
-moz-transition : transform ease 0.7s, -moz-transform ease 0.7s;
transition : transform ease 0.7s;
transition : transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s;
}
.inabout-right .zoom:hover img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform : scale(1.03, 1.03);
-ms-transform : scale(1.03, 1.03);
-o-transform : scale(1.03, 1.03);
transform : scale(1.03, 1.03);
}
.index-newswrap {
background-color: #F2F2F2;
padding-top : 70px;
padding-bottom : 89px;
}
.m-title30 {
font-size : 30px;
text-align : center;
color : #0ca001;
line-height : 30px;
margin-bottom: 45px;
}
.nav-tab {
text-align : center;
font-size : 0;
line-height: 0;
}
.nav-tab a {
display : inline-block;
font-size : 18px;
max-width : 235px;
line-height : 47px;
width : 50%;
border : solid 1px #d9d9d9;
-webkit-transition: all .3s;
-o-transition : all .3s;
-moz-transition : all .3s;
transition : all .3s;
}
.nav-tab a.cur,
.nav-tab a:hover {
background : #0CA001;
color : #fff;
border-color: #0CA001;
}
.news-box {
padding-top: 50px;
}
.industry-wrap {
padding-top : 80px;
padding-bottom: 65px;
}
.home-industry {
padding-top: 45px;
}
.tianjiatvwrap {
width : 700px;
margin-left: -350px;
}
.tianjiatvwrap .videobox {
height: 400px;
}
}
@media (min-width: 1200px) {
.about-numlist li {
padding-right: 8%;
}
.index-newsleft a .zoom:before {
padding-bottom: 310px;
}
.index-newsright ul li {
padding-bottom: 32px;
margin-bottom : 32px;
}
.news-bottom p {
line-height: 24px;
height : 48px;
}
/*产业和研发*/
.home-industry li:nth-child(even) .industry-con {
padding: 0 40px 0 0;
}
.industry-con {
padding: 0 0 0 40px;
}
.industry-con .incon-img {
margin-bottom: 20px;
}
.industry-con .incon-img img {
height: 51px;
}
.industry-con .m-color6 {
font-size: 20px;
}
.industry-con .rd-dec {
margin-top: 30px;
font-size : 15px;
}
.rds-more {
margin-top : 30px;
-webkit-transition: all .3s;
-o-transition : all .3s;
-moz-transition : all .3s;
transition : all .3s;
}
.rds-more:hover {
background : #0CA001;
color : #fff;
border-color: #0CA001;
}
}
@media (min-width: 1366px) {
.tianjiatvwrap {
width : 1000px;
margin-left: -500px;
}
.tianjiatvwrap .videobox {
height: 600px;
}
}
@media (min-width: 1920px) {
.industry-con {
padding: 0 0 0 90px;
}
.home-industry li:nth-child(even) .industry-con {
padding: 0 90px 0 0;
}
}
/*2019.3.14*/
.BMap_Marker img {
width : auto !important;
max-width: none !important;
}
.BMap_shadow img,
.BMap_pop img {
max-width: none !important;
}
/*2019.3.26*/
.sm-fixslide {
display: none !important;
}
.wqcontactnew {
padding: 10px 0 0;
}
@media(min-width:768px) {
.wqcontactnew {
padding: 40px 0 0;
}
}
@media(min-width:1024px) {
.map-items {
position : relative;
padding-right: 210px;
}
.wqcontactnew {
position: absolute;
right : 0;
top : 0;
padding : 13px 0 0;
width : 210px;
}
.wqcontactnew h3 {
padding: 0 0 12px;
color : #ff0000;
}
}
@media(min-width:1366px) {
.wqcontactnew {
width: 250px;
}
}
/*2019.3.26*/
.rationmetlist li {
margin: 0 0 15px;
color : #868686;
}
.rationmetlist li .content {
border : 1px solid #E5E5E5;
padding: 10px;
}
.rationmetlist li h3 {
color : #333333;
font-size: 16px;
padding : 0 0 10px;
position : relative;
}
.rationmetlist li h3:after {
content : "";
display : block;
width : 30px;
height : 3px;
background-color: #0ca001;
margin : 6px 0 0;
}
.rationmetlist li a {
color: #868686;
}
@media (min-width: 768px) {
.mainnav {
display: block;
}
.rationmetlist {
padding: 0 0 40px;
}
.rationmetlist ul {
margin: 0 -10px;
}
.rationmetlist li {
padding: 0 10px;
}
.rationmetlist li .content {
padding: 30px;
}
.rationmetlist li h3 {
font-size: 18px;
padding : 0 0 15px;
}
.rationmetlist li h3:after {
margin: 15px 0 0;
}
}
/* 2019.7.11 */
.openweb-close {
position : absolute;
width : 40px;
height : 40px;
top : -45px;
right : 0;
background-size: 18px auto;
}
.openweb-close:before {
content : '';
position : absolute;
top : 20px;
left : 9px;
width : 20px;
height : 2px;
background-color : #FFF;
-webkit-transform: rotate(-45deg);
-ms-transform : rotate(-45deg);
-moz-transform : rotate(-45deg);
-o-transform : rotate(-45deg);
transform : rotate(-45deg);
}
.openweb-close:after {
content : '';
position : absolute;
top : 20px;
left : 9px;
width : 20px;
height : 2px;
background-color : #FFF;
-webkit-transform: rotate(45deg);
-ms-transform : rotate(45deg);
-moz-transform : rotate(45deg);
-o-transform : rotate(45deg);
transform : rotate(45deg);
}
.thumb-container {
width : 100%;
position: relative;
}
.thumb-wrapper {
width : 100%;
position: relative;
}
.thumb-swiper {
width : 100%;
overflow: hidden;
position: relative;
z-index : 22;
}
.thumb-swiper ul li {
width : 100%;
height : auto;
overflow: hidden;
}
.thumb-swiper ul li::before {
content : '';
display : block;
width : 100%;
padding-bottom: 63.15789%;
}
.thumb-swiper ul li img {
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
height : 100%;
}
.thumb-switch-prev,
.thumb-switch-next {
display: none;
}
.thumb-pagination {
display : none;
position : absolute;
bottom : 18px;
left : 0;
width : 100%;
line-height: normal;
font-size : 0;
text-align : center;
z-index : 24;
}
.thumb-pagination span {
display : inline-block;
vertical-align : top;
width : 8px;
height : 8px;
background-color : #fff;
-webkit-border-radius: 50%;
border-radius : 50%;
margin : 0 4px;
cursor : pointer;
}
.thumb-pagination span.swiper-pagination-bullet-active {
background-color: #dab866;
}
.thumb-loading {
color : #fff;
font-size : 14px;
position : absolute;
top : 50%;
left : 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform : translate(-50%, -50%);
-ms-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
z-index : 1;
}
@media (min-width: 768px) {
.openweb-close {
top : -40px;
right: -60px;
}
}
@media (min-width:1024px) {
.thumb-wrapper {}
.thumb-switch-prev,
.thumb-switch-next {
display : block;
position : absolute;
width : 80px;
height : 80px;
cursor : pointer;
position : absolute;
z-index : 199;
text-align : center;
line-height: 80px;
top : 50%;
margin-top : -40px;
}
.thumb-switch-prev:after,
.thumb-switch-next:after {
content : '';
width : 42px;
height : 42px;
border : 2px solid #fff;
border-right : none;
border-bottom : none;
-webkit-transition: all 0.3s;
-o-transition : all 0.3s;
-moz-transition : all 0.3s;
transition : all 0.3s;
display : inline-block;
vertical-align : middle;
}
.thumb-switch-prev:hover::after,
.thumb-switch-next:hover::after {
border-color: #0ca001;
}
.thumb-switch-prev.swiper-button-disabled,
.thumb-switch-next.swiper-button-disabled {
cursor: default;
}
.thumb-switch-prev {
left: -80px;
}
.thumb-switch-prev:after {
-webkit-transform: rotate(-45deg);
-moz-transform : rotate(-45deg);
-ms-transform : rotate(-45deg);
-o-transform : rotate(-45deg);
transform : rotate(-45deg);
}
.thumb-switch-next {
right: -80px;
}
.thumb-switch-next:after {
-webkit-transform: rotate(135deg);
-moz-transform : rotate(135deg);
-ms-transform : rotate(135deg);
-o-transform : rotate(135deg);
transform : rotate(135deg);
}
.thumb-pagination {
bottom: 4%;
}
.thumb-pagination span {
width : 10px;
height: 10px;
}
}
@media (min-width:1260pxx) {
.thumb-wrapper {
padding: 30px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.quoted-modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
-webkit-overflow-scrolling: touch;
outline : 0;
overflow-x : hidden;
overflow-y : auto;
width : 100%;
height : 100%;
display : none;
}
.quoted-modal.fade .quoted-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition : -webkit-transform 0.3s ease-out;
-o-transition : -o-transform 0.3s ease-out;
-moz-transition : transform 0.3s ease-out, -moz-transform 0.3s ease-out;
transition : transform 0.3s ease-out;
transition : transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
-webkit-transform : translate(0, -25%);
-moz-transform : translate(0, -25%);
-ms-transform : translate(0, -25%);
-o-transform : translate(0, -25%);
transform : translate(0, -25%);
}
.quoted-modal.in .quoted-dialog {
-webkit-transform: translate(0, 0);
-moz-transform : translate(0, 0);
-ms-transform : translate(0, 0);
-o-transform : translate(0, 0);
transform : translate(0, 0);
}
.quoted-dialog {
position: relative;
margin : 80px 15px 40px;
}
.quoted-modal-bg {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1040;
background-color : #000000;
display : none;
-webkit-transition: all 0.3s;
-o-transition : all 0.3s;
-moz-transition : all 0.3s;
transition : all 0.3s;
}
.quoted-modal-bg.fade {
opacity: 0;
filter : alpha(opacity=0);
}
.quoted-modal-bg.in {
opacity: 0.5;
filter : alpha(opacity=50);
}
.modal-scrollbar {
width : 100px;
height : 100px;
background-color: #0ca001;
overflow : scroll;
position : absolute;
top : -1000px;
left : -1000px;
}
.modal-open {
overflow: hidden;
}
@media (min-width: 768px) {
.quoted-dialog {
max-width : 605px;
margin-left : auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
.quoted-dialog {
margin-top: 110px;
}
.thumb-popup .quoted-dialog {
max-width: 820px;
}
}
@media (min-width: 1260px) {
.thumb-popup .quoted-dialog {
max-width: 1000px;
}
}
/* 2019.7.16 */
.more-btn {
display : block;
background-color : #0ca001;
background-position: center center;
background-repeat : no-repeat;
-o-background-size : 24px;
background-size : 24px;
line-height : 36px;
-webkit-transition : all .3s;
-o-transition : all .3s;
-moz-transition : all .3s;
transition : all .3s;
text-align : center;
color : #fff;
}
/* .pagination { display: none; } */
.more-btn {
display: none !important;
}
.pagination {
display : block;
text-align: center;
}
.laypage_main {
display : inline-block;
vertical-align: top;
}
.pagination .laypage_main .laypage_curr {
background-color: #0ca001;
}
.pagination .laypage_main a,
.pagination .laypage_main input,
.pagination .laypage_main span {
width : 36px;
height : 36px;
display : inline-block;
background-color: #fff !important;
line-height : 36px;
text-align : center;
font-size : 15px;
border : 1px solid #d8d8d8;
}
.pagination .laypageskin_molv .laypage_curr {
background-color: #0ca001 !important;
border-color : #0ca001;
}
.laypageskin_molv .laypage_prev,
.laypageskin_molv .laypage_next {
position : relative;
text-align: center;
}
.laypageskin_molv .laypage_prev:after,
.laypageskin_molv .laypage_next:after {
content : '';
width : 8px;
height : 8px;
border : 2px solid #919191;
border-top : none;
border-right : none;
display : inline-block;
*display : inline;
*zoom : 1;
vertical-align: middle;
}
.laypageskin_molv .laypage_prev:after {
-webkit-transform: rotate(45deg);
-moz-transform : rotate(45deg);
-ms-transform : rotate(45deg);
-o-transform : rotate(45deg);
transform : rotate(45deg);
margin-left : 3px;
}
.laypageskin_molv .laypage_next:after {
-webkit-transform: rotate(-135deg);
-moz-transform : rotate(-135deg);
-ms-transform : rotate(-135deg);
-o-transform : rotate(-135deg);
transform : rotate(-135deg);
margin-left : 0px;
}