body,html,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {
margin:0;
padding:0;
}
body,button,input,select,textarea {
font:15px/1 'Microsoft YaHei','\5fae\8f6f\96c5\9ed1','\5b8b\4f53',sans-serif;
color:#323232;
}
address,cite,dfn,em,var,i {
font-style:normal;
}
code,kbd,pre,samp,tt {
font-family:'Courier New',Courier,monospace;
}
b {
font-weight:normal;
}
ul,ol {
list-style:none;
}
a {
text-decoration:none;
color:inherit;
}
a:hover,a:link,a:visited {
cursor:pointer;
text-decoration:none;
color:inherit;
}
fieldset,img {
border:none;
}
button,input,select,textarea {
font-size:100%;
}
input:focus {
outline:none;
}
table {
border-spacing:0;
border-collapse:collapse;
}
.pr {
position:relative;
}
.pa {
position:absolute;
}
.fl {
float:left;
}
.fr {
float:right;
}
dt,dd {
float:left;
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
display:none;
}
.navbar-collapse {
padding:0;
}
@keyframes footShow {
from {
height:5px;
}
to {
height:130px;
}
}@-webkit-keyframes footShow {
from {
height:5px;
}
to {
height:130px;
}
}@keyframes footHide {
from {
height:130px;
}
to {
height:5px;
}
}@-webkit-keyframes footHide {
from {
height:130px;
}
to {
height:5px;
}
}@keyframes footIconDeg {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(180deg);
}
}@-webkit-keyframes footIconDeg {
0% {
transform:rotate(0deg);
}
100% {
transform:rotate(180deg);
}
}@keyframes footIconDegBack {
0% {
transform:rotate(180deg);
}
100% {
transform:rotate(0deg);
}
}@-webkit-keyframes footIconDegBack {
0% {
transform:rotate(180deg);
}
100% {
transform:rotate(0deg);
}
}video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width:calc(100% + 30px);
}
#header {
position:fixed;
z-index:1000;
top:0;
width:100%;
height:70px;
background:#fff;
box-shadow:0px 3px 10px #eee;
}
.logo {
top:-10px;
left:calc( 50% - 42px);
width:84px;
}
.logo img {
width:100%;
margin-top:10px;
}
.header {
width:100%;
height:70px;
}
nav .navbar-toggle span {
background:#000;
}
.header .navbar-collapse {
width:100%;
margin-top:56px;
background:#fff;
}
.navbar-toggle {
margin:20px 0 13px 0;
}
.header .navbar-collapse {
width:135px;
}
.navbar-nav {
width:135px;
margin:0;
}
.nav_line {
display:none;
width:135px;
}
.navbar-collapse.in {
overflow:hidden;
}
.navbar-toggle {
float:left;
}
.nav > li > a:hover,.nav > li > a:focus {
color:#fff;
background:#ea5529;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.language {
margin-top:24px;
padding-right:10px;
padding-left:10px;
}
.nav_Rline {
display:none;
width:120px;
}
.dropdown-menu {
border:none;
box-shadow:none;
border-radius:0px;
margin-top:0;
}
.language:hover .dropdown0 {
display:block;
}
.language:hover .nav_Rline {
z-index:1001;
top:39px;
right:0;
left:auto;
display:block;
width:120px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.dropdown-menu.dropdown0 {
top:22px;
right:0;
left:auto;
min-width:120px;
padding-top:33px;
}
.dropdown-menu.dropdown0 > li {
width:120px;
padding:0 15px;
}
.dropdown-menu.dropdown0 > li > a {
padding:12px 10px;
}
.dropdown0 li img {
width:26px;
}
.dropdown0 > li:hover a,.dropdown0 > li:focus a {
background:none;
color:#fff;
}
.dropdown0 > li:hover,.dropdown0 > li:focus {
color:#fff;
background:#ea5529;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.dropdown-menu .space a {
letter-spacing:-1px;
}
.compareLine {
color:#ea5529;
}
.freetel{
display: none;
}
@media (min-width:768px) {
#header {
height:140px;
}
.logo {
top: 20px;
left:10%;
width:115px;
}
.header {
margin:90px auto 0;
width:80%;
max-width:1440px;
height:50px;
}
.header nav .bodor-nav-box > .nav {
display:flex;
flex-direction:row;
width:600px;
height:50px;
justify-content:flex-start;
clear:both;
}
#header .navBox li {
width:96px;
}
#header .navBox li .hoverTop {
display:inline-block;
}
#header .navBox li .dropmenu li {
width:100%;
}
#header .navBox li .dropmenu li a {
display:block;
}
#header .header .nav-center {
width:384px;
line-height:40px;
height:40px;
margin:0 auto;
font-size:16px;
}
.header .navbar-collapse {
margin-top:0px;
width:384px;
}
.language {
margin-top: 11px;
}
.nav>li>a {
padding:10px 0;
}
.dropmenu {
width:160px;
border-radius:0?
}
.dropmenu>li>a {
padding:10px 12px;
}
.nav > li:hover .hoverTop,.nav > li:focus .hoverTop {
border-top:2px solid #ea5529;
background:transparent;
color:#444;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.nav > li:hover .nav_line,.nav > li:focus .nav_line {
display:block;
width:160px;
top:44px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.nav > li:hover .dropmenu,.nav > li:focus .dropmenu {
display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.dropmenu>li>a:hover,.dropmenu>li>a:focus {
background:#ea5529;
color:#fff;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.language:hover .nav_Rline {
top:34px;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.freetel{
display: block;
top: 40px;
right:calc(10% + 10px);
font-size: 16px;
}
.freetel span{
color: #ea5529;
font-weight: 800;
}
}
@media (min-width:960px) {
.compareLinePC{
margin-right: 22px;
}
}
@media (min-width:1280px) {
#header {
height:100px;
}
.header{
margin: 50px auto;
}
.logo {
top:0px;
}
.nav-center{
padding-left: 140px;
}
.freetel{
top: 26px;
}
}
@media (min-width:1800px) {
.logo {
left: calc( 50% - 720px);
}
.freetel{
right: calc( 50% - 710px);
}
}
.blackLayer {
width:100%;
overflow:hidden;
z-index:399;
position:absolute;
left:0;
background-color:rgba(0,0,0,0.6);
top:70px;
display:none;
}
@media (min-width:768px) {
.blackLayer {
top:100px;
}
}
@media (min-width:1600px) {
.blackLayer {
top:90px;
}
}
.banner .carousel-indicators li {
background-color:#eee;
border:1px solid #eee;
}
.allBox {
overflow:hidden;
width:100%;
margin-top:70px;
}
#banner {
overflow:hidden;
width:100%;
}
.banner {
width:100%;
}
.b_video {
display:none;
}
.carousel-inner>.item>img {
max-width:100%;
margin-left:0%;
}
.leader {
top:10%;
padding:0 10%;
color:#fff;
}
.leader p {
font-size:18px;
font-weight:800;
line-height:1.5;
letter-spacing:2px;
}
.leader i {
font-size:14px;
font-style:italic;
line-height:1.5;
display:block;
}
.moreDetail {
font-size:16px;
line-height:36px;
width:120px;
height:36px;
margin-top:10px;
text-align:center;
background:#ea5529;
}
.moreDetail a {
display:block;
width:120px;
height:36px;
}
.moreDetail img {
width:16px;
margin-top:14px;
margin-left:4px;
}
#banner .moreDetail:hover {
color:#ea5529;
background:#ccc;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.animate {
font-size:16px;
top:16px;
right:16px;
color:#fff;
cursor:pointer;
}
.compareLinePC {
display:none;
color:#ea5529;
}
@media (min-width:540px) {
.leader {
top:15%;
}
}@media (min-width:640px) {
.carousel-inner>.item>img {
width:100%;
margin-left:0;
}
.banner {
display:none;
}
.b_video {
display:block;
}
}@media (min-width:768px) {
.allBox {
margin-top:140px;
}
.leader p {
font-size:26px;
letter-spacing:4px;
}
.moreDetail {
margin-top:30px;
}
.leader i {
margin-top:6px;
}
.nav .compareLine {
display:none;
}
.compareLinePC{
display:block;
padding:11px 4px;
}
.compareLinePC img {
width:16px;
margin-right:4px;
}
.compareLinePC a,.yuyan {
font-size:16px;
display:block;
}
.yuyan img {
width:18px;
margin-right:4px;
}
.compareLinePC:hover .compareLinePCdropmenu,.compareLinePC:hover .nav_line {
display:block;
}
.compareLinePCdropmenu {
overflow:hidden;
padding-top:18px;
}
.compareLinePCdropmenu a {
font-size:14px;
}
.compareLinePC .nav_line {
width:160px;
top:44px;
z-index:9999;
left:-1px;
}
}@media (min-width:1080px) {
.leader p {
font-size:32px;
letter-spacing:6px;
}
.moreDetail {
line-height:40px;
width:140px;
height:40px;
margin-top:40px;
}
.moreDetail a {
display:block;
line-height:40px;
width:140px;
height:40px;
}
.moreDetail img {
margin-top:16px;
}
.leader i {
margin-top:10px;
}
}
@media (min-width:1280px) {
.allBox {
margin-top:90px;
}
}
#content {
overflow:hidden;
width:100%;
}
.content1 {
overflow:hidden;
width:90%;
margin:0px 5% 40px;
}
.content1 li {
padding:0;
}
.content1 li img {
width:100%;
}
.content1 li img:hover {
overflow:hidden;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.classfy h3 {
font-size:16px;
line-height:1.5;
text-align:center;
}
.classfyList {
margin-top:10px;
overflow:hidden;
}
.classfyList li {
margin-bottom:20px;
}
.classfyList li p {
font-size:15px;
line-height:2;
text-align:center;
margin-top:10px;
}
.classfyList li p span {
color:#ea5529;
}
.BodorGenius {
width:100%;
overflow:hidden;
padding:55px 0;
}
.BodorGenius h3,.BodorGenius h4 {
font-size:18px;
text-align:center;
line-height:1.5;
letter-spacing:2px;
}
.BodorGenius h4 {
font-weight:900;
}
.BodorGenius h4 span {
color:#ea5529;
}
.bgBox {
width:100%;
max-width:1000px;
margin:0 auto;
}
.bgBox img {
display:block;
width:40%;
max-width:350px;
margin:20px auto 0;
}
.BG1 {
top:58%;
right:60%;
}
.BG1 h4 {
letter-spacing:0;
font-size:14px;
text-align:right;
}
.BG1 p {
font-size:12px;
text-align:right;
line-height:1.5;
}
.BG2 p,.BG3 p {
font-size:12px;
text-align:left;
line-height:1.5;
}
.BG2 h4,.BG3 h4 {
letter-spacing:0;
font-size:14px;
text-align:left;
}
.BG2 {
top:16%;
left:60%;
}
.BG3 {
top:88%;
left:55%;
}
.blackTri {
width:26px;
height:16px;
margin:70px auto 0;
text-align:center;
}
.black {
top:0;
left:0;
}
.orange {
display:none;
}
.blackTri:hover .black {
display:none;
}
.blackTri:hover .orange {
display:block;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.BG1:hover,.BG2:hover,.BG3:hover {
color:#ea5529;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
#videoBox {
width:100%;
overflow:hidden;
padding:40px 5%;
background:url(../Images/videobg.jpg) no-repeat;
background-size: cover;
}
.video {
width:100%;
box-shadow:0px 3px 12px 3px #aaa;
-moz-box-shadow:0px 3px 12px 3px #aaa;
-webkit-box-shadow:0px 3px 12px 3px #aaa;
}
.videoWord {
margin-top:20px;
}
.videoWord h3 {
font-size:16px;
font-weight:800;
line-height:1.5;
}
.videoWord p {
font-size:15px;
line-height:1.5;
}
.videoBox {
width:100%;
overflow:hidden;
max-width:1440px;
margin:0 auto;
padding:10px;
}
.videoBox .moreDetail {
margin:20px auto;
color:#fff;
}
.videoWord:hover h3,.videoWord:hover p {
color:#ea5529;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.technology .carousel-indicators li{
border: 1px solid #ea5529;
}
.technology a{
display: block;
width: 100%;
}
.technology a img{
display: block;
width: 100%;
}
@media (min-width:450px) {
.content1 {
overflow:hidden;
width:80%;
margin:0px 10% 40px;
}
.BodorGenius {
padding:40px 0;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
font-size:16px;
}
.BG1 p,.BG2 p,.BG3 p {
font-size:14px;
}
.videoWord h3 {
font-size:18px;
}
}@media (min-width:540px) {
.carousel-inner>.item>.ironBg {
width:120%;
margin-left:-10%;
}
.BG1 {
right:65%;
}
.BG2 {
left:65%;
}
.BG3 {
left:60%;
}
.beamWord {
padding-left:20%;
}
.BG1 p,.BG2 p,.BG3 p {
font-size:15px;
}
}@media (min-width:640px) {
.carousel-inner>.item>.ironBg {
width:100%;
margin-left:0;
}
.BG1 {
right:68%;
}
.BG2 {
left:67%;
}
.BG3 {
left:63%;
}
}@media (min-width:768px) {
.classfyList li {
padding:0 10px;
}
.classfy h3 {
font-size:18px;
}
.classfyList li p {
font-size:16px;
line-height:1.5;
}
.content1 {
margin:0px 10% 70px;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
font-size:18px;
}
.BG1 p,.BG2 p,.BG3 p {
font-size:16px;
}
#videoBox {
padding:70px 10%;
}
.video {
float:left;
width:60%;
}
.videoWord {
float:left;
width:40%;
padding-left:5%;
/* margin-top:20px; */
}
.videoWord h3 {
font-size:18px;
}
.videoWord p {
font-size:16px;
margin-top:8px;
}
.videoBox .moreDetail {
margin-left:0;
margin-top:30px;
}
}@media (min-width:960px) {
.BodorGenius h3,.BodorGenius h4 {
font-size:20px;
}
.BG1 h4,.BG2 h4,.BG3 h4 {
font-size:18px;
}
.BG1 p,.BG2 p,.BG3 p {
font-size:16px;
}
.video {
float:left;
width:50%;
/* margin-top:20px;
margin-bottom:20px; */
}
.videoWord {
float:left;
width:50%;
padding-left:5%;
/* margin-top:70px; */
}
}@media (min-width:1200px) {
.content1 {
width:80%;
max-width:1440px;
margin:0px auto 0px;
}
/* .video {
margin-top:50px;
margin-bottom:50px;
} */
.videoWord {
/* margin-top:120px; */
padding-left:8%;
}
.videoWord h3 {
font-size:22px;
}
.videoWord p {
font-size:16px;
margin-top:8px;
}
}@media (min-width:1440px) {
.videoWord {
/* margin-top:140px; */
}
}
.content30 {
width:100%;
overflow:hidden;
padding:30px 10%;
background:url(../Images/company.jpg) no-repeat;
background-size:cover;
}
.content30 ul {
width:100%;
overflow:hidden;
margin-top:20px;
}
.content30 ul li img {
width:100%;
}
.m_aboutTitle h3 {
color:#fff;
font-size:16px;
text-align:center;
line-height:1.5;
}
.m_cultureBg {
overflow:hidden;
background:#555;
color:#fff;
}
.m_companyBg {
overflow:hidden;
}
.m_cultureBg p,.m_companyBg p {
line-height:1.5;
color:#fff;
}
.content30 .col-xs-6 {
padding:5px;
}
.tri {
margin-bottom:10px;
}
.content31 {
display:none;
}
.m_culWord {
top:10px;
left:10px;
font-size:14px;
}
.m_culEn {
top:30px;
left:10px;
font-size:12px;
}
.m_comWord {
top:10px;
right:10px;
font-size:14px;
text-align:right;
}
.m_comEn {
top:30px;
right:10px;
font-size:12px;
text-align:right;
}
.m_culImg,.m_comImg {
display:none;
}
.content31 li {
overflow:hidden;
}
.content31 li:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.content4 {
width:100%;
overflow:hidden;
padding:40px 10%;
background:#fbfbfb;
}
.cTitle h3 {
font-size:16px;
text-align:center;
line-height:1.5;
}
.cTitle h4 {
font-size:16px;
text-align:center;
line-height:1.5;
}
.newList {
width:100%;
overflow:hidden;
margin-top:20px;
}
.newList li {
padding:5px;
}
.time {
font-size:15px;
line-height:2;
}
.newList li h4 {
font-size:15px;
line-height:1.8;
font-weight:600;
height:55px;
}
.mainCon {
font-size:15px;
line-height:1.5;
}
.newBox {
width:100%;
height:210px;
margin:0 2px;
padding:15px;
background:#fff;
}
.newBox a {
font-size:14px;
}
.content5 {
width:100%;
overflow:hidden;
}
.content5 li img {
width:100%;
}
.content5 li {
overflow:hidden;
}
.content31 li:hover p {
color:#ea5529;
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.content5 li:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.content5 .col-xs-12,.content5 .col-sm-6 {
padding:0;
}
.dyWord {
font-size:18px;
top:calc(50% - 50px);
left:calc(50% - 40px);
}
.dyEn {
font-size:16px;
top:calc(50% - 20px);
left:calc(50% - 80px);
}
.dyMore {
width:100px;
height:36px;
line-height:36px;
background:#ea5529;
color:#fff;
font-size:16px;
text-align:center;
top:calc(50% + 10px);
left:calc(50% - 52px);
}
.dyMore a {
display:block;
width:100px;
height:36px;
}
.culTitle a {
display:block;
}
.newBox:hover {
border:1px solid #ea5529;
background:none;
}
@media (min-width:540px) {
.content30 ul li .m_culImg,.content30 ul li .m_comImg {
display:block;
width:20px;
top:50px;
}
.m_culWord {
top:20px;
left:10px;
font-size:14px;
}
.m_culEn {
top:45px;
left:10px;
font-size:12px;
}
.content30 ul li .m_culImg {
top:70px;
left:10px;
}
.m_comWord {
top:50px;
right:10px;
font-size:14px;
text-align:right;
}
.m_comEn {
top:75px;
right:10px;
font-size:12px;
text-align:right;
}
.content30 ul li .m_comImg {
top:100px;
right:10px;
}
.newList .col-xs-12 {
/* width:50%; */
}
}@media (min-width:768px) {
.content30 {
display:none;
}
.content31 {
display:block;
width:100%;
padding:70px 10%;
color:#fff;
overflow:hidden;
background:url(../Images/company.jpg) no-repeat;
background-size:cover;
}
.cContent31 {
width:100%;
max-width:1440px;
overflow:hidden;
margin:0 auto;
}
.content31 .col-sm-3 {
padding:0;
}
.content31 li img {
width:100%;
}
.aboutTitle h3 {
font-size:16px;
top:0;
left:0;
}
.aboutTitle h4 {
font-size:16px;
top:30px;
left:0;
}
.aboutTitle p {
width:28px;
height:0px;
border:1px solid #fff;
left:0;
top:70px;
}
.culTitle {
background:#fff;
color:#333;
}
.culWord {
top:20px;
left:15px;
font-size:14px;
}
.culEn {
top:40px;
left:15px;
font-size:12px;
line-height:1.5;
}
.culMore {
background:#ea5529;
}
.culMore a {
top:calc(50% - 10px);
left:calc(50% - 40px);
font-size:16px;
}
.culImg {
display:none;
}
.culMore a img {
width:24px;
top:calc(50% - 6px);
left:calc(50% + 36px);
}
.cTitle h3 {
font-size:18px;
}
.content4 {
padding:70px 0;
}
.cContent4 {
width:80%;
max-width:1440px;
margin:0 auto;
}
.dyWord {
font-size:22px;
}
.dyEn {
font-size:20px;
top:calc(50% - 20px);
left:calc(50% - 90px);
}
.dyMore {
font-size:16px;
text-align:center;
top:calc(50% + 20px);
left:calc(50% - 46px);
}
.cTitle h3 {
text-align:left;
}
.cTitle h4 {
text-align:left;
}
}@media (min-width:880px) {
.content31 li .culImg {
display:block;
width:20px;
top:70px;
left:15px;
}
}@media (min-width:1080px) {
.aboutTitle h3,.aboutTitle h4 {
font-size:18px;
}
.culWord {
font-size:16px;
top:40px;
}
.culEn {
font-size:14px;
top:60px;
}
.content31 li .culImg {
display:block;
width:20px;
top:90px;
left:15px;
}
.culMore a {
font-size:18px;
left:calc(50% - 40px);
}
.culMore a img {
width:24px;
top:calc(50% - 6px);
left:calc(50% + 40px);
}
.newList .col-md-3 {
width:25%;
}
.newBox {
width:100%;
height:220px;
}
}@media (min-width:1200px) {
.time {
font-size:15px;
}
.newList li h4 {
font-size:15px;
}
.mainCon {
font-size:15px;
}
.content31 {
padding:100px 0;
}
.cContent31 {
width:80%;
max-width:1440px;
margin:0 auto;
}
}@media (min-width:1440px) {
.culWord {
font-size:16px;
top:60px;
}
.culEn {
font-size:14px;
top:80px;
}
.content31 li .culImg {
top:110px;
}
}#footer {
width:100%;
overflow:hidden;
background:#444;
color:#fff;
padding-bottom:60px;
}
.footer {
width:90%;
margin:0 auto;
overflow:hidden;
}
.footer1 {
width:100%;
overflow:hidden;
}
.foot {
margin-top:25px;
overflow:hidden;
border-bottom:1px solid rgba(255,255,255,.1);
}
.foot p {
width:100%;
height:28px;
font-weight:bold;
}
.foot i {
width:15px;
height:15px;
background:url(../Images/more.png) no-repeat;
background-size:cover;
}
.foot.choose i {
transform:rotate(180deg);
animation:footIconDeg .5s;
-webkit-animation:footIconDeg .5s;
}
.foot.noChoose i {
transform:rotate(0deg);
animation:footIconDegBack .5s;
-webkit-animation:footIconDegBack .5s;
}
.foot ul {
padding-top:5px;
height:0;
overflow:hidden;
box-sizing:border-box;
}
.foot ul li {
height:30px;
line-height:30px;
color:#efefef;
}
.share {
width:100%;
overflow:hidden;
}
.bdsharebuttonbox {
width:100%;
height:30px;
}
.footer2 {
width:100%;
overflow:hidden;
}
.codeimg {
width:100%;
}
.codeimg img {
width:100%;
height:auto;
margin-top:5%;
}
.footer3 {
width:100%;
overflow:hidden;
margin-top:30px;
border-bottom:1px solid rgba(255,255,255,.1);
margin-bottom:10px;
padding-bottom:6px;
}
.tel p {
display:block;
width:100%;
line-height:24px;
text-align:center;
}
.footer3 p,.footer4 p {
display:block;
width:100%;
line-height:24px;
text-align:left;
}
.tel p {
margin-top:10px;
}
.choose.foot ul {
animation:footShow .5s;
-webkit-animation:footShow .5s;
height:auto;
}
.noChoose.foot ul {
animation:footHide .5s;
-webkit-animation:footHide .5s;
height:5px;
}
@media (min-width:768px) {
.footer {
font-size:14px;
width:90%;
overflow:hidden;
margin:0 auto;
}
.foot i {
display:none;
}
.foot {
border:none;
}
.footer1 .foot {
border-bottom:1px solid rgba(255,255,255,.1);
}
.footer1 {
padding:0;
}
.footer1 p {
width:80px;
line-height:28px;
float:left;
}
.footer1 ul {
width:calc(100% - 80px);
height:auto;
line-height:28px;
float:left;
padding:0;
display:block;
}
.footer1 ul li {
height:28px;
line-height:28px;
float:left;
padding-right:20px;
}
.footer2 .foot-nav {
width:calc(100% - 260px);
overflow:hidden;
float:left;
}
.footer2 .foot {
float:left;
width:calc(100%/4);
max-width:250px;
}
.footer2 .share {
width:260px;
float:right;
}
.footer2 ul {
display:block;
height:auto;
}
.footer3 {
margin-top:70px;
}
.footer4 {
padding-bottom:20px;
}
.footer3 p,.footer4 p {
width:640px;
margin:0 auto;
}
.choose.foot ul {
animation:none;
-webkit-animation:none;
height:auto;
}
.noChoose.foot ul {
animation:none;
-webkit-animation:none;
height:auto;
}
.footer1 .choose.foot ul {
animation:none;
-webkit-animation:none;
height:auto;
}
.footer1 .noChoose.foot ul {
animation:none;
-webkit-animation:none;
height:auto;
}
}@media (min-width:960px) {
.footer {
font-size:14px;
width:80%;
max-width:1440px;
overflow:hidden;
margin:0 auto;
}
}#footerpr {
position:fixed;
bottom:0;
left:0;
width:100%;
height:40px;
background-color:rgba(203,42,14,0.8);
display:-webkit-box;
display:-moz-box;
display:-o-box;
display:-ms-box;
display:box;
}
#footerpr li {
-webkit-box-flex:1;
-moz-box-flex:1;
-o-box-flex:1;
-ms-box-flex:1;
box-flex:1;
height:40px;
text-align:center;
}
#footerpr li a {
display:block;
}
#footerpr li img {
display:block;
text-align:center;
float:left;
}
#footerpr li span {
display:block;
float:left;
color:#fff;
line-height:40px;
}
.contactFour {
display:none;
}
@media (min-width:768px) {
#footerpr {
display:none;
}
#footer {
padding-bottom:0;
}
.contactFour {
display:block;
}
.contactFour {
position:fixed;
bottom:410px;
right:0;
z-index:1001;
}
.contactFour li {
background:#ea5529;
color:#fff;
margin-bottom:2px;
width:60px;
height:60px;
}
.contactFour li p {
width:60px;
height:40px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.contactFour li p img {
vertical-align:middle;
}
.contactFour li {
text-align:center;
}
.contactFour li:hover {
background:#ddd;
color:#fff;
}
.contactTel {
bottom:0px;
right:60px;
line-height:20px;
width:130px;
height:120px;
display:none;
padding-bottom:20px;
border:1px solid #ccc;
background:#fff;
padding:10px;
}
.contactTel .freeTel,#API-FLOAT-CONTAINER {
width:240px;
}
.api-lxb-cb-con input {
margin-bottom:7px;
width:107px;
}
.freeTel {
font-size:14px;
line-height:20px;
}
.freeTel i {
color:#ea5529;
font-weight:bold;
}
#telInput {
width:100px;
height:18px;
background:#fff;
outline:none;
}
#callBtn {
background:#ea5529;
color:#fff;
border:none;
outline:none;
}
.contactTel span {
line-height:22px;
}
.footLogo {
margin-top:17px;
}
#callBtn:hover .contactTel {
display:block;
color:#292929;
}
}#contact {
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background-color:rgba(3,3,3,0.5);
z-index:1999;
display:none;
}
.plane {
display:none;
}
.contactBox {
width:66%;
overflow:hidden;
border:1px solid #fff;
margin:auto;
position:absolute;
padding:14px;
background:#fff;
border:none;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.cLogo {
display:none;
}
.cMessage p {
color:#000;
font-size:18px;
width:90%;
margin-left:5%;
}
.cMessage form {
margin-top:10px;
width:90%;
margin-left:5%;
}
.cMessage form input {
width:100%;
line-height:30px;
margin-bottom:16px;
outline:0;
border:none;
border:1px solid #ccc;
padding-left:6px;
}
.cMessage form textarea {
width:100%;
height:68px;
outline:0;
border:none;
border:1px solid #ccc;
padding-left:6px;
line-height:30px;
}
.cMessage form .submit1 {
float:left;
width:30%;
margin-left:15%;
margin-right:5%;
margin-top:20px;
margin-bottom:0;
}
.cMessage form .reset1 {
float:left;
width:30%;
margin-left:5%;
margin-right:15%;
margin-top:20px;
margin-bottom:0;
}
.close {
position:absolute;
top:6px;
right:6px;
z-index:1000;
}
.close img {
width:30px;
}
@media (min-width:540px) {
.contactBox {
width:60%;
}
}@media (min-width:640px) {
.contactBox {
width:50%;
}
}@media (min-width:768px) {
.contactBox {
width:660px;
margin:0 auto;
overflow:hidden;
padding:0;
}
.cLogo {
display:block;
float:left;
width:240px;
}
.cLogo img {
width:100%;
}
.cMessage {
float:left;
width:380px;
margin-left:20px;
}
.cMessage p {
margin-top:35px;
}
.plane {
display:none;
position:absolute;
top:60%;
right:20%;
}
}#cnzz_stat_icon_1263291750 {
position:relative;
bottom:100px;
z-index:-10;
display:none;
}
#brower_info {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#fff;
display:none;
z-index:9000;
}
#brower_info p {
font-size:24px;
text-align:center;
}
.foot a:hover,.foot a:focus {
background:none;
filter:alpha(opacity=75);
opacity:0.75;
}
.lisWindow {
display:none;
}
#mfooterpr {
position:fixed;
bottom:0;
left:0;
width:100%;
max-width: 750px;
height:40px;
background-color:rgba(203,42,14,0.8);
display:-webkit-box;
display:-moz-box;
display:-o-box;
display:-ms-box;
display:box;
}
#mfooterpr li {
-webkit-box-flex:1;
-moz-box-flex:1;
-o-box-flex:1;
-ms-box-flex:1;
box-flex:1;
height:40px;
line-height:40px;
text-align:center;
}
#mfooterpr li a {
display:block;
color:#fff;
}
.signUp {
width:200px;
height:40px;
line-height:40px;
background:#ea5529;
color:#fff;
top:65%;
left:calc( 50% - 100px);
text-align:center;
animation-iteration-count:infinite;
cursor:pointer;
}
.pcCils .signUp {
display:none;
}
@media (min-width:768px) {
#mfooterpr {
display:none;
}
.lisWindow {
display:block;
position:fixed;
bottom:80px;
left:0;
z-index:9999;
width:100px;
height:200px;
}
.lisWindow img {
display:block;
width:100%;
}
}
.animated {
-webkit-animation-duration:2s;
animation-duration:2s;
}
.linkour{
width: 100px;
margin: 10px auto;
height: 32px;
font-weight: 700;
}
.linkour .linkour1{
display: none;
}
.linkour .linkour1,.linkour .linkour2{
border-radius: 15px;
border: 1px solid #555;
background-size: 100% 100%;
padding: 5px 7px;
font-size: 14px;
}
.linkour .linkour2{
margin-left: 10px;
}
.linkour .linkour1:hover,.linkour .linkour2:hover{
border: 1px solid #ea5529;
transiion-duration: 0.7s;
color: #ea5529;
}
@media (min-width:540px) {
.linkour{
width: 200px;
}
.linkour .linkour1{
display: block;
}
}
#pcCils {
z-index:8888;
position:fixed;
bottom: -750px;
width: 100%;
opacity:0.9;
}
.pcCils {
width:100%;
overflow:hidden;
margin-top:0;
}
.pcCils .piaoping{
width: 100%;
}
.pcCils .piaoping1{
width: 100%;
top: 0;
}
.pcCils .cilsCloseDown{
width:50px;
height:50px;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
.pcCils .signUp {
display:block;
}
.carousel-control{
width:15% !important;
}
.carousel-control.left,.carousel-control.right{
background-image:none !important;
}
.img-sw{
width:68px !important;
height:auto;
position:absolute;
top:50%;
left:15px;
margin-top:-34px;
}
.rights{
left:auto !important;
right:15px !important;
}
.about-img{
width:100%;
margin-top:10px;
}