| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_11_24_02/skin/css/ |
Upload File : |
li {
list-style: none;
}
body {
width: 100%;
overflow: hidden;
}
a, select, textarea, input, button {
tap-highlight-color: rgab(0, 0, 0, 0);
}
@font-face {
font-family: DINProBold;
src: url("../fonts/dinprobold.woff"), url("../fonts/dinprobold.woff2"), url("../fonts/dinprobold.ttf"), url("../fonts/dinprobold.svg"), url("../fonts/dinprobold.eot");
}
@font-face {
font-family: DINProMedium;
src: url("../fonts/dinpromedium.woff"), url("../fonts/dinpromedium.woff2"), url("../fonts/dinpromedium.ttf"), url("../fonts/dinpromedium.svg"), url("../fonts/dinpromedium.eot");
}
@font-face {
font-family: FuturaLTHeavy;
src: url("../fonts/futuraltheavy_0.woff"), url("../fonts/futuraltheavy_0.woff2"), url("../fonts/futuraltheavy_0.ttf"), url("../fonts/futuraltheavy_0.svg"), url("../fonts/futuraltheavy_0.eot");
}
@font-face {
font-family: ROBOTOBOLD;
src: url("../fonts/robotobold.woff"), url("../fonts/robotobold.woff2"), url("../fonts/robotobold.ttf"), url("../fonts/robotobold.svg"), url("../fonts/robotobold.eot");
}
@font-face {
font-family: ROBOTOREGULAR;
src: url("../fonts/robotoregular_2.woff"), url("../fonts/robotoregular_2.woff2"), url("../fonts/robotoregular_2.ttf"), url("../fonts/robotoregular_2.svg"), url("../fonts/robotoregular_2.eot");
}
@font-face {
font-family: FuturaLTL;
src: url("../fonts/futuraltmedium_0.woff"), url("../fonts/futuraltmedium_0.woff2"), url("../fonts/futuraltmedium_0.ttf"), url("../fonts/futuraltmedium_0.svg"), url("../fonts/futuraltmedium_0.eot");
}
textarea, input {
padding: 0;
margin: 0;
}
.js-m {
transform: translateY(60px);
opacity: 0;
}
@media (max-width: 1024px) {
.js-m {
transform: translateY(0px) !important;
opacity: 1 !important;
}
}
@keyframes move {
0% {
opacity: 0;
transform: translateX(200px) rotate(0deg);
}
50% {
opacity: 1;
transform: translateX(50px) rotate(190deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(360deg);
}
}
.swiper-slide {
min-height: 0 !important;
}
.header {
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 1000;
}
.header .header_top {
width: 1200px;
height: 88px;
margin: 0 auto;
position: relative;
}
.header .header_top .logo {
float: left;
display: block;
line-height: 88px;
}
.header .header_top .logo img {
height: auto;
}
.header .header_top .descript {
float: left;
font-size: 18px;
color: #71bf44;
margin-left: 25px;
line-height: 88px;
font-family: DINProBold;
}
.header .header_top > .language {
width: 174px;
height: auto;
float: right;
margin-top: 24px;
position: relative;
}
.header .header_top > .language .tit {
width: 100%;
height: 40px;
border: 1px solid #7a7a7a;
cursor: pointer;
box-sizing: border-box;
}
.header .header_top > .language .tit .lan {
float: left;
margin-left: 10px;
font-size: 14px;
color: #515151;
padding-left: 25px;
height: 40px;
line-height: 40px;
background: url(../images/lan.png) no-repeat left center;
}
.header .header_top > .language .tit .ico {
float: right;
background: url(../images/allow.png) no-repeat center center;
width: 16px;
height: 40px;
margin-right: 13px;
}
.header .header_top > .language > ul {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 38px;
z-index: 10;
display: none;
background: #fff;
border: 1px solid #7a7a7a;
box-sizing: border-box;
}
.header .header_top > .language > ul li {
width: 100%;
height: auto;
}
.header .header_top > .language > ul li a {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #515151;
display: block;
padding-left: 35px;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.header .header_top > .language > ul li a:hover {
color: #71bf44;
font-weight: bold;
}
}
.header .header_top .txt {
float: right;
font-size: 18px;
margin-right: 40px;
color: #515151;
height: 74px;
padding-left: 60px;
padding-top: 14px;
line-height: 26px;
font-family: DINProBold;
background: url(../images/b.png) no-repeat left center;
}
.header .header_top .txt span {
color: #71bf44;
}
.header .header_top .push-line {
width: 40px;
height: 40px;
float: right;
padding-top: 20px;
display: none;
}
@media (max-width: 1024px) {
.header .header_top .push-line {
display: block;
}
}
.header .header_top .push-line span {
width: 40px;
height: 3px;
background: #000;
display: block;
margin-bottom: 7px;
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.header .header_top .currentDd .line-1 {
width: 40px;
transform: translate(0px, 13px) rotate(45deg);
}
.header .header_top .currentDd .line-2 {
opacity: 0;
}
.header .header_top .currentDd .line-3 {
width: 40px;
transform: translate(0px, -7px) rotate(-45deg);
}
.header .header_main {
width: 100%;
height: 50px;
background: #71bf44;
}
.header .header_main .nav_cen {
width: 1200px;
height: auto;
margin: 0 auto;
}
.header .header_main .nav_cen .nav {
}
.header .header_main .nav_cen .nav li:nth-child(2) .slider {
left: -55px;
}
.header .header_main .nav_cen .nav li:nth-child(3) .slider {
left: -63px;
}
.header .header_main .nav_cen .nav li:nth-child(5) .slider {
left: -75px;
}
.header .header_main .nav_cen .nav li:nth-child(6) .slider {
left: -61px;
}
.header .header_main .nav_cen .nav > li {
float: left;
margin:0 25px;
position: relative;
}
.header .header_main .nav_cen .nav > li > a {
display: block;
font-size: 18px;
color: #fff;
line-height: 50px;
font-family: DINProMedium;
}
.header .header_main .nav_cen .nav > li .slider {
width: 200px;
height: auto;
position: absolute;
left: -75px;
top: 50px;
background: #71bf44;
display: none;
z-index: 10000;
}
.header .header_main .nav_cen .nav > li .slider ul {
width: 100%;
height: auto;
}
.header .header_main .nav_cen .nav > li .slider ul li {
width: 100%;
height: 40px;
}
.header .header_main .nav_cen .nav > li .slider ul li a {
display: block;
font-size: 14px;
color: #fff;
line-height: 40px;
text-align: center;
transition: all 0.5s;
font-family: ROBOTOREGULAR;
}
@media (min-width: 1024px) {
.header .header_main .nav_cen .nav > li .slider ul li a:hover {
font-weight: bold;
}
}
@media (max-width: 1240px) {
.header .header_top {
width: 90%;
padding: 0 5%;
height: 80px;
margin: 0 auto;
}
.header .header_top .logo {
line-height: 80px;
}
.header .header_top .descript {
font-size: 16px;
margin-left: 15px;
line-height: 80px;
}
.header .header_top .language .lan {
float: left;
margin-left: 10px;
font-size: 14px;
color: #515151;
padding-left: 15px;
height: 40px;
line-height: 40px;
background: url(../images/lan.png) no-repeat left center;
}
.header .header_top .language .ico {
float: right;
background: url(../images/allow.png) no-repeat center center;
width: 16px;
height: 40px;
margin-right: 13px;
}
.header .header_top > ul {
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 40px;
z-index: 10;
display: none;
}
.header .header_top > ul > li {
width: 100%;
height: auto;
}
.header .header_top > ul > li > a {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #515151;
display: block;
padding-left: 35px;
box-sizing: border-box;
}
.header .header_top .txt {
float: right;
font-size: 18px;
margin-right: 40px;
color: #515151;
height: 70px;
padding-left: 60px;
padding-top: 10px;
line-height: 26px;
font-family: DINProBold;
background: url(../images/b.png) no-repeat left center;
}
.header .header_top .txt span {
color: #71bf44;
}
.header .header_main {
width: 100%;
height: 50px;
}
.header .header_main .nav_cen {
width: 90%;
height: auto;
margin: 0 auto;
}
.header .header_main .nav_cen .nav {
float: right;
}
.header .header_main .nav_cen .nav > li {
float: left;
margin-left: 40px;
}
.header .header_main .nav_cen .nav > li > a {
display: block;
font-size: 18px;
color: #fff;
line-height: 50px;
font-family: DINProMedium;
}
}
@media (max-width: 1024px) {
.header .header_top {
height: 60px;
line-height: 60px;
}
.header .header_top .logo {
line-height: 60px;
}
.header .header_top .descript {
display: none;
}
.header .header_top .txt {
display: none;
}
.header .header_top .language {
display: none;
}
.header .header_main {
display: none;
}
}
.main {
width: 100%;
height: auto;
padding-top: 138px;
}
@media (max-width: 1240px) {
.main {
padding-top: 130px;
}
}
@media (max-width: 1024px) {
.main {
padding-top: 60px;
}
}
.main.welcome .banner {
width: 100%;
height: 550px;
overflow: hidden;
}
@media (max-width: 1024px) {
.main.welcome .banner {
display: none !important;
}
}
.main.welcome .banner ul.slides {
height: 100%;
position: relative;
}
.main.welcome .banner ul.slides li {
height: 100%;
}
.main.welcome .banner ul.slides li a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.main.welcome .banner ul.slides li a .con_box {
display: inline-block;
position: absolute;
right: 23%;
top: 15%;
}
.main.welcome .banner ul.slides li a .con_box .en {
font-size: 55px;
color: #000;
font-family: FuturaLTHeavy;
line-height: 70px;
opacity: 0;
transform: translateY(30px);
}
.main.welcome .banner ul.slides li a .con_box .line {
width: 0px;
height: 1px;
background: #666666;
margin-top: 13px;
}
.main.welcome .banner ul.slides li a .con_box .txt {
width: 470px;
height: auto;
font-size: 16px;
padding-top: 18px;
color: #666;
line-height: 28px;
opacity: 0;
transform: translateY(30px);
}
.main.welcome .banner ul.slides li a .con_box .more {
width: 173px;
height: 46px;
border: 1px solid #969696;
font-size: 18px;
color: #666;
text-align: center;
line-height: 48px;
position: relative;
margin-top: 35px;
opacity: 0;
transform: translateY(30px);
}
@media (min-width: 1024px) {
.main.welcome .banner ul.slides li a .con_box .more:hover {
color: #71bf44;
transition: all 0.5s;
}
.main.welcome .banner ul.slides li a .con_box .more:hover .allow {
left: 95%;
transition: all 0.5s;
}
}
.main.welcome .banner ul.slides li a .con_box .more .allow {
width: 58px;
height: 9px;
position: absolute;
background: url(../images/a.png) no-repeat;
left: 92.5%;
top: 50%;
margin-top: -4px;
}
@media (max-width: 1240px) {
.main.welcome .banner {
height: 480px;
}
.main.welcome .banner ul.slides li {
background-size: cover !important;
}
.main.welcome .banner ul.slides li a .con_box {
display: inline-block;
position: absolute;
right: 15%;
top: 12%;
}
.main.welcome .banner ul.slides li a .con_box .en {
font-size: 44px;
line-height: 56px;
}
.main.welcome .banner ul.slides li a .con_box .line {
margin-top: 10.4px;
}
.main.welcome .banner ul.slides li a .con_box .txt {
max-width: 400px;
font-size: 14px;
padding-top: 12px;
line-height: 20px;
}
.main.welcome .banner ul.slides li a .con_box .more {
width: 138.4px;
height: 36.8px;
font-size: 16px;
line-height: 36.8px;
margin-top: 20px;
}
.main.welcome .banner ul.slides li a .con_box .more .allow {
width: 46.4px;
height: 7.2px;
background-size: cover !important;
margin-top: -3.2px;
}
}
@media (max-width: 950px) {
.main.welcome .banner {
height: 400px;
}
.main.welcome .banner ul.slides li {
background-size: cover !important;
}
.main.welcome .banner ul.slides li a .con_box {
display: inline-block;
position: absolute;
right: 15%;
top: 18%;
}
.main.welcome .banner ul.slides li a .con_box .en {
font-size: 33px;
line-height: 42px;
}
.main.welcome .banner ul.slides li a .con_box .line {
margin-top: 10.4px;
}
.main.welcome .banner ul.slides li a .con_box .txt {
max-width: 300px;
font-size: 12px;
padding-top: 12px;
line-height: 20px;
}
.main.welcome .banner ul.slides li a .con_box .more {
width: 103.8px;
height: 27.6px;
font-size: 14px;
line-height: 27.6px;
margin-top: 20px;
}
.main.welcome .banner ul.slides li a .con_box .more .allow {
width: 34.8px;
height: 5.4px;
background-size: cover !important;
margin-top: -2.4px;
}
}
@media (max-width: 850px) {
.main.welcome .banner ul li {
background-position: 42% center !important;
}
.main.welcome .banner ul li a .con_box {
right: 7% !important;
}
}
@media (max-width: 680px) {
.main.welcome .banner {
height: 350px;
}
.main.welcome .banner ul.slides li {
background-size: cover !important;
background-position: 39% center !important;
}
.main.welcome .banner ul.slides li a .con_box {
display: inline-block;
position: absolute;
right: 0;
top: 18%;
}
.main.welcome .banner ul.slides li a .con_box .en {
font-size: 33px;
line-height: 42px;
}
.main.welcome .banner ul.slides li a .con_box .line {
margin-top: 10.4px;
}
.main.welcome .banner ul.slides li a .con_box .txt {
max-width: 260px;
font-size: 12px;
padding-top: 12px;
line-height: 20px;
}
.main.welcome .banner ul.slides li a .con_box .more {
width: 103.8px;
height: 27.6px;
font-size: 14px;
line-height: 27.6px;
margin-top: 10px;
}
.main.welcome .banner ul.slides li a .con_box .more .allow {
width: 34.8px;
height: 5.4px;
background-size: cover !important;
margin-top: -2.4px;
}
}
@media (max-width: 500px) {
.main.welcome .banner {
height: 300px;
}
.main.welcome .banner ul li a .con_box {
top: 10% !important;
}
}
.main.welcome .swiper-banner {
width: 100%;
height: auto;
display: none;
}
@media (max-width: 1024px) {
.main.welcome .swiper-banner {
display: block;
}
}
.main.welcome .swiper-banner .swiper-container {
width: 100%;
height: auto;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper {
width: 100%;
height: auto;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide {
width: 100%;
height: auto;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a {
width: 100%;
height: auto;
display: block;
position: relative;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a img {
width: 100%;
height: auto;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box {
display: inline-block;
position: absolute;
right: 15%;
top: 18%;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .en {
font-size: 33px;
line-height: 42px;
color: #000;
font-family: FuturaLTHeavy;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .line {
margin-top: 10.4px;
width: 90px;
height: 1px;
background: #666;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .txt {
max-width: 300px;
font-size: 12px;
padding-top: 12px;
line-height: 20px;
color: #666;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .more {
width: 103.8px;
height: 27.6px;
font-size: 14px;
line-height: 27.6px;
margin-top: 20px;
border: 1px solid #969696;
color: #666;
position: relative;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .more .allow {
width: 34.8px;
height: 5.4px;
position: absolute;
background: url("../images/a.png") no-repeat;
background-size: cover !important;
margin-top: -2.4px;
left: 92.5%;
top: 50%;
}
@media (max-width: 600px) {
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box {
display: inline-block;
position: absolute;
right: 5%;
top: 18%;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .en {
font-size: 33px;
line-height: 42px;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .line {
margin-top: 10.4px;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .txt {
max-width: 300px;
font-size: 12px;
padding-top: 12px;
line-height: 20px;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .more {
width: 103.8px;
height: 27.6px;
font-size: 14px;
line-height: 27.6px;
margin-top: 20px;
}
.main.welcome .swiper-banner .swiper-container .swiper-wrapper .swiper-slide a .con_box .more .allow {
width: 34.8px;
height: 5.4px;
background-size: cover !important;
margin-top: -2.4px;
}
}
.main.welcome .about_main {
width: 1200px;
height: auto;
padding-top: 110px;
padding-bottom: 123px;
margin: 0 auto;
}
.main.welcome .about_main .ab_l {
width: 46%;
height: auto;
float: left;
}
.main.welcome .about_main .ab_l.js-m {
transform: translate(-200px, 0);
opacity: 0;
}
.main.welcome .about_main .ab_l .tit {
font-size: 48px;
color: #000;
line-height: 48px;
font-family: FuturaLTHeavy;
}
.main.welcome .about_main .ab_l .line {
width: 16.7%;
height: 1px;
background: #b5b5b5;
margin-top: 28px;
}
.main.welcome .about_main .ab_l .cont_box {
width: 100%;
height: auto;
display: block;
font-size: 15px;
color: #666;
line-height: 28px;
margin-top: 30px;
}
.main.welcome .about_main .ab_l .ico_box {
width: 100%;
height: auto;
margin-top: 50px;
}
@media (min-width: 1024px) {
.main.welcome .about_main .ab_l .ico_box.ani .ico-list {
animation: move 0.5s forwards linear;
}
.main.welcome .about_main .ab_l .ico_box.ani .ico-list:nth-child(2) {
animation: move 0.5s 0.3s forwards linear;
}
.main.welcome .about_main .ab_l .ico_box.ani .ico-list:nth-child(3) {
animation: move 0.5s 0.6s forwards linear;
}
.main.welcome .about_main .ab_l .ico_box.ani .ico-list:nth-child(4) {
animation: move 0.5s 0.9s forwards linear;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
transform: translateX(100px) rotate(0deg);
opacity: 0;
}
}
.main.welcome .about_main .ab_l .ico_box .ico-list:last-child {
margin-right: 0;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
width: 85px;
height: 85px;
background: #f8f8f8;
border-radius: 100%;
float: left;
position: relative;
margin-right: 65px;
cursor: pointer;
}
.main.welcome .about_main .ab_l .ico_box .ico-list.active .ico {
background: url(../images/boss2.png) no-repeat center center;
border-color: #71bf44;
}
.main.welcome .about_main .ab_l .ico_box .ico-list.active .ico.ico2 {
background: url(../images/qy2.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list.active .ico.ico3 {
background: url(../images/time2.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list.active .ico.ico4 {
background: url(../images/honor2.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list.active .bg {
transform: scale(1);
opacity: 1;
}
@media (min-width: 1024px) {
.main.welcome .about_main .ab_l .ico_box .ico-list:hover .tit2 {
opacity: 1;
}
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico {
width: 83px;
position: relative;
z-index: 10;
transition: all 0.5s;
height: 83px;
overflow: hidden;
border-radius: 50%;
border: 1px solid #989898;
background: url(../images/boss.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico2 {
background: url(../images/qy.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico3 {
background: url(../images/time.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico4 {
background: url(../images/honor.png) no-repeat center center;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .bg {
width: 85px;
height: 85px;
position: absolute;
left: 0%;
top: 0%;
background: #71bf44;
transition: all 0.5s;
border-radius: 100%;
opacity: 0;
transform: scale(0);
}
.main.welcome .about_main .ab_l .ico_box .ico-list .tit2 {
width: 200px;
height: auto;
position: absolute;
top: -50px;
transition: all 0.5s;
left: 0;
font-size: 18px;
color: #71bf44;
opacity: 0;
font-family: ROBOTOREGULAR;
}
@media (max-width: 1240px) {
.main.welcome .about_main .ab_l .ico_box .ico-list .tit2 {
top: -40px !important;
}
}
.main.welcome .about_main .ab_r {
width: 45%;
height: auto;
float: right;
}
.main.welcome .about_main .ab_r.js-m {
transform: translate(200px, 0);
opacity: 0;
}
.main.welcome .about_main .ab_r .name {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .name .txt {
font-size: 24px;
color: #6ebe40;
line-height: 24px;
font-family: ROBOTOBOLD;
display: none;
}
.main.welcome .about_main .ab_r .name .txt.show {
display: block;
}
.main.welcome .about_main .ab_r .tu {
width: 100%;
height: auto;
margin-top: 15px;
position: relative;
}
.main.welcome .about_main .ab_r .tu .con {
width: 94%;
height: auto;
opacity: 0;
position: relative;
}
.main.welcome .about_main .ab_r .tu .con.js-m {
opacity: 1;
transform: translate(200px, 0px);
}
.main.welcome .about_main .ab_r .tu .con a {
width: 100%;
height: auto;
display: none;
left: 0;
top: 0;
transition: all 0.5s;
}
.main.welcome .about_main .ab_r .tu .con a.cur {
display: block;
}
.main.welcome .about_main .ab_r .tu .con a img {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .tu .d {
width: 92.5%;
height: auto;
position: absolute;
right: 0;
top: 35px;
z-index: -1;
border: 1px solid #b9b9b9;
background: url(../images/b.jpg) no-repeat;
background-size: cover !important;
}
@media (max-width: 1240px) {
.main.welcome .about_main {
width: 90%;
padding-top: 90px;
padding-bottom: 100px;
}
.main.welcome .about_main .ab_l .tit {
font-size: 40px;
line-height: 40px;
}
.main.welcome .about_main .ab_l .line {
margin-top: 20px;
}
.main.welcome .about_main .ab_l .cont_box {
line-height: 26px;
margin-top: 30px;
font-size: 14px;
}
.main.welcome .about_main .ab_l .ico_box {
margin-top: 25px;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
width: 75px;
height: 75px;
margin-right: 8%;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico {
width: 73px;
position: relative;
z-index: 10;
transition: all 0.5s;
height: 73px;
border-radius: 50%;
border: 1px solid #989898;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .bg {
width: 75px;
height: 75px;
}
.main.welcome .about_main .ab_r .name {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .name .txt {
font-size: 22px;
line-height: 22px;
}
.main.welcome .about_main .ab_r .tu .d {
top: 20px;
}
}
@media (max-width: 1024px) {
.main.welcome .about_main {
width: 90%;
padding-top: 50px;
padding-bottom: 60px;
}
.main.welcome .about_main .ab_l {
width: 50%;
}
.main.welcome .about_main .ab_l .tit {
font-size: 28px;
line-height: 28px;
}
.main.welcome .about_main .ab_l .line {
margin-top: 10px;
}
.main.welcome .about_main .ab_l .cont_box {
line-height: 20px;
font-size: 13px;
margin-top: 20px;
}
.main.welcome .about_main .ab_l .ico_box {
margin-top: 15px;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
width: 55px;
height: 55px;
margin-right: 8%;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico {
width: 53px;
position: relative;
z-index: 10;
transition: all 0.5s;
height: 53px;
border-radius: 50%;
border: 1px solid #989898;
background-size: 28px 32.8px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico2 {
background-size: 34.4px 31.2px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico3 {
background-size: 29.6px 29.6px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico4 {
background-size: 28px 30.4px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .bg {
width: 55px;
height: 55px;
}
.main.welcome .about_main .ab_r .name {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .name .txt {
font-size: 18px;
line-height: 18px;
}
.main.welcome .about_main .ab_r .tu .d {
top: 18px;
}
}
@media (max-width: 850px) {
.main.welcome .about_main {
width: 90%;
padding-top: 30px;
padding-bottom: 40px;
}
.main.welcome .about_main .ab_l {
width: 100%;
float: none;
}
.main.welcome .about_main .ab_l .tit {
font-size: 28px;
line-height: 28px;
}
.main.welcome .about_main .ab_l .line {
margin-top: 10px;
}
.main.welcome .about_main .ab_l .cont_box {
line-height: 26px;
font-size: 14px;
margin-top: 20px;
}
.main.welcome .about_main .ab_l .ico_box {
margin-top: 15px;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
width: 60px;
height: 60px;
margin-right: 8%;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico {
width: 58px;
position: relative;
z-index: 10;
transition: all 0.5s;
height: 58px;
background-size: 28px 32.8px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico2 {
background-size: 34.4px 31.2px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico3 {
background-size: 29.6px 29.6px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico4 {
background-size: 28px 30.4px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .bg {
width: 100%;
height: 100%;
}
.main.welcome .about_main .ab_r {
float: none;
width: 100%;
margin-top: 15px;
}
.main.welcome .about_main .ab_r .name {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .name .txt {
font-size: 18px;
line-height: 18px;
}
.main.welcome .about_main .ab_r .tu .d {
top: 18px;
}
}
@media (max-width: 500px) {
.main.welcome .about_main {
width: 90%;
padding-top: 30px;
padding-bottom: 40px;
}
.main.welcome .about_main .ab_l {
width: 100%;
float: none;
}
.main.welcome .about_main .ab_l .tit {
font-size: 24px;
line-height: 24px;
}
.main.welcome .about_main .ab_l .line {
margin-top: 10px;
}
.main.welcome .about_main .ab_l .cont_box {
line-height: 26px;
font-size: 14px;
margin-top: 10px;
white-space: normal; /* 默认值,允许自动换行 */
word-wrap: break-word; /* 允许在单词内换行 */
word-break: break-all; /* 允许在任意字符处换行(适用于中文) */
}
.main.welcome .about_main .ab_l .ico_box {
margin-top: 10px;
}
.main.welcome .about_main .ab_l .ico_box .ico-list {
width: 50px;
height: 50px;
margin-right: 8%;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico {
width: 48px;
position: relative;
z-index: 10;
transition: all 0.5s;
height: 48px;
background-size: 21px 24.6px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico2 {
background-size: 25.8px 23.4px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico3 {
background-size: 22.2px 22.2px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .ico.ico4 {
background-size: 21px 22.8px !important;
}
.main.welcome .about_main .ab_l .ico_box .ico-list .bg {
width: 100%;
height: 100%;
}
.main.welcome .about_main .ab_r {
float: none;
width: 100%;
margin-top: 20px;
}
.main.welcome .about_main .ab_r .name {
width: 100%;
height: auto;
}
.main.welcome .about_main .ab_r .name .txt {
font-size: 16px;
line-height: 16px;
}
.main.welcome .about_main .ab_r .tu .d {
top: 15px;
}
}
.main.welcome .cooperation {
width: 100%;
height: auto;
padding-top: 40px;
background: #71bf44;
padding-bottom: 110px;
}
.main.welcome .cooperation .title .en {
font-size: 48px;
color: #fff;
font-family: FuturaLTHeavy;
text-align: center;
}
.main.welcome .cooperation .title .line {
width: 95px;
height: 1px;
background: #fff;
display: block;
margin: 0 auto;
}
@media (max-width: 1240px) {
.main.welcome .cooperation .title .en {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.welcome .cooperation .title .en {
font-size: 28px;
}
.main.welcome .cooperation .title .line {
width: 70px;
}
}
@media (max-width: 500px) {
.main.welcome .cooperation .title .en {
font-size: 24px;
}
.main.welcome .cooperation .title .line {
width: 50px;
}
}
.main.welcome .cooperation .box {
width: 1320px;
height: auto;
margin: 50px auto 0 auto;
position: relative;
}
.main.welcome .cooperation .box .prev {
width: 15px;
height: 21px;
background: url(../images/s.png) no-repeat;
position: absolute;
left: 0;
top: 50%;
cursor: pointer;
margin-top: -10px;
}
.main.welcome .cooperation .box .next {
width: 15px;
height: 21px;
background: url(../images/x.png) no-repeat;
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
cursor: pointer;
}
.main.welcome .cooperation .box .wrap {
width: 90.9%;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.main.welcome .cooperation .box .wrap ul {
width: 10000px;
height: auto;
overflow: hidden;
position: relative;
}
.main.welcome .cooperation .box .wrap ul li {
height: auto;
float: left;
}
@media (min-width: 1024px) {
.main.welcome .cooperation .box .wrap ul li:hover a .border {
opacity: 1;
}
}
.main.welcome .cooperation .box .wrap ul li a {
height: auto;
display: block;
text-align: center;
background: #fff;
position: relative;
border: 1px solid #c0c8de;
box-sizing: border-box;
}
.main.welcome .cooperation .box .wrap ul li a img {
max-width: 70%;
max-height: 70%;
}
.main.welcome .cooperation .box .wrap ul li a .border {
width: 100%;
height: 99%;
padding: 1px;
opacity: 0;
box-sizing: border-box;
border: 6px solid #71bf44;
position: absolute;
left: 0px;
top: 0;
transition: all 0.5s;
}
.main.welcome .cooperation .swiper-box {
width: 88%;
height: auto;
margin: 30px auto 0 auto;
display: none;
position: relative;
}
@media (max-width: 1024px) {
.main.welcome .cooperation .swiper-box {
display: block;
}
}
.main.welcome .cooperation .swiper-box .swiper-container {
width: 90%;
height: auto;
}
.main.welcome .cooperation .swiper-box .swiper-container .swiper-wrapper {
width: 100%;
height: auto;
}
.main.welcome .cooperation .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
height: auto;
background: #fff;
}
.main.welcome .cooperation .swiper-box .swiper-container .swiper-wrapper .swiper-slide a {
display: block;
text-align: center;
}
.main.welcome .cooperation .swiper-box .swiper-container .swiper-wrapper .swiper-slide a img {
max-width: 80%;
max-height: 80%;
}
.main.welcome .cooperation .swiper-box .swiper-button-prev {
width: 15px !important;
height: 21px !important;
background: url(../images/s.png) no-repeat !important;
position: absolute;
left: 0 !important;
top: 50%;
cursor: pointer;
margin-top: -10px !important;
}
@media (max-width: 500px) {
.main.welcome .cooperation .swiper-box .swiper-button-prev {
width: 12px !important;
height: 16.8px !important;
background-size: cover !important;
margin-top: -8px !important;
}
}
.main.welcome .cooperation .swiper-box .swiper-button-next {
width: 15px !important;
height: 21px !important;
background: url(../images/x.png) no-repeat !important;
position: absolute;
right: 0 !important;
top: 50%;
cursor: pointer;
margin-top: -10px !important;
}
@media (max-width: 500px) {
.main.welcome .cooperation .swiper-box .swiper-button-next {
width: 12px !important;
height: 16.8px !important;
background-size: cover !important;
margin-top: -8px !important;
}
}
@media (max-width: 1360px) {
.main.welcome .cooperation {
padding-top: 35px;
padding-bottom: 100px;
}
.main.welcome .cooperation .box {
width: 90%;
margin: 40px auto 0 auto;
}
.main.welcome .cooperation .box .prev {
width: 15px;
height: 21px;
background: url(../images/s.png) no-repeat;
margin-top: -10px;
}
.main.welcome .cooperation .box .next {
width: 15px;
height: 21px;
background: url(../images/x.png) no-repeat;
}
.main.welcome .cooperation .box .wrap {
width: 91%;
}
}
@media (max-width: 1240px) {
.main.welcome .cooperation {
padding-top: 30px;
padding-bottom: 80px;
}
.main.welcome .cooperation .box {
margin: 30px auto 0 auto;
}
}
@media (max-width: 1024px) {
.main.welcome .cooperation {
padding-top: 25px;
padding-bottom: 60px;
}
.main.welcome .cooperation .box {
display: none;
}
}
@media (max-width: 600px) {
.main.welcome .cooperation {
padding-top: 20px;
padding-bottom: 35px;
}
}
.main.welcome .products {
width: 100%;
height: auto;
padding-top: 65px;
}
.main.welcome .products .title .en {
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
text-align: center;
}
.main.welcome .products .title .line {
width: 95px;
height: 1px;
background: #b5b5b5;
display: block;
margin: 0 auto;
}
@media (max-width: 1240px) {
.main.welcome .products .title .en {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.welcome .products .title .en {
font-size: 28px;
}
.main.welcome .products .title .line {
width: 70px;
}
}
@media (max-width: 500px) {
.main.welcome .products .title .en {
font-size: 24px;
}
.main.welcome .products .title .line {
width: 50px;
}
}
.main.welcome .products .descript {
font-size: 16px;
color: #666;
width: 680px;
margin: 22px auto 0 auto;
line-height: 28px;
text-align: center;
}
.main.welcome .products .product_main {
width: 1200px;
height: auto;
margin: 0 auto;
overflow: hidden;
padding-top: 45px;
padding-bottom: 250px;
}
.main.welcome .products .product_main ul {
width: 110%;
height: auto;
}
.main.welcome .products .product_main ul li {
width: 29.3%;
height: auto;
float: left;
margin-right: 1.5%;
margin-bottom: 23px;
}
.main.welcome .products .product_main ul li a {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 1024px) {
.main.welcome .products .product_main ul li a:hover .tu .cont {
opacity: 1;
transform: translate(0, 0);
}
}
.main.welcome .products .product_main ul li a .tu {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.main.welcome .products .product_main ul li a .tu img {
width: 100%;
height: auto;
}
.main.welcome .products .product_main ul li a .tu .cont {
width: 100%;
height: 88%;
position: absolute;
left: 0;
opacity: 0;
transition: all 0.5s;
transform: translate(0, 20px);
padding-top: 12%;
top: 0;
}
.main.welcome .products .product_main ul li a .tu .cont .ti {
font-size: 30px;
color: #fff;
font-family: FuturaLTHeavy;
text-align: center;
line-height: 40px;
}
.main.welcome .products .product_main ul li a .tu .cont .ds {
font-size: 16px;
color: #fff;
text-align: center;
}
.main.welcome .products .product_main ul li a .tu .cont .more {
width: 76px;
height: 76px;
background: url(../images/more.png) no-repeat;
background-size: cover !important;
margin: 25px auto 0 auto;
}
@media (max-width: 1240px) {
.main.welcome .products {
padding-top: 50px;
}
.main.welcome .products .product_main {
width: 90%;
padding-top: 35px;
padding-bottom: 220px;
}
.main.welcome .products .product_main ul li {
margin-bottom: 20px;
}
.main.welcome .products .product_main ul li a .tu .cont .ti {
font-size: 26px;
line-height: 36px;
}
.main.welcome .products .product_main ul li a .tu .cont .ds {
font-size: 14px;
}
.main.welcome .products .product_main ul li a .tu .cont .more {
width: 65px;
height: 65px;
}
}
@media (max-width: 1024px) {
.main.welcome .products {
padding-top: 40px;
}
.main.welcome .products .descript {
font-size: 14px;
line-height: 24px;
margin: 18px auto 0 auto;
}
.main.welcome .products .product_main {
padding-top: 30px;
padding-bottom: 200px;
}
.main.welcome .products .product_main ul li {
margin-bottom: 15px;
}
}
@media (max-width: 700px) {
.main.welcome .products {
padding-top: 30px;
}
.main.welcome .products .descript {
width: 90%;
margin: 15px auto 0 auto;
}
.main.welcome .products .product_main {
padding-top: 25px;
padding-bottom: 190px;
}
.main.welcome .products .product_main ul li {
margin-bottom: 10px;
}
}
@media (max-width: 620px) {
.main.welcome .products {
padding-top: 25px;
}
.main.welcome .products .descript {
margin: 10px auto 0 auto;
}
.main.welcome .products .product_main {
padding-top: 20px;
padding-bottom: 100px;
}
.main.welcome .products .product_main ul {
width: 100%;
}
.main.welcome .products .product_main ul li:nth-child(even) {
float: right;
}
.main.welcome .products .product_main ul li {
width: 48%;
margin-right: 0;
margin-bottom: 15px;
}
}
@media (max-width: 500px) {
.main.welcome .products .product_main {
padding-top: 20px;
padding-bottom: 120px;
}
}
.main.news {
padding-bottom: 220px;
}
@media (max-width: 1240px) {
.main.news {
padding-bottom: 210px;
}
}
@media (max-width: 1024px) {
.main.news {
padding-bottom: 195px;
}
}
@media (max-width: 750px) {
.main.news {
padding-bottom: 180px;
}
}
@media (max-width: 650px) {
.main.news {
padding-bottom: 100px;
}
}
@media (max-width: 420px) {
.main.news {
padding-bottom: 115px;
}
}
.main.news .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.news .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.news .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.news .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.news .position .name {
font-size: 24px;
}
}
@media (max-width: 360px) {
.main.news .position .name {
font-size: 20px;
}
}
.main.news .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.news .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.news .position .position_r a:hover {
color: #71bf44;
}
}
.main.news .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.news .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.news .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.news .position {
padding-top: 25px;
}
.main.news .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.news .position {
padding-top: 10px;
}
}
.main.news .classification {
width: 1200px;
height: auto;
margin: 43px auto 0 auto;
}
.main.news .classification a {
height: 50px;
padding: 0 22px;
background: #f8f8f8;
font-size: 18px;
color: #656565;
font-family: DINProMedium;
line-height: 50px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s;
}
.main.news .classification a.cur {
background: #71bf44;
color: #fff;
}
@media (min-width: 1024px) {
.main.news .classification a:hover {
background: #71bf44;
color: #fff;
}
}
@media (max-width: 1240px) {
.main.news .classification {
width: 90%;
margin: 33px auto 0 auto;
}
.main.news .classification a:last-child {
margin-right: 0;
}
.main.news .classification a {
height: 46px;
padding: 0 17px;
line-height: 46px;
margin-right: 8px;
font-size: 16px;
}
}
@media (max-width: 1180px) {
.main.news .classification {
margin: 30px auto 0 auto;
}
.main.news .classification a {
padding: 0 12px;
margin-right: 5px;
}
}
@media (max-width: 1100px) {
.main.news .classification {
margin: 25px auto 0 auto;
}
.main.news .classification a {
padding: 0 10px;
height: 40px;
line-height: 40px;
margin-right: 4px;
}
}
@media (max-width: 1024px) {
.main.news .classification {
display: none;
}
}
.main.news .detail {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 67px;
}
.main.news .detail .title2 {
width: 100%;
height: auto;
border-bottom: 1px solid #bfbfbf;
padding-bottom: 18px;
}
.main.news .detail .title2 .ti {
font-size: 30px;
color: #656565;
font-family: DINProBold;
line-height: 40px;
}
.main.news .detail .title2 .day {
font-size: 18px;
color: #a09f9f;
font-family: DINProMedium;
}
.main.news .detail .cont {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 45px;
border-bottom: 1px solid #bfbfbf;
}
.main.news .detail .cont img {
max-width: 100%;
}
.main.news .detail .cont p {
font-size: 16px;
color: #666;
line-height: 28px;
padding-top: 20px;
font-family: ROBOTOREGULAR;
}
.main.news .detail .cont p img {
margin: 20px 0 20px 0;
}
.main.news .detail .page_box {
margin-top: 38px;
}
.main.news .detail .page_box a {
width: 42px;
height: 42px;
display: inline-block;
margin-right: 6px;
transition: all 0.5s;
}
.main.news .detail .page_box a.s {
background: url(../images/a1.png) no-repeat center center #dbdbdb;
}
@media (min-width: 1024px) {
.main.news .detail .page_box a.s:hover {
background: url(../images/a1.png) no-repeat center center #656565;
}
}
.main.news .detail .page_box a.x {
background: url(../images/a2.png) no-repeat center center #dbdbdb;
}
@media (min-width: 1024px) {
.main.news .detail .page_box a.x:hover {
background: url(../images/a2.png) no-repeat center center #656565;
}
}
@media (max-width: 1240px) {
.main.news .detail {
width: 90%;
padding-top: 55px;
}
.main.news .detail .title2 {
padding-bottom: 13px;
}
.main.news .detail .title2 .ti {
font-size: 24px;
color: #656565;
font-family: DINProBold;
line-height: 34px;
}
.main.news .detail .title2 .day {
font-size: 16px;
color: #a09f9f;
font-family: DINProMedium;
}
.main.news .detail .cont {
padding-top: 15px;
padding-bottom: 30px;
}
.main.news .detail .cont p {
font-size: 14px;
padding-top: 15px;
line-height: 24px;
}
.main.news .detail .cont p img {
margin: 10px 0;
}
.main.news .detail .page_box {
margin-top: 25px;
}
.main.news .detail .page_box a {
width: 37.8px;
height: 37.8px;
}
.main.news .detail .page_box a.s {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.news .detail .page_box a.s:hover {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) {
.main.news .detail .page_box a.x {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.news .detail .page_box a.x:hover {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1024px) {
.main.news .detail {
width: 90%;
padding-top: 40px;
}
.main.news .detail .title2 {
padding-bottom: 10px;
}
.main.news .detail .title2 .ti {
font-size: 20px;
line-height: 30px;
}
.main.news .detail .title2 .day {
font-size: 15px;
}
.main.news .detail .cont {
padding-top: 10px;
padding-bottom: 25px;
}
.main.news .detail .cont p {
font-size: 14px;
padding-top: 10px;
line-height: 24px;
}
.main.news .detail .cont p img {
margin: 8px 0;
}
.main.news .detail .page_box {
margin-top: 20px;
}
.main.news .detail .page_box a {
width: 33.6px;
height: 33.6px;
}
.main.news .detail .page_box a.s {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.main.news .detail .page_box a.s:hover {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) {
.main.news .detail .page_box a.x {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.main.news .detail .page_box a.x:hover {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 850px) {
.main.news .detail {
width: 90%;
padding-top: 20px;
}
.main.news .detail .title2 {
padding-bottom: 10px;
}
.main.news .detail .title2 .ti {
font-size: 18px;
line-height: 28px;
}
.main.news .detail .title2 .day {
font-size: 15px;
}
.main.news .detail .cont {
padding-top: 5px;
padding-bottom: 10px;
}
.main.news .detail .cont p {
font-size: 14px;
padding-top: 10px;
line-height: 24px;
}
.main.news .detail .cont p img {
margin: 8px 0;
}
.main.news .detail .page_box {
margin-top: 10px;
}
.main.news .detail .page_box a {
width: 25.2px;
height: 25.2px;
}
.main.news .detail .page_box a.s {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) and (min-width: 1024px) {
.main.news .detail .page_box a.s:hover {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) {
.main.news .detail .page_box a.x {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) and (min-width: 1024px) {
.main.news .detail .page_box a.x:hover {
background-size: 8.4px 15px !important;
}
}
.main.news .news_box {
width: 1240px;
height: auto;
overflow: hidden;
margin: 42px auto 0 auto;
}
.main.news .news_box ul {
height: auto;
}
.main.news .news_box ul li {
width: 32%;
height: auto;
border: 1px solid #ccc;
background: #f8f8f8;
margin-right: 1.3%;
margin-bottom: 18px;
padding-top: 25px;
box-sizing: border-box;
padding-bottom: 44px;
}
.main.news .news_box ul li a {
height: auto;
display: block;
padding: 0 8%;
}
@media (min-width: 1024px) {
.main.news .news_box ul li a:hover .tit {
color: #71bf44;
}
}
.main.news .news_box ul li a .tit {
font-size: 30px;
color: #656565;
line-height: 46px;
font-family: DINProBold;
}
.main.news .news_box ul li a .day {
font-size: 18px;
color: #a09f9f;
font-family: DINProMedium;
margin-top: 2px;
}
.main.news .news_box ul li a .tu {
width: 100%;
height: auto;
margin-top: 25px;
}
.main.news .news_box ul li a .tu img {
width: 100%;
height: auto;
}
.main.news .news_box ul li a .con {
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 28px;
margin-top: 32px;
}
.main.news .news_box ul li a .read {
background: url(../images/read.png) no-repeat left center;
padding-left: 33px;
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
margin-top: 34px;
}
@media (max-width: 1240px) {
.main.news .news_box {
width: 90%;
margin: 30px auto 0 auto;
}
.main.news .news_box ul li {
width: 32%;
margin-right: 1.3%;
margin-bottom: 15px;
padding-top: 25px;
padding-bottom: 35px;
}
.main.news .news_box ul li a {
height: auto;
display: block;
padding: 0 7%;
}
.main.news .news_box ul li a .tit {
font-size: 25px;
line-height: 40px;
}
.main.news .news_box ul li a .day {
font-size: 16px;
}
.main.news .news_box ul li a .tu {
margin-top: 20px;
}
.main.news .news_box ul li a .con {
font-size: 14px;
line-height: 24px;
margin-top: 25px;
}
.main.news .news_box ul li a .read {
background-size: 18.4px 13.6px;
padding-left: 26.4px;
font-size: 14px;
margin-top: 30px;
}
}
@media (max-width: 1024px) {
.main.news .news_box {
width: 90%;
margin: 20px auto 0 auto;
}
.main.news .news_box ul li {
width: 31.5%;
margin-right: 1.5%;
margin-bottom: 15px;
padding-top: 20px;
padding-bottom: 25px;
}
.main.news .news_box ul li a {
height: auto;
display: block;
padding: 0 7%;
}
.main.news .news_box ul li a .tit {
font-size: 20px;
line-height: 36px;
}
.main.news .news_box ul li a .day {
font-size: 14px;
}
.main.news .news_box ul li a .tu {
margin-top: 15px;
}
.main.news .news_box ul li a .con {
font-size: 12px;
line-height: 20px;
margin-top: 15px;
}
.main.news .news_box ul li a .read {
background-size: 18.4px 13.6px;
padding-left: 26.4px;
font-size: 12px;
margin-top: 20px;
}
}
@media (max-width: 850px) {
.main.news .news_box {
width: 90%;
margin: 20px auto 0 auto;
}
.main.news .news_box ul li {
width: 48%;
margin: 0 0.8% 10px 0.8%;
padding-top: 15px;
padding-bottom: 20px;
}
.main.news .news_box ul li a {
height: auto;
display: block;
padding: 0 7%;
}
.main.news .news_box ul li a .tit {
font-size: 16px;
line-height: 28px;
}
.main.news .news_box ul li a .day {
font-size: 12px;
}
.main.news .news_box ul li a .tu {
margin-top: 10px;
}
.main.news .news_box ul li a .con {
font-size: 12px;
line-height: 20px;
margin-top: 15px;
}
.main.news .news_box ul li a .read {
background-size: 18.4px 13.6px;
padding-left: 26.4px;
font-size: 12px;
margin-top: 20px;
}
}
@media (max-width: 500px) {
.main.news .news_box {
width: 90%;
margin: 20px auto 0 auto;
}
.main.news .news_box ul li {
width: 100%;
margin: 0 0 10px 0;
padding-top: 15px;
padding-bottom: 20px;
}
.main.news .news_box ul li a {
height: auto;
display: block;
padding: 0 7%;
}
.main.news .news_box ul li a .tit {
font-size: 16px;
line-height: 28px;
}
.main.news .news_box ul li a .day {
font-size: 12px;
}
.main.news .news_box ul li a .tu {
margin-top: 10px;
}
.main.news .news_box ul li a .con {
font-size: 12px;
line-height: 20px;
margin-top: 15px;
}
.main.news .news_box ul li a .read {
background-size: 18.4px 13.6px;
padding-left: 26.4px;
font-size: 12px;
margin-top: 20px;
}
}
.main.about {
width: 100%;
height: auto; overflow:hidden; margin-bottom:200px
}
.main.about .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.about .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.about .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.about .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.about .position .name {
font-size: 24px;
}
}
@media (max-width: 360px) {
.main.about .position .name {
font-size: 20px;
}
}
.main.about .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.about .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.about .position .position_r a:hover {
color: #71bf44;
}
}
.main.about .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.about .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.about .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.about .position {
padding-top: 25px;
}
.main.about .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.about .position {
padding-top: 10px;
}
}
.main.about .classification {
width: 1200px;
height: auto;
margin: 55px auto 0 auto;
}
.main.about .classification a {
height: 50px;
padding: 0 30px;
background: #f8f8f8;
font-size: 18px;
color: #656565;
font-family: DINProMedium;
line-height: 50px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s;
}
.main.about .classification a.cur {
background: #71bf44;
color: #fff;
}
@media (min-width: 1024px) {
.main.about .classification a:hover {
background: #71bf44;
color: #fff;
}
}
@media (max-width: 1240px) {
.main.about .classification {
width: 90%;
margin: 40px auto 0 auto;
}
.main.about .classification a:last-child {
margin-right: 0;
}
.main.about .classification a {
height: 46px;
padding: 0 25px;
line-height: 46px;
margin-right: 8px;
font-size: 16px;
}
}
@media (max-width: 1180px) {
.main.about .classification {
margin: 30px auto 0 auto;
}
.main.about .classification a {
padding: 0 20px;
margin-right: 5px;
}
}
@media (max-width: 1100px) {
.main.about .classification a {
padding: 0 13px;
height: 40px;
line-height: 40px;
margin-right: 4px;
}
}
@media (max-width: 1024px) {
.main.about .classification {
display: none;
}
}
.main.about .chairman {
width: 100%;
height: auto;
margin-top: 70px;
}
.main.about .chairman .cha_l {
float: left;
width: 50%;
height: auto;
overflow: hidden;
}
.main.about .chairman .cha_l.js-m {
transform: translate(-200px, 0);
opacity: 0;
}
.main.about .chairman .cha_l img {
width: 100%;
height: auto;
}
.main.about .chairman .cha_r {
width: 45.6%;
height: auto;
padding-left: 4.4%;
float: left;
background: #f8f8f8;
}
.main.about .chairman .cha_r.js-m {
transform: translate(200px, 0);
opacity: 0;
}
.main.about .chairman .cha_r .con {
width: 100%;
padding-top: 7%;
height: auto;
}
.main.about .chairman .cha_r .con .name {
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
background: url(../images/bb.png) no-repeat left center;
padding-left: 48px;
}
@media (max-width: 1500px) {
.main.about .chairman .cha_r .con .name {
font-size: 40px;
background-size: 28px 32.8px;
padding-left: 38.4px;
}
}
@media (max-width: 1024px) {
.main.about .chairman .cha_r .con .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.about .chairman .cha_r .con .name {
font-size: 24px;
background-size: 21px 24.6px;
padding-left: 28.8px;
}
}
.main.about .chairman .cha_r .con .line {
width: 94px;
height: 1px;
margin-top: 5px;
background: #b5b5b5;
}
.main.about .chairman .cha_r .con .txt {
font-size: 16px;
color: #666;
padding-top: 24px;
width: 62%;
font-family: ROBOTOREGULAR;
}
@media (max-width: 1800px) {
.main.about .chairman {
margin-top: 60px;
}
.main.about .chairman .cha_r {
width: 45.6%;
}
.main.about .chairman .cha_r .con {
width: 100%;
padding-top: 5%;
height: auto;
}
.main.about .chairman .cha_r .con .line {
width: 94px;
height: 1px;
margin-top: 5px;
background: #b5b5b5;
}
.main.about .chairman .cha_r .con .txt {
font-size: 15px;
padding-top: 15px;
width: 80%;
}
}
@media (max-width: 1540px) {
.main.about .chairman {
margin-top: 50px;
}
.main.about .chairman .cha_r {
width: 46.5%;
padding-left: 3.5%;
}
.main.about .chairman .cha_r .con {
width: 100%;
padding-top: 2%;
height: auto;
}
.main.about .chairman .cha_r .con .line {
width: 94px;
height: 1px;
margin-top: 5px;
background: #b5b5b5;
}
.main.about .chairman .cha_r .con .txt {
font-size: 14px;
padding-top: 10px;
width: 90%;
}
}
@media (max-width: 1240px) {
.main.about .chairman {
margin-top: 40px;
}
.main.about .chairman .cha_r {
width: 46.5%;
padding-left: 3.5%;
}
.main.about .chairman .cha_r .con {
width: 100%;
padding-top: 2%;
height: auto;
}
.main.about .chairman .cha_r .con .line {
width: 70px;
height: 1px;
margin-top: 0px;
background: #b5b5b5;
}
.main.about .chairman .cha_r .con .txt {
font-size: 14px;
padding-top: 8px;
width: 90%;
}
}
@media (max-width: 1140px) {
.main.about .chairman {
margin-top: 30px;
}
.main.about .chairman .cha_r {
width: 47.5%;
padding-left: 2.5%;
}
.main.about .chairman .cha_r .con {
width: 100%;
padding-top: 2%;
}
.main.about .chairman .cha_r .con .line {
width: 70px;
}
.main.about .chairman .cha_r .con .txt {
font-size: 12px;
padding-top: 8px;
width: 90%;
}
}
@media (max-width: 950px) {
.main.about .chairman {
margin-top: 30px;
}
.main.about .chairman .cha_l {
width: 100%;
height: auto;
float: none;
}
.main.about .chairman .cha_r {
width: 94%;
float: none;
padding: 0 3%;
}
.main.about .chairman .cha_r .con {
padding: 20px 0;
}
.main.about .chairman .cha_r .con .line {
margin-top: 10px;
}
.main.about .chairman .cha_r .con .txt {
font-size: 14px;
width: 80%;
}
}
@media (max-width: 600px) {
.main.about .chairman {
margin-top: 25px;
}
.main.about .chairman .cha_l {
width: 100%;
height: auto;
float: none;
}
.main.about .chairman .cha_r {
float: none;
}
.main.about .chairman .cha_r .con {
padding: 20px 0;
}
.main.about .chairman .cha_r .con .line {
width: 50px;
margin-top: 5px;
}
.main.about .chairman .cha_r .con .txt {
font-size: 14px;
width: 100%;
}
}
.main.about .box {
width: 100%;
height: auto;
padding-top: 40px;
background: url(../images/ds.jpg) no-repeat center center;
background-size: cover !important;
}
.main.about .box .container:nth-child(even) {
border: none;
}
.main.about .box .container:nth-child(even) .container_l {
float: right;
}
.main.about .box .container:nth-child(even) .container_r {
float: left;
}
.main.about .box .container {
width: 1200px;
padding-bottom: 65px;
margin-top: 74px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #efefef;
}
.main.about .box .container .container_l {
width: 50%;
height: auto;
float: left;
overflow: hidden;
}
.main.about .box .container .container_l.js-m {
transform: translate(200px, 0);
opacity: 0;
}
.main.about .box .container .container_l img {
width: 100%;
height: auto;
}
.main.about .box .container .container_r {
width: 42.5%;
height: auto;
float: right;
}
.main.about .box .container .container_r.js-m {
transform: translate(-200px, 0);
opacity: 0;
}
.main.about .box .container .container_r .tit {
font-size: 24px;
padding-top: 6%;
color: #4e4d4d;
font-family: FuturaLTHeavy;
line-height: 30px;
padding-right: 15%;
}
.main.about .box .container .container_r .txt {
font-size: 16px;
color: #666;
margin-top: 60px;
font-family: ROBOTOREGULAR;
line-height: 22px;
}
.main.about .box .cont {
width: 1200px;
height: auto;
padding-top: 38px;
padding-bottom: 220px;
margin: 0 auto;
}
.main.about .box .cont .tit {
font-size: 48px;
color: #71bf44;
font-family: FuturaLTHeavy;
text-align: center;
}
@media (max-width: 1240px) {
.main.about .box .cont .tit {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.about .box .cont .tit {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.about .box .cont .tit {
font-size: 24px;
}
}
.main.about .box .cont .txt_w {
font-size: 16px;
color: #666;
text-align: center;
line-height: 28px;
font-family: ROBOTOREGULAR;
}
@media (max-width: 1240px) {
.main.about .box {
padding-top: 25px;
}
.main.about .box .container {
width: 90%;
padding-bottom: 50px;
margin-top: 55px;
}
.main.about .box .container .container_r .tit {
font-size: 20px;
padding-top: 4%;
}
.main.about .box .container .container_r .txt {
font-size: 14px;
margin-top: 35px;
}
.main.about .box .cont {
width: 90%;
padding-top: 30px;
padding-bottom: 220px;
}
.main.about .box .cont .txt_w {
font-size: 14px;
color: #666;
text-align: center;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.main.about .box {
padding-top: 25px;
}
.main.about .box .container {
width: 90%;
padding-bottom: 50px;
margin-top: 35px;
}
.main.about .box .container .container_r .tit {
font-size: 20px;
padding-top: 4%;
padding-right: 0%;
}
.main.about .box .container .container_r .txt {
font-size: 12px;
margin-top: 25px;
}
.main.about .box .cont {
width: 90%;
padding-top: 20px;
padding-bottom: 180px;
}
}
@media (max-width: 950px) {
.main.about .box {
padding-top: 20px;
}
.main.about .box .container {
margin-top: 35px;
padding-bottom: 30px;
}
.main.about .box .container .container_l {
width: 100%;
float: none;
}
.main.about .box .container .container_r {
width: 100%;
float: none;
}
.main.about .box .container .container_r .tit {
font-size: 16px;
padding-top: 10px;
}
.main.about .box .container .container_r .txt {
font-size: 14px;
margin-top: 15px;
}
.main.about .box .cont {
width: 90%;
padding-top: 15px;
padding-bottom: 180px;
}
}
@media (max-width: 600px) {
.main.about .box {
padding-top: 10px;
}
.main.about .box .container {
margin-top: 25px;
padding-bottom: 15px;
}
.main.about .box .container .container_r .tit {
line-height: 24px;
}
.main.about .box .container .container_r .txt {
margin-top: 10px;
}
.main.about .box .cont {
width: 90%;
padding-top: 5px;
padding-bottom: 140px;
}
}
.main.about .introduction {
width: 1200px;
height: auto;
margin: 95px auto 0 auto;
padding-bottom:292px;
}
.main.about .introduction .il.js-m {
transform: translate(100px, 0);
opacity: 0;
}
.main.about .introduction .il .name {
font-size: 48px;
color: #000;
line-height: 55px;
font-family: FuturaLTHeavy;
background: url(../images/q.png) no-repeat left center;
padding-left: 63px;
}
@media (max-width: 1240px) {
.main.about .introduction .il .name {
font-size: 38px;
line-height: 45px;
background-size: 34.4px 31.2px;
padding-left: 50.4px;
}
}
@media (max-width: 1024px) {
.main.about .introduction .il .name {
font-size: 28px;
line-height: 35px;
}
}
@media (max-width: 500px) {
.main.about .introduction .il .name {
font-size: 24px;
line-height: 32px;
padding-left: 37.8px;
background-size: 25.8px 23.4px;
}
}
@media (max-width: 360px) {
.main.about .introduction .il .name {
font-size: 20px;
line-height: 26px;
}
}
.main.about .introduction .il .line {
width: 180px;
height: 1px;
margin-top: 40px;
background: #b5b5b5;
}
.main.about .introduction .il .txt {
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
padding-top: 30px;
background: none !important;
}
.main.about .introduction .il .txt p {
padding-top: 8px;
background: none !important;
}
.main.about .introduction .il .txt p span {
background: none !important;
}
.main.about .introduction .ir {
float: right;
width: 50%;
height: auto;
overflow: hidden;
}
.main.about .introduction .ir.js-m {
transform: translate(-200px, 0);
opacity: 0;
}
.main.about .introduction .ir img {
width: 100%;
height: auto;
}
@media (max-width: 1240px) {
.main.about .introduction {
width: 90%;
margin: 70px auto 0 auto;
}
.main.about .introduction .il {
width: 100%;
}
.main.about .introduction .il .line {
width: 160px;
margin-top: 30px;
}
.main.about .introduction .il .txt {
font-size: 14px;
padding-top: 25px;
}
}
@media (max-width: 1024px) {
.main.about .introduction {
margin: 50px auto 0 auto;
}
.main.about .introduction .il .line {
width: 120px;
margin-top: 20px;
}
.main.about .introduction .il .txt {
font-size: 12px;
padding-top: 15px;
}
}
@media (max-width: 930px) {
.main.about .introduction {
margin: 30px auto 0 auto;
}
.main.about .introduction .il {
width: 100%;
float: none;
margin-top: 20px;
}
.main.about .introduction .il .txt {
padding-top: 10px;
font-size: 14px;
line-height: 24px;
}
.main.about .introduction .il .line {
margin-top: 15px;
width: 80px;
}
.main.about .introduction .ir {
width: 100%;
float: none;
}
}
.main.about .company {
width: 100%;
height: auto;
padding-top: 105px;
background: url(../images/ab.jpg) no-repeat center center;
background-size: cover !important;
}
.main.about .company .company_box {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 52px;
padding-bottom: 65px;
background: url(../images/f.jpg) no-repeat right top;
}
.main.about .company .company_box .tu {
width: 47.25%;
height: auto;
float: left;
overflow: hidden;
}
.main.about .company .company_box .tu.js-m {
transform: translate(-100px, 0);
opacity: 0;
}
.main.about .company .company_box .tu img {
width: 100%;
height: auto;
}
.main.about .company .company_box .txt_w {
width: 44%;
height: auto;
float: right;
}
.main.about .company .company_box .txt_w .nm {
font-size: 18px;
color: #f8f8f8;
line-height: 34px;
}
.main.about .company .company_box .txt_w .name {
font-size: 48px;
color: #fff;
font-family: FuturaLTL;
}
@media (max-width: 1240px) {
.main.about .company .company_box .txt_w .name {
font-size: 38px;
line-height: 60px;
}
}
@media (max-width: 1024px) {
.main.about .company .company_box .txt_w .name {
font-size: 28px;
line-height: 40px;
}
}
@media (max-width: 500px) {
.main.about .company .company_box .txt_w .name {
font-size: 24px;
line-height: 38px;
}
}
@media (max-width: 360px) {
.main.about .company .company_box .txt_w .name {
font-size: 20px;
line-height: 36px;
}
}
.main.about .company .company_box .txt_w .co {
font-size: 16px;
color: #fff;
width: 90%;
padding-top: 12px;
font-family: ROBOTOREGULAR;
}
.main.about .company .content2 {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 65px;
}
.main.about .company .content2 .descript {
font-size: 18px;
color: #71bf44;
font-family: DINProMedium;
text-align: center;
}
.main.about .company .content2 .ti {
font-size: 48px;
color: #242424;
line-height: 70px;
text-align: center;
font-family: FuturaLTL;
}
@media (max-width: 1240px) {
.main.about .company .content2 .ti {
font-size: 38px;
line-height: 54px;
}
}
@media (max-width: 1024px) {
.main.about .company .content2 .ti {
font-size: 28px;
line-height: 48px;
}
}
@media (max-width: 500px) {
.main.about .company .content2 .ti {
font-size: 24px;
line-height: 38px;
}
}
@media (max-width: 360px) {
.main.about .company .content2 .ti {
font-size: 20px;
line-height: 36px;
}
}
.main.about .company .content2 .box2 {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 15px;
}
.main.about .company .content2 .box2 ul {
width: 100%;
height: auto;
}
.main.about .company .content2 .box2 ul li:nth-child(even) {
float: right;
}
.main.about .company .content2 .box2 ul li {
width: 45.5%;
height: auto;
float: left;
margin-top: 60px;
}
.main.about .company .content2 .box2 ul li .tit {
width: 100%;
height: auto;
}
.main.about .company .content2 .box2 ul li .tit .radius {
width: 20px;
height: 20px;
border-radius: 50%;
float: left;
background: #71bf44;
}
.main.about .company .content2 .box2 ul li .tit .n {
font-size: 24px;
float: left;
margin-left: 10px;
line-height: 24px;
color: #71bf44;
font-family: DINProBold;
}
.main.about .company .content2 .box2 ul li .con {
width: 100%;
height: auto;
padding-top: 32px;
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 28px;
}
@media (max-width: 1240px) {
.main.about .company {
padding-top: 90px;
padding-bottom: 275px;
}
.main.about .company .company_box {
width: 90%;
padding-top: 45px;
padding-bottom: 58px;
background-size: cover !important;
}
.main.about .company .company_box .txt_w .nm {
font-size: 16px;
line-height: 28px;
}
.main.about .company .company_box .txt_w .co {
font-size: 14px;
}
.main.about .company .content2 {
width: 90%;
padding-top: 50px;
}
.main.about .company .content2 .descript {
font-size: 16px;
}
.main.about .company .content2 .box2 {
width: 90%;
padding-top: 15px;
}
.main.about .company .content2 .box2 ul li {
margin-top: 40px;
}
.main.about .company .content2 .box2 ul li .tit .radius {
width: 16px;
height: 16px;
}
.main.about .company .content2 .box2 ul li .tit .n {
font-size: 20px;
margin-left: 8px;
line-height: 20px;
}
.main.about .company .content2 .box2 ul li .con {
padding-top: 15px;
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.main.about .company {
padding-top: 70px;
padding-bottom: 240px;
}
.main.about .company .company_box {
padding-top: 30px;
padding-bottom: 45px;
}
.main.about .company .company_box .txt_w .nm {
font-size: 14px;
line-height: 24px;
}
.main.about .company .company_box .txt_w .co {
font-size: 12px;
width: 90%;
}
.main.about .company .content2 {
padding-top: 35px;
}
.main.about .company .content2 .descript {
font-size: 14px;
}
.main.about .company .content2 .box2 {
width: 90%;
padding-top: 15px;
}
.main.about .company .content2 .box2 ul li {
margin-top: 30px;
}
.main.about .company .content2 .box2 ul li .tit .radius {
width: 16px;
height: 16px;
}
.main.about .company .content2 .box2 ul li .tit .n {
font-size: 18px;
margin-left: 8px;
line-height: 18px;
}
.main.about .company .content2 .box2 ul li .con {
padding-top: 15px;
font-size: 12px;
line-height: 20px;
}
}
@media (max-width: 850px) {
.main.about .company {
padding-top: 40px;
padding-bottom: 220px;
}
.main.about .company .company_box {
padding-top: 20px;
padding-bottom: 30px;
background-size: cover !important;
}
.main.about .company .company_box .tu {
width: 92%;
float: none;
margin: 0 auto;
}
.main.about .company .company_box .txt_w {
width: 92%;
float: none;
padding: 15px 4% 0 4%;
}
.main.about .company .company_box .txt_w .nm {
font-size: 16px;
line-height: 30px;
}
.main.about .company .company_box .txt_w .co {
font-size: 14px;
width: 100%;
padding-top: 6px;
}
.main.about .company .content2 {
padding-top: 20px;
}
.main.about .company .content2 .box2 ul li:nth-child(even) {
float: none;
}
.main.about .company .content2 .box2 ul li {
width: 100%;
float: none;
margin-top: 15px;
}
.main.about .company .content2 .box2 ul li .tit .radius {
width: 12px;
height: 12px;
}
.main.about .company .content2 .box2 ul li .tit .n {
font-size: 16px;
line-height: 16px;
margin-left: 5px;
}
.main.about .company .content2 .box2 ul li .con {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 620px) {
.main.about .company {
padding-top: 25px;
padding-bottom: 150px !important;
}
}
@media (max-width: 500px) {
.main.about .company {
padding-top: 25px;
padding-bottom: 140px !important;
}
}
.main.about .honor {
width: 1200px;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.main.about .honor ul {
width: 100%;
height: auto;
}
.main.about .honor ul li {
width: 31.25%;
height: auto;
margin-top: 30px;
margin-right: 2%;
overflow: hidden;
}
@media (min-width: 1024px) {
.main.about .honor ul li:hover img {
transform: scale(1.1);
}
}
.main.about .honor ul li img {
width: 100%;
height: auto;
transition: all 0.5s;
}
@media (max-width: 1240px) {
.main.about .honor {
width: 90%;
}
.main.about .honor ul li {
margin-top: 25px;
}
}
@media (max-width: 1024px) {
.main.about .honor {
width: 90%;
}
.main.about .honor ul li {
margin-top: 20px;
}
}
@media (max-width: 850px) {
.main.about .honor ul li {
width: 47%;
margin-right: 2%;
margin-top: 15px;
}
}
@media (max-width: 500px) {
.main.about .honor ul li {
margin-top: 10px;
width: 100%;
}
}
.main.about .page2 {
width: 1200px;
height: auto;
margin: 70px auto 0 auto;
}
.main.about .page2 img {
width: 100%;
height: auto;
}
@media (max-width: 1240px) {
.main.about .page2 {
width: 90%;
margin: 50px auto 0 auto;
}
}
@media (max-width: 1024px) {
.main.about .page2 {
width: 90%;
margin: 40px auto 0 auto;
}
}
@media (max-width: 850px) {
.main.about .page2 {
width: 90%;
margin: 25px auto 0 auto;
}
}
@media (max-width: 500px) {
.main.about .page2 {
width: 90%;
margin: 20px auto 0 auto;
}
}
.main.products {
width: 100%;
height: auto;
padding-bottom: 193px;
}
@media (max-width: 1024px) {
.main.products {
padding-bottom: 185px;
}
}
@media (max-width: 650px) {
.main.products {
padding-bottom: 100px;
}
}
@media (max-width: 420px) {
.main.products {
padding-bottom: 120px;
}
}
.main.products .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.products .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.products .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.products .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.products .position .name {
font-size: 24px;
}
}
.main.products .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.products .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.products .position .position_r a:hover {
color: #71bf44;
}
}
.main.products .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.products .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.products .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.products .position {
padding-top: 25px;
}
.main.products .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.products .position {
padding-top: 10px;
}
}
.main.products .classification {
width: 1200px;
height: auto;
margin: 55px auto 0 auto;
}
.main.products .classification a {
height: 50px;
padding: 0 18px;
background: #f8f8f8;
font-size: 14px;
color: #656565;
font-family: DINProMedium;
line-height: 50px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s;
}
.main.products .classification a.cur {
background: #71bf44;
color: #fff;
}
@media (min-width: 1024px) {
.main.products .classification a:hover {
background: #71bf44;
color: #fff;
}
}
@media (max-width: 1240px) {
.main.products .classification {
width: 90%;
margin: 40px auto 0 auto;
}
.main.products .classification a:last-child {
margin-right: 0;
}
.main.products .classification a {
height: 46px;
padding: 0 12px;
line-height: 46px;
margin-right: 8px;
}
}
@media (max-width: 1180px) {
.main.products .classification {
margin: 30px auto 0 auto;
}
.main.products .classification a {
padding: 0 8px !important;
height: 40px;
line-height: 40px;
margin-right: 5px;
}
}
@media (max-width: 1100px) {
.main.products .classification a {
height: 36px;
line-height: 36px;
padding: 0 6px !important;
margin-right: 4px;
}
}
@media (max-width: 1024px) {
.main.products .classification {
display: none;
}
}
.main.products .product_main {
width: 1200px;
height: auto;
margin: 0 auto;
overflow: hidden;
padding-top: 37px;
}
.main.products .product_main ul {
width: 110%;
height: auto;
}
.main.products .product_main ul li {
width: 28.9%;
height: auto;
float: left;
margin-right: 2.2%;
margin-bottom: 30px;
}
.main.products .product_main ul li a {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 1024px) {
.main.products .product_main ul li a:hover .tu .cont {
opacity: 1;
transform: translate(0, 0);
}
.main.products .product_main ul li a:hover .tu .bg {
opacity: 1;
}
}
.main.products .product_main ul li a .tu {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.main.products .product_main ul li a .tu p{ line-height:40px; text-align:center; color:#333; font-size:14px}
.main.products .product_main ul li a .tu .bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
background: #71bf44;
transition: all 0.5s;
}
.main.products .product_main ul li a .tu img {
width: 100%;
height: 230px;
object-fit: contain;
}
@media screen and (max-width: 768px){
.main.products .product_main ul li a .tu img{
height: 90px;
}
}
.main.products .product_main ul li a .tu .cont {
width: 100%;
height: 88%;
position: absolute;
left: 0;
opacity: 0;
transition: all 0.5s 0.2s;
transform: translate(0, 20px);
padding-top: 12%;
z-index: 10;
top: 0;
}
.main.products .product_main ul li a .tu .cont .ti {
font-size: 30px;
color: #fff;
font-family: FuturaLTHeavy;
text-align: center;
line-height: 40px;
}
.main.products .product_main ul li a .tu .cont .ds {
font-size: 16px;
color: #fff;
text-align: center;
}
.main.products .product_main ul li a .tu .cont .more {
width: 76px;
height: 76px;
background: url(../images/more.png) no-repeat;
background-size: cover !important;
margin: 25px auto 0 auto;
}
@media (max-width: 1240px) {
.main.products .product_main {
width: 90%;
padding-top: 30px;
}
.main.products .product_main ul li {
margin-bottom: 25px;
}
.main.products .product_main ul li a .tu .cont .ti {
font-size: 26px;
line-height: 36px;
}
.main.products .product_main ul li a .tu .cont .ds {
font-size: 14px;
}
.main.products .product_main ul li a .tu .cont .more {
width: 65px;
height: 65px;
}
}
@media (max-width: 1024px) {
.main.products .product_main {
padding-top: 25px;
}
.main.products .product_main ul li {
margin-bottom: 25px;
}
}
@media (max-width: 700px) {
.main.products .product_main {
padding-top: 25px;
}
.main.products .product_main ul li {
margin-bottom: 15px;
}
}
@media (max-width: 620px) {
.main.products .product_main {
padding-top: 20px;
}
.main.products .product_main ul {
width: 100%;
}
.main.products .product_main ul li:nth-child(even) {
float: right;
}
.main.products .product_main ul li {
width: 48%;
margin-right: 0;
margin-bottom: 15px;
}
}
@media (max-width: 500px) {
.main.products .product_main {
padding-top: 20px;
}
}
.main.products .page2 {
width: 1200px;
height: auto;
margin: 15px auto 0 auto;
}
.main.products .page2 img {
width: 100%;
height: auto;
}
@media (max-width: 1240px) {
.main.products .page2 {
width: 90%;
margin: 10px auto 0 auto;
}
}
@media (max-width: 600px) {
.main.products .page2 {
width: 90%;
margin: 5px auto 0 auto;
}
}
.main.products .pro_detail {
width: 100%;
height: auto;
background: url(../images/pd.jpg) no-repeat;
background-size: contain !important;
}
.main.products .pro_detail .detail_cen {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 60px;
}
.main.products .pro_detail .detail_cen .dl {
float: left;
width: 41.5%;
height: 542px;
background: #f8f8f8;
position: relative;
}
.main.products .pro_detail .detail_cen .dl.js-m {
transform: translate(-200px, 0);
opacity: 0;
}
.main.products .pro_detail .detail_cen .dl .tu {
width: 100%;
height: 100%;
text-align: center;
}
.main.products .pro_detail .detail_cen .dl .tu img {
max-width: 90%;
max-height: 90%;
}
.main.products .pro_detail .detail_cen .dl .prev {
width: 44px;
height: 46px;
position: absolute;
left: 0;
top: 50%;
margin-top: -23px;
background: url(../images/left.png) no-repeat center center #ccc;
transition: all 0.5s;
cursor: pointer;
}
@media (min-width: 1024px) {
.main.products .pro_detail .detail_cen .dl .prev:hover {
background: url(../images/left2.png) no-repeat center center #71bf44;
}
}
.main.products .pro_detail .detail_cen .dl .next {
width: 44px;
height: 46px;
position: absolute;
right: 0;
top: 50%;
margin-top: -23px;
cursor: pointer;
background: url(../images/right.png) no-repeat center center #ccc;
transition: all 0.5s;
}
@media (min-width: 1024px) {
.main.products .pro_detail .detail_cen .dl .next:hover {
background: url(../images/right2.png) no-repeat center center #71bf44;
}
}
.main.products .pro_detail .detail_cen .show-img {
width: 46%;
float: left;
display: none;
}
@media (max-width: 1024px) {
.main.products .pro_detail .detail_cen .show-img {
display: block;
}
}
.main.products .pro_detail .detail_cen .show-img .gallery-top {
width: 100%;
background: #f8f8f8;
height: 300px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper {
width: 100%;
height: auto;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide {
width: 100%;
text-align: center;
line-height: 300px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide img {
max-width: 40%;
max-height: 80%;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-prev {
position: absolute;
left: 0;
top: 50%;
margin-top: -23px;
background: url(../images/left.png) no-repeat center center #ccc;
transition: all 0.5s;
cursor: pointer;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -23px;
cursor: pointer;
background: url(../images/right.png) no-repeat center center #ccc;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .show-img .swiper {
width: 100%;
height: auto;
margin: 15px auto 0 auto;
position: relative;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs {
width: 100%;
height: auto;
margin: 0 auto;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs .swiper-wrapper .swiper-slide {
background: #f8f8f8;
height: 80px;
text-align: center;
box-sizing: border-box;
line-height: 80px;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs .swiper-wrapper .swiper-slide img {
max-width: 80%;
max-height: 90%;
}
.main.products .pro_detail .detail_cen .dr {
width: 50%;
height: auto;
float: right;
}
.main.products .pro_detail .detail_cen .dr.js-m {
transform: translate(200px, 0);
opacity: 0;
}
.main.products .pro_detail .detail_cen .dr .name {
font-size: 35px;
color: #656565;
font-family: FuturaLTHeavy;
line-height: 36px;
}
.main.products .pro_detail .detail_cen .dr .model {
font-size: 24px;
color: #4e6bbf;
margin-top: 25px;
font-family: FuturaLTHeavy;
}
.main.products .pro_detail .detail_cen .dr .line {
width: 58px;
height: 3px;
margin-top: 12px;
background: #d7d7d7;
}
.main.products .pro_detail .detail_cen .dr .txt {
font-size: 18px;
color: #656565;
margin-top: 37px;
margin-bottom: 25px;
font-family: DINProMedium;
}
.main.products .pro_detail .detail_cen .dr .link {
width: 266px;
height: 50px;
display: block;
font-size: 24px;
color: #fff;
text-align: center;
font-family: DINProMedium;
background: #71bf44;
line-height: 50px;
text-transform:uppercase;
}
.main.products .pro_detail .detail_cen .dr .ti {
font-size: 24px;
color: #71bf44;
font-family: DINProBold;
background: url(../images/email.png) no-repeat left center;
padding-left: 55px;
margin-top: 58px;
}
.main.products .pro_detail .detail_cen .dr .box {
width: 100%;
height: auto;
margin-top: 25px;
overflow: hidden;
}
.main.products .pro_detail .detail_cen .dr .box ul {
width: 2000px;
height: auto;
position: relative;
}
.main.products .pro_detail .detail_cen .dr .box ul li {
width: 140px;
height: 112px;
float: left;
margin-right: 10px;
background: #f8f8f8;
text-align: center;
position: relative;
cursor: pointer;
}
.main.products .pro_detail .detail_cen .dr .box ul li .border {
border: 2px solid #f8f8f8;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.main.products .pro_detail .detail_cen .dr .box ul li.cur .border {
border-color: #0b309b;
}
.main.products .pro_detail .detail_cen .dr .box ul li img {
max-width: 85%;
max-height: 85%;
}
.main.products .pro_detail .detail {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 43px;
}
.main.products .pro_detail .detail .ti {
font-size: 36px;
color: #71bf44;
font-family: DINProBold;
background: url(../images/d.png) no-repeat left center;
padding-left: 55px;
margin-top: 58px;
}
.main.products .pro_detail .detail table {
width: 100% !important;
height: auto;
display: block;
margin-top: 20px;
}
.main.products .pro_detail .detail table tbody {
width: 100% !important;
}
.main.products .pro_detail .detail table tr {
width: 100% !important;
height: 64px;
line-height: 64px;
}
.main.products .pro_detail .detail table tr td:first-child {
padding-left: 26px;
width: 252px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td:nth-child(2) {
width: 948px;
padding-left: 120px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td {
font-size: 24px;
color: #656565;
font-family: ROBOTOREGULAR;
border: 1px solid #dadadd;
}
.main.products .pro_detail .application {
width: 100%;
height: auto;
margin-top: 74px;
background: #fbfbfb;
}
.main.products .pro_detail .application .application_cen {
width: 1200px;
height: auto;
margin: 0 auto;
padding-bottom: 74px;
padding-top: 80px;
}
.main.products .pro_detail .application .application_cen .ti {
font-size: 36px;
color: #71bf44;
font-family: DINProBold;
padding-left: 59px;
background: url(../images/y.png) no-repeat left center;
}
.main.products .pro_detail .application .application_cen .ti2 {
font-size: 36px;
color: #71bf44;
font-family: DINProBold;
padding-left: 59px;
margin-top: 75px;
background: url(../images/y2.png) no-repeat left center;
}
.main.products .pro_detail .application .application_cen .con {
font-size: 16px;
color: #666;
margin-top: 25px;
line-height: 28px;
font-family: ROBOTOREGULAR;
}
.main.products .pro_detail .online_cen {
width: 1200px;
height: auto;
margin-left: auto;
margin-right: auto;
border: 1px solid #dadadd;
margin-top: 65px;
margin-bottom: 42px;
padding: 55px 0;
}
.main.products .pro_detail .online_cen .txt {
font-size: 24px;
color: #656565;
font-family: FuturaLTHeavy;
text-align: center;
line-height: 24px;
}
.main.products .pro_detail .online_cen .online {
font-size: 30px;
color: #fff;
text-align: center;
font-family: DINProBold;
width: 237px;
height: 42px;
display: block;
background: #d4ae7f;
line-height: 42px;
margin: 40px auto 0 auto;
}
@media (max-width: 1240px) {
.main.products .pro_detail .detail_cen {
width: 90%;
padding-top: 54px;
}
.main.products .pro_detail .detail_cen .dl {
width: 46%;
}
.main.products .pro_detail .detail_cen .dl .prev {
width: 39.6px;
height: 41.4px;
margin-top: -20.7px;
background-size: 9.9px 17.1px;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.products .pro_detail .detail_cen .dl .prev:hover {
background-size: 9.9px 17.1px;
}
}
@media (max-width: 1240px) {
.main.products .pro_detail .detail_cen .dl .next {
width: 39.6px;
height: 41.4px;
margin-top: -20.7px;
background-size: 9.9px 17.1px;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.products .pro_detail .detail_cen .dl .next:hover {
background-size: 9.9px 17.1px;
}
}
@media (max-width: 1240px) {
.main.products .pro_detail .detail_cen .dr {
width: 50%;
}
.main.products .pro_detail .detail_cen .dr .name {
font-size: 30px;
line-height: 30px;
}
.main.products .pro_detail .detail_cen .dr .model {
font-size: 20px;
margin-top: 22.5px;
}
.main.products .pro_detail .detail_cen .dr .line {
margin-top: 10px;
}
.main.products .pro_detail .detail_cen .dr .txt {
font-size: 16px;
margin-top: 33.3px;
margin-bottom: 22.5px;
}
.main.products .pro_detail .detail_cen .dr .link {
width: 239.4px;
height: 45px;
font-size: 20px;
line-height: 45px;
}
.main.products .pro_detail .detail_cen .dr .ti {
font-size: 22px;
padding-left: 49.5px;
margin-top: 52.2px;
}
.main.products .pro_detail .detail_cen .dr .box {
margin-top: 22.5px;
}
.main.products .pro_detail .detail_cen .dr .box ul {
width: 2000px;
height: auto;
}
.main.products .pro_detail .detail_cen .dr .box ul li {
width: 140px;
height: 112px;
float: left;
margin-right: 10px;
background: #f8f8f8;
text-align: center;
position: relative;
}
.main.products .pro_detail .detail_cen .dr .box ul li .border {
border: 2px solid #f8f8f8;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.main.products .pro_detail .detail_cen .dr .box ul li.cur .border {
border-color: #0b309b;
}
.main.products .pro_detail .detail_cen .dr .box ul li img {
max-width: 90%;
max-height: 90%;
}
.main.products .pro_detail .detail {
width: 90%;
padding-top: 38.7px;
}
.main.products .pro_detail .detail .ti {
font-size: 30px;
margin-top: 52.2px;
}
.main.products .pro_detail .detail table {
margin-top: 15px;
}
.main.products .pro_detail .detail table tr {
width: 100% !important;
height: 55px;
line-height: 55px;
}
.main.products .pro_detail .detail table tr td:first-child {
padding-left: 23.4px;
width: 252px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td:nth-child(2) {
width: 948px;
padding-left: 108px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td {
font-size: 20px;
}
.main.products .pro_detail .application {
margin-top: 66.6px;
}
.main.products .pro_detail .application .application_cen {
width: 90%;
padding-bottom: 59.2px;
padding-top: 64px;
}
.main.products .pro_detail .application .application_cen .ti {
font-size: 30px;
padding-left: 53.1px;
background-size: 35.1px 39.6px;
}
.main.products .pro_detail .application .application_cen .ti2 {
font-size: 30px;
padding-left: 53.1px;
margin-top: 60px;
background-size: 40.5px 40.5px;
}
.main.products .pro_detail .application .application_cen .con {
font-size: 14px;
margin-top: 22.5px;
line-height: 22px;
}
.main.products .pro_detail .online_cen {
width: 90%;
margin-top: 58.5px;
margin-bottom: 37.8px;
padding: 44px 0;
}
.main.products .pro_detail .online_cen .txt {
font-size: 20px;
line-height: 20px;
}
.main.products .pro_detail .online_cen .online {
font-size: 25px;
width: 237px;
height: 42px;
display: block;
background: #d4ae7f;
line-height: 42px;
margin: 35px auto 0 auto;
}
}
@media (max-width: 1024px) {
.main.products .pro_detail .detail_cen {
width: 90%;
padding-top: 42px;
}
.main.products .pro_detail .detail_cen .dl {
width: 41.5%;
display: none;
}
.main.products .pro_detail .detail_cen .dr {
width: 50%;
}
.main.products .pro_detail .detail_cen .dr .name {
font-size: 20px;
line-height: 20px;
}
.main.products .pro_detail .detail_cen .dr .model {
font-size: 16px;
margin-top: 20px;
}
.main.products .pro_detail .detail_cen .dr .line {
margin-top: 8px;
}
.main.products .pro_detail .detail_cen .dr .txt {
font-size: 14px;
margin-top: 25.9px;
margin-bottom: 17.5px;
}
.main.products .pro_detail .detail_cen .dr .link {
width: 212.8px;
height: 40px;
font-size: 20px;
line-height: 45px;
}
.main.products .pro_detail .detail_cen .dr .ti {
display: none;
}
.main.products .pro_detail .detail_cen .dr .box {
display: none;
}
.main.products .pro_detail .detail {
width: 90%;
padding-top: 38.7px;
}
.main.products .pro_detail .detail .ti {
font-size: 24px;
margin-top: 40.6px;
background-size: 24.5px 23.8px;
padding-left: 38.5px;
}
.main.products .pro_detail .detail table {
margin-top: 15px;
}
.main.products .pro_detail .detail table tr {
width: 100% !important;
height: 44px;
line-height: 44px;
}
.main.products .pro_detail .detail table tr td:first-child {
padding-left: 18.2px;
width: 252px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td:nth-child(2) {
width: 948px;
padding-left: 60px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td {
font-size: 16px;
}
.main.products .pro_detail .application {
margin-top: 51.8px;
}
.main.products .pro_detail .application .application_cen {
width: 90%;
padding-bottom: 44.4px;
padding-top: 48px;
}
.main.products .pro_detail .application .application_cen .ti {
font-size: 24px;
padding-left: 41.3px;
background-size: 27.3px 30.8px;
}
.main.products .pro_detail .application .application_cen .ti2 {
font-size: 24px;
padding-left: 41.3px;
margin-top: 40px;
background-size: 31.5px 31.5px;
}
.main.products .pro_detail .application .application_cen .con {
font-size: 14px;
margin-top: 17.5px;
line-height: 22px;
}
.main.products .pro_detail .online_cen {
width: 90%;
margin-top: 45.5px;
margin-bottom: 29.4px;
padding: 35px 0;
}
.main.products .pro_detail .online_cen .txt {
font-size: 16px;
line-height: 16px;
}
.main.products .pro_detail .online_cen .online {
font-size: 20px;
width: 165.9px;
height: 29.4px;
line-height: 29.4px;
margin: 20px auto 0 auto;
}
}
@media (max-width: 850px) {
.main.products .pro_detail .detail_cen {
width: 90%;
padding-top: 25px;
}
.main.products .pro_detail .detail_cen .show-img {
width: 100%;
float: none;
margin-bottom: 25px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top {
width: 100%;
background: #f8f8f8;
height: 280px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper {
width: 100%;
height: auto;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide {
width: 100%;
text-align: center;
line-height: 280px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide img {
max-width: 30%;
max-height: 80%;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-prev {
position: absolute;
left: 0;
top: 50%;
margin-top: -23px;
background: url(../images/left.png) no-repeat center center #ccc;
transition: all 0.5s;
cursor: pointer;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -23px;
cursor: pointer;
background: url(../images/right.png) no-repeat center center #ccc;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .dr {
width: 100%;
float: none;
}
.main.products .pro_detail .detail_cen .dr .name {
font-size: 16px;
line-height: 16px;
}
.main.products .pro_detail .detail_cen .dr .model {
font-size: 14px;
margin-top: 10px;
}
.main.products .pro_detail .detail_cen .dr .line {
margin-top: 8px;
}
.main.products .pro_detail .detail_cen .dr .txt {
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
}
.main.products .pro_detail .detail_cen .dr .link {
width: 159.6px;
height: 40px;
font-size: 16px;
line-height: 40px;
}
.main.products .pro_detail .detail_cen .dr .ti {
display: none;
}
.main.products .pro_detail .detail_cen .dr .box {
display: none;
}
.main.products .pro_detail .detail {
width: 90%;
padding-top: 0;
}
.main.products .pro_detail .detail .ti {
font-size: 20px;
margin-top: 34.8px;
background-size: 21px 20.4px;
padding-left: 38.5px;
}
.main.products .pro_detail .detail table {
margin-top: 10px;
}
.main.products .pro_detail .detail table tr {
width: 100% !important;
height: 44px;
line-height: 44px;
}
.main.products .pro_detail .detail table tr td:first-child {
padding-left: 13px;
width: 252px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td:nth-child(2) {
width: 948px;
padding-left: 30px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td {
font-size: 14px;
}
.main.products .pro_detail .application {
margin-top: 29.6px;
}
.main.products .pro_detail .application .application_cen {
width: 90%;
padding-bottom: 35px;
padding-top: 35px;
}
.main.products .pro_detail .application .application_cen .ti {
font-size: 20px;
padding-left: 35.4px;
background-size: 23.4px 26.4px;
}
.main.products .pro_detail .application .application_cen .ti2 {
font-size: 20px;
padding-left: 35.4px;
margin-top: 15px;
background-size: 27px 27px;
}
.main.products .pro_detail .application .application_cen .con {
font-size: 14px;
margin-top: 10px;
line-height: 22px;
}
.main.products .pro_detail .online_cen {
width: 90%;
margin-top: 32.5px;
margin-bottom: 21px;
padding: 20px 0;
}
.main.products .pro_detail .online_cen .txt {
font-size: 14px;
line-height: 14px;
}
.main.products .pro_detail .online_cen .online {
font-size: 16px;
width: 142.2px;
height: 25.2px;
line-height: 25.2px;
margin: 10px auto 0 auto;
}
}
@media (max-width: 500px) {
.main.products .pro_detail .detail_cen {
width: 90%;
padding-top: 25px;
}
.main.products .pro_detail .detail_cen .show-img {
width: 100%;
float: none;
margin-bottom: 20px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top {
width: 100%;
background: #f8f8f8;
height: 200px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper {
width: 100%;
height: auto;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide {
width: 100%;
text-align: center;
line-height: 200px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-wrapper .swiper-slide img {
max-width: 40%;
max-height: 80%;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-prev {
position: absolute;
left: 0;
top: 50%;
margin-top: -23px;
background: url(../images/left.png) no-repeat center center #ccc;
transition: all 0.5s;
cursor: pointer;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .show-img .gallery-top .swiper-button-next {
position: absolute;
right: 0;
top: 50%;
margin-top: -23px;
cursor: pointer;
background: url(../images/right.png) no-repeat center center #ccc;
width: 35.2px;
height: 36.8px;
background-size: 8.8px 15.2px;
}
.main.products .pro_detail .detail_cen .show-img .swiper {
width: 100%;
height: auto;
margin: 10px auto 0 auto;
position: relative;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs {
width: 100%;
height: auto;
margin: 0 auto;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs .swiper-wrapper .swiper-slide {
background: #f8f8f8;
height: 60px;
text-align: center;
box-sizing: border-box;
line-height: 60px;
}
.main.products .pro_detail .detail_cen .show-img .swiper .gallery-thumbs .swiper-wrapper .swiper-slide img {
max-width: 50%;
max-height: 80%;
}
.main.products .pro_detail .detail {
width: 90%;
padding-top: 0;
}
.main.products .pro_detail .detail .ti {
font-size: 20px;
margin-top: 34.8px;
background-size: 21px 20.4px;
padding-left: 38.5px;
}
.main.products .pro_detail .detail table {
margin-top: 10px;
}
.main.products .pro_detail .detail table tr {
width: 100% !important;
height: 36px;
line-height: 36px;
}
.main.products .pro_detail .detail table tr td:first-child {
padding-left: 7.8px;
width: 252px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td:nth-child(2) {
width: 948px;
padding-left: 15px;
box-sizing: border-box;
}
.main.products .pro_detail .detail table tr td {
font-size: 13px;
line-height: 20px;
}
.main.products .pro_detail .application {
margin-top: 29.6px;
}
.main.products .pro_detail .application .application_cen {
width: 90%;
padding-bottom: 35px;
padding-top: 35px;
}
.main.products .pro_detail .application .application_cen .ti {
font-size: 20px;
padding-left: 35.4px;
background-size: 23.4px 26.4px;
}
.main.products .pro_detail .application .application_cen .ti2 {
font-size: 20px;
padding-left: 35.4px;
margin-top: 15px;
background-size: 27px 27px;
}
.main.products .pro_detail .application .application_cen .con {
font-size: 14px;
margin-top: 10px;
line-height: 22px;
}
.main.products .pro_detail .online_cen {
width: 90%;
margin-top: 32.5px;
margin-bottom: 21px;
padding: 20px 0;
}
.main.products .pro_detail .online_cen .txt {
font-size: 14px;
line-height: 14px;
}
.main.products .pro_detail .online_cen .online {
font-size: 16px;
width: 142.2px;
height: 25.2px;
line-height: 25.2px;
margin: 10px auto 0 auto;
}
}
.main.factory {
padding-bottom: 220px;
}
@media (max-width: 1240px) {
.main.factory {
padding-bottom: 210px;
}
}
@media (max-width: 1024px) {
.main.factory {
padding-bottom: 195px;
}
}
@media (max-width: 750px) {
.main.factory {
padding-bottom: 180px;
}
}
@media (max-width: 650px) {
.main.factory {
padding-bottom: 100px;
}
}
@media (max-width: 420px) {
.main.factory {
padding-bottom: 115px;
}
}
.main.factory .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.factory .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.factory .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.factory .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.factory .position .name {
font-size: 24px;
}
}
@media (max-width: 360px) {
.main.factory .position .name {
font-size: 20px;
}
}
.main.factory .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.factory .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.factory .position .position_r a:hover {
color: #71bf44;
}
}
.main.factory .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.factory .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.factory .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.factory .position {
padding-top: 25px;
}
.main.factory .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.factory .position {
padding-top: 10px;
}
}
.main.factory .classification {
width: 1200px;
height: auto;
margin: 43px auto 0 auto;
}
.main.factory .classification a {
height: 50px;
padding: 0 22px;
background: #f8f8f8;
font-size: 18px;
color: #656565;
font-family: DINProMedium;
line-height: 50px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s;
}
.main.factory .classification a.cur {
background: #71bf44;
color: #fff;
}
@media (min-width: 1024px) {
.main.factory .classification a:hover {
background: #71bf44;
color: #fff;
}
}
@media (max-width: 1240px) {
.main.factory .classification {
width: 90%;
margin: 33px auto 0 auto;
}
.main.factory .classification a:last-child {
margin-right: 0;
}
.main.factory .classification a {
height: 46px;
padding: 0 17px;
line-height: 46px;
margin-right: 8px;
font-size: 16px;
}
}
@media (max-width: 1180px) {
.main.factory .classification {
margin: 30px auto 0 auto;
}
.main.factory .classification a {
padding: 0 12px;
margin-right: 5px;
}
}
@media (max-width: 1100px) {
.main.factory .classification {
margin: 25px auto 0 auto;
}
.main.factory .classification a {
padding: 0 10px;
height: 40px;
line-height: 40px;
margin-right: 4px;
}
}
@media (max-width: 1024px) {
.main.factory .classification {
display: none;
}
}
.main.factory .factory_main {
width: 1200px;
height: auto;
margin: 48px auto 0 auto;
border-top: 1px solid #e5e5e5;
}
.main.factory .factory_main ul {
width: 100%;
height: auto;
}
.main.factory .factory_main ul li:last-child {
border: none;
}
.main.factory .factory_main ul li {
border-bottom: 1px solid #e5e5e5;
padding-top: 40px;
padding-bottom: 58px;
}
.main.factory .factory_main ul li a {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 1024px) {
.main.factory .factory_main ul li a:hover .title {
color: #71bf44;
}
.main.factory .factory_main ul li a:hover .tu img {
transform: scale(1.1);
}
}
.main.factory .factory_main ul li a .title {
font-size: 30px;
color: #656565;
line-height: 40px;
transition: all 0.5s;
font-family: DINProBold;
background: url(../images/h.png) no-repeat left center;
padding-left: 72px;
}
.main.factory .factory_main ul li a .con {
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 28px;
padding-top: 25px;
}
.main.factory .factory_main ul li a .tu {
width: 100%;
height: auto;
margin-top: 40px;
overflow: hidden;
}
.main.factory .factory_main ul li a .tu img {
width: 100%;
height: auto;
transition: all 0.5s;
}
@media (max-width: 1240px) {
.main.factory .factory_main {
width: 90%;
margin: 38px auto 0 auto;
}
.main.factory .factory_main ul li {
padding-top: 30px;
padding-bottom: 40px;
}
.main.factory .factory_main ul li a .title {
font-size: 25px;
background-size: 33.3px 34.2px;
padding-left: 57.6px;
line-height: 35px;
}
.main.factory .factory_main ul li a .con {
font-size: 14px;
line-height: 24px;
padding-top: 18px;
}
.main.factory .factory_main ul li a .tu {
margin-top: 30px;
}
}
@media (max-width: 1180px) {
.main.factory .factory_main {
margin: 35px auto 0 auto;
}
}
@media (max-width: 1100px) {
.main.factory .factory_main {
margin: 30px auto 0 auto;
}
}
@media (max-width: 1024px) {
.main.factory .factory_main {
margin: 25px auto 0 auto;
border: none;
}
.main.factory .factory_main ul li {
padding-top: 25px;
padding-bottom: 30px;
}
.main.factory .factory_main ul li a .title {
font-size: 20px;
background-size: 29.6px 30.4px;
padding-left: 43.2px;
line-height: 30px;
}
.main.factory .factory_main ul li a .con {
font-size: 14px;
line-height: 24px;
padding-top: 12px;
}
.main.factory .factory_main ul li a .tu {
margin-top: 20px;
}
}
@media (max-width: 850px) {
.main.factory .factory_main {
margin: 15px auto 0 auto;
border: none;
}
.main.factory .factory_main ul li {
padding-top: 15px;
padding-bottom: 20px;
}
.main.factory .factory_main ul li a .title {
font-size: 16px;
background-size: 22.2px 22.8px;
padding-left: 28.8px;
line-height: 26px;
}
.main.factory .factory_main ul li a .con {
font-size: 14px;
line-height: 24px;
padding-top: 12px;
}
.main.factory .factory_main ul li a .tu {
margin-top: 20px;
}
}
.main.factory .detail {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 67px;
}
.main.factory .detail .title {
font-size: 36px;
color: #656565;
line-height: 40px;
font-family: DINProBold;
background: url(../images/h.png) no-repeat left center;
padding-left: 72px;
}
.main.factory .detail .cont {
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 45px;
border-top: 1px solid #bfbfbf;
margin-top: 55px;
border-bottom: 1px solid #bfbfbf;
}
.main.factory .detail .cont img {
max-width: 100%;
}
.main.factory .detail .cont p {
font-size: 16px;
color: #666;
line-height: 28px;
padding-top: 20px;
font-family: ROBOTOREGULAR;
}
.main.factory .detail .cont p img {
margin: 20px 0 20px 0;
}
.main.factory .detail .page_box {
margin-top: 38px;
}
.main.factory .detail .page_box a {
width: 42px;
height: 42px;
display: inline-block;
margin-right: 6px;
transition: all 0.5s;
}
.main.factory .detail .page_box a.s {
background: url(../images/a1.png) no-repeat center center #dbdbdb;
}
@media (min-width: 1024px) {
.main.factory .detail .page_box a.s:hover {
background: url(../images/a1.png) no-repeat center center #656565;
}
}
.main.factory .detail .page_box a.x {
background: url(../images/a2.png) no-repeat center center #dbdbdb;
}
@media (min-width: 1024px) {
.main.factory .detail .page_box a.x:hover {
background: url(../images/a2.png) no-repeat center center #656565;
}
}
@media (max-width: 1240px) {
.main.factory .detail {
width: 90%;
padding-top: 55px;
}
.main.factory .detail .title {
font-size: 30px;
background-size: 33.3px 34.2px;
padding-left: 57.6px;
line-height: 35px;
}
.main.factory .detail .cont {
padding-top: 15px;
padding-bottom: 30px;
margin-top: 43px;
}
.main.factory .detail .cont p {
font-size: 14px;
padding-top: 15px;
line-height: 24px;
}
.main.factory .detail .cont p img {
margin: 10px 0;
}
.main.factory .detail .page_box {
margin-top: 25px;
}
.main.factory .detail .page_box a {
width: 37.8px;
height: 37.8px;
}
.main.factory .detail .page_box a.s {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.factory .detail .page_box a.s:hover {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) {
.main.factory .detail .page_box a.x {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.main.factory .detail .page_box a.x:hover {
background-size: 12.6px 22.5px !important;
}
}
@media (max-width: 1024px) {
.main.factory .detail {
width: 90%;
padding-top: 40px;
}
.main.factory .detail .title {
font-size: 24px;
background-size: 29.6px 30.4px;
padding-left: 43.2px;
line-height: 30px;
}
.main.factory .detail .cont {
padding-top: 10px;
padding-bottom: 25px;
margin-top: 33px;
}
.main.factory .detail .cont p {
font-size: 14px;
padding-top: 10px;
line-height: 24px;
}
.main.factory .detail .cont p img {
margin: 8px 0;
}
.main.factory .detail .page_box {
margin-top: 20px;
}
.main.factory .detail .page_box a {
width: 33.6px;
height: 33.6px;
}
.main.factory .detail .page_box a.s {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.main.factory .detail .page_box a.s:hover {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) {
.main.factory .detail .page_box a.x {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.main.factory .detail .page_box a.x:hover {
background-size: 11.2px 20px !important;
}
}
@media (max-width: 850px) {
.main.factory .detail {
width: 90%;
padding-top: 20px;
}
.main.factory .detail .title {
font-size: 16px;
background-size: 22.2px 22.8px;
padding-left: 28.8px;
line-height: 26px;
}
.main.factory .detail .cont {
padding-top: 5px;
padding-bottom: 10px;
margin-top: 15px;
}
.main.factory .detail .cont p {
font-size: 14px;
padding-top: 10px;
line-height: 24px;
}
.main.factory .detail .cont p img {
margin: 8px 0;
}
.main.factory .detail .page_box {
margin-top: 10px;
}
.main.factory .detail .page_box a {
width: 25.2px;
height: 25.2px;
}
.main.factory .detail .page_box a.s {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) and (min-width: 1024px) {
.main.factory .detail .page_box a.s:hover {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) {
.main.factory .detail .page_box a.x {
background-size: 8.4px 15px !important;
}
}
@media (max-width: 850px) and (min-width: 1024px) {
.main.factory .detail .page_box a.x:hover {
background-size: 8.4px 15px !important;
}
}
.main.factory .page2 {
width: 1200px;
height: auto;
margin: 0 auto;
padding-bottom: 12px;
}
.main.factory .page2 img {
width: 100%;
height: auto;
}
@media (max-width: 1240px) {
.main.factory .page2 {
width: 90%;
}
}
.main.contact {
width: 100%;
height: auto;
}
.main.contact .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.contact .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.contact .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.contact .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.contact .position .name {
font-size: 24px;
}
}
@media (max-width: 360px) {
.main.contact .position .name {
font-size: 20px;
}
}
.main.contact .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.contact .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.contact .position .position_r a:hover {
color: #71bf44;
}
}
.main.contact .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.contact .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.contact .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.contact .position {
padding-top: 25px;
}
.main.contact .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.contact .position {
padding-top: 10px;
}
}
.main.contact .classification {
width: 1200px;
height: auto;
margin: 43px auto 0 auto;
}
.main.contact .classification a {
height: 50px;
padding: 0 22px;
background: #f8f8f8;
font-size: 18px;
color: #656565;
font-family: DINProMedium;
line-height: 50px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s;
}
.main.contact .classification a.cur {
background: #71bf44;
color: #fff;
}
@media (min-width: 1024px) {
.main.contact .classification a:hover {
background: #71bf44;
color: #fff;
}
}
@media (max-width: 1240px) {
.main.contact .classification {
width: 90%;
margin: 33px auto 0 auto;
}
.main.contact .classification a:last-child {
margin-right: 0;
}
.main.contact .classification a {
height: 46px;
padding: 0 17px;
line-height: 46px;
margin-right: 8px;
font-size: 16px;
}
}
@media (max-width: 1180px) {
.main.contact .classification {
margin: 30px auto 0 auto;
}
.main.contact .classification a {
padding: 0 12px;
margin-right: 5px;
}
}
@media (max-width: 1100px) {
.main.contact .classification {
margin: 25px auto 0 auto;
}
.main.contact .classification a {
padding: 0 10px;
height: 40px;
line-height: 40px;
margin-right: 4px;
}
}
@media (max-width: 1024px) {
.main.contact .classification a {
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin-right: 4px;
}
}
.main.contact #map {
width: 100%;
margin-top: 48px;
height: 470px;
}
.main.contact #map .amap-logo, .main.contact #map .amap-copyright {
display: none !important;
}
@media (max-width: 1240px) {
.main.contact #map {
margin-top: 38px;
height: 400px;
}
}
@media (max-width: 1180px) {
.main.contact #map {
margin-top: 35px;
}
}
@media (max-width: 1100px) {
.main.contact #map {
margin-top: 30px;
height: 360px;
}
}
@media (max-width: 950px) {
.main.contact #map {
height: 300px;
margin-top: 25px;
}
}
@media (max-width: 500px) {
.main.contact #map {
height: 250px;
}
}
.main.contact .message {
width: 100%;
height: auto;
padding-bottom: 230px;
background: url(../images/cbg.jpg) no-repeat center center;
background-size: cover !important;
padding-bottom: 230px;
}
@media (max-width: 1240px) {
.main.contact .message {
padding-bottom: 220px;
}
}
@media (max-width: 1024px) {
.main.contact .message {
padding-bottom: 200px;
}
}
@media (max-width: 750px) {
.main.contact .message {
padding-bottom: 190px;
}
}
@media (max-width: 650px) {
.main.contact .message {
padding-bottom: 110px;
}
}
@media (max-width: 420px) {
.main.contact .message {
padding-bottom: 120px;
}
}
.main.contact .message .message_cen {
width: 1200px;
height: auto;
margin: 0 auto;
}
.main.contact .message .message_cen .cont {
width: 100%;
height: auto;
padding-top: 32px;
}
.main.contact .message .message_cen .cont .name {
font-size: 30px;
color: #71bf44;
font-family: DINProMedium;
}
.main.contact .message .message_cen .cont .ms .con {
width: 100%;
height: auto;
margin-top: 22px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .ico {
background: url(../images/cz.png) no-repeat left bottom;
}
.main.contact .message .message_cen .cont .ms .con.con2 .ico {
background: url(../images/tel.png) no-repeat left bottom;
}
.main.contact .message .message_cen .cont .ms .con.con3 .ico {
background: url(../images/email.png) no-repeat left bottom;
}
.main.contact .message .message_cen .cont .ms .con.con4 .ico {
background: url(../images/contact.png) no-repeat left bottom;
}
.main.contact .message .message_cen .cont .ms .con .ico {
background: url(../images/add.png) no-repeat left bottom;
float: left;
width: 35px;
height: 38px;
margin-right: 17px;
}
.main.contact .message .message_cen .cont .ms .con .txt {
font-size: 18px;
color: #969696;
line-height: 18px;
padding-top: 21px;
float: left;
font-family: ROBOTOREGULAR;
}
.main.contact .message .message_cen .online {
margin-top: 72px;
}
.main.contact .message .message_cen .online .ti {
font-size: 30px;
color: #71bf44;
}
.main.contact .message .message_cen .online .form {
width: 100%;
height: auto;
}
.main.contact .message .message_cen .online .form .input-group {
width: 100%;
margin-top: 28px;
height: auto;
}
.main.contact .message .message_cen .online .form .input-group input {
width: 100%;
height: 75px;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
text-indent: 1em;
line-height: 75px;
background: none;
border: none;
transition: all 0.5s;
border-bottom: 1px solid #b2b2b2;
}
.main.contact .message .message_cen .online .form .input-group input:focus {
background: #f8f8f8;
border-bottom: 5px solid #71bf44;
height: 71px;
}
.main.contact .message .message_cen .online .form .input-group textarea {
width: 100%;
border: none;
resize: none;
border-bottom: 1px solid #b2b2b2;
height: 165px;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
text-indent: 1em;
transition: all 0.5s;
}
.main.contact .message .message_cen .online .form .input-group textarea:focus {
background: #f8f8f8;
border-bottom: 5px solid #71bf44;
height: 161px;
}
.main.contact .message .message_cen .online .form .submit {
width: 100%;
height: auto;
margin-top: 23px;
}
.main.contact .message .message_cen .online .form .submit input {
display: inline-block;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
background: url(../images/send.png) no-repeat left center;
padding-left: 80px;
border: none;
line-height: 58px;
}
.footer .foot_cen .ft_box .fr .link .online {
}
.footer .foot_cen .ft_box .fr .link .online .ti {
font-size: 30px;
color: #000;
font-family: FuturaLTHeavy;
}
.footer .foot_cen .ft_box .fr .link .online .form {
width: 100%;
height: auto;
}
.footer .foot_cen .ft_box .fr .link .online .form .input-group {
width: 100%;
margin-top: 28px;
height: auto;
}
.footer .foot_cen .ft_box .fr .link .online .form .input-group input {
width: 100%;
height: 75px;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
text-indent: 1em;
line-height: 75px;
background: none;
border: none;
transition: all 0.5s;
border-bottom: 1px solid #b2b2b2;
}
.footer .foot_cen .ft_box .fr .link .online .form .input-group input:focus {
background: #f8f8f8;
border-bottom: 5px solid #6ebe40;
height: 71px;
}
.footer .foot_cen .ft_box .fr .link .online .form .input-group textarea {
width: 100%;
border: none;
resize: none;
background-color: #f3f3f3;
border-bottom: 1px solid #b2b2b2;
height: 165px;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
text-indent: 1em;
transition: all 0.5s;
}
.footer .foot_cen .ft_box .fr .link .online .form .input-group textarea:focus {
background: #f8f8f8;
border-bottom: 5px solid #6ebe40;
height: 161px;
}
.footer .foot_cen .ft_box .fr .link .online .form .submit {
width: 100%;
height: auto;
margin-top: 23px;
}
.footer .foot_cen .ft_box .fr .link .online .form .submit input {
display: inline-block;
font-size: 24px;
color: #656565;
font-family: DINProMedium;
background: url(../images/send.png) no-repeat left center;
padding-left: 80px;
border: none;
line-height: 58px;
}
@media (max-width: 1240px) {
.main.contact .message .message_cen {
width: 90%;
}
.main.contact .message .message_cen .cont {
padding-top: 25px;
}
.main.contact .message .message_cen .cont .name {
font-size: 25px;
}
.main.contact .message .message_cen .cont .ms .con {
margin-top: 17px;
}
.main.contact .message .message_cen .cont .ms .con.con3 .ico {
background-size: 30.6px 29.7px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .ico {
background-size: 29.7px 31.5px;
}
.main.contact .message .message_cen .cont .ms .con.con2 .ico {
background-size: 29.7px 28.8px;
}
.main.contact .message .message_cen .cont .ms .con .ico {
background-size: 26.1px 33.3px;
float: left;
width: 31.5px;
height: 34.2px;
margin-right: 15.3px;
}
.main.contact .message .message_cen .cont .ms .con .txt {
font-size: 16px;
line-height: 16px;
padding-top: 17.1px;
}
.main.contact .message .message_cen .online {
margin-top: 60px;
}
.main.contact .message .message_cen .online .ti {
font-size: 25px;
}
.main.contact .message .message_cen .online .form .input-group {
margin-top: 23px;
}
.main.contact .message .message_cen .online .form .input-group input {
height: 60px;
font-size: 20px;
line-height: 60px;
background: none;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group input:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 58px;
}
.main.contact .message .message_cen .online .form .input-group textarea {
height: 155px;
font-size: 20px;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group textarea:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 153px;
}
.main.contact .message .message_cen .online .form .submit {
margin-top: 18px;
}
.main.contact .message .message_cen .online .form .submit input {
font-size: 20px;
font-family: DINProMedium;
background-size: 50px 50px;
padding-left: 60px;
line-height: 50px;
}
}
@media (max-width: 1024px) {
.main.contact .message .message_cen {
width: 90%;
}
.main.contact .message .message_cen .cont {
padding-top: 15px;
}
.main.contact .message .message_cen .cont .name {
font-size: 20px;
}
.main.contact .message .message_cen .cont .ms .con {
margin-top: 10px;
}
.main.contact .message .message_cen .cont .ms .con.con3 .ico {
background-size: 23.8px 23.1px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .ico {
background-size: 23.1px 24.5px;
}
.main.contact .message .message_cen .cont .ms .con.con2 .ico {
background-size: 23.1px 22.4px;
}
.main.contact .message .message_cen .cont .ms .con .ico {
background-size: 20.3px 25.9px;
float: left;
width: 24.5px;
height: 26.6px;
margin-right: 10.2px;
}
.main.contact .message .message_cen .cont .ms .con .txt {
font-size: 14px;
line-height: 14px;
padding-top: 13.3px;
}
.main.contact .message .message_cen .online {
margin-top: 50px;
}
.main.contact .message .message_cen .online .ti {
font-size: 20px;
}
.main.contact .message .message_cen .online .form .input-group {
margin-top: 15px;
}
.main.contact .message .message_cen .online .form .input-group input {
height: 50px;
font-size: 16px;
line-height: 50px;
background: none;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group input:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 48px;
}
.main.contact .message .message_cen .online .form .input-group textarea {
height: 140px;
font-size: 16px;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group textarea:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 138px;
}
.main.contact .message .message_cen .online .form .submit {
margin-top: 12px;
}
.main.contact .message .message_cen .online .form .submit input {
font-size: 16px;
font-family: DINProMedium;
background-size: 40px 40px;
padding-left: 50px;
line-height: 40px;
}
}
@media (max-width: 850px) {
.main.contact .message .message_cen {
width: 90%;
}
.main.contact .message .message_cen .cont {
padding-top: 15px;
}
.main.contact .message .message_cen .cont .name {
font-size: 16px;
}
.main.contact .message .message_cen .cont .ms .con {
margin-top: 5px;
}
.main.contact .message .message_cen .cont .ms .con.con3 .ico {
background-size: 20.4px 19.8px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .ico {
background-size: 19.8px 21px;
}
.main.contact .message .message_cen .cont .ms .con.con2 .ico {
background-size: 19.8px 19.2px;
}
.main.contact .message .message_cen .cont .ms .con .ico {
background-size: 17.4px 22.2px;
float: left;
width: 21px;
height: 22.8px;
margin-right: 10.2px;
}
.main.contact .message .message_cen .cont .ms .con .txt {
font-size: 14px;
line-height: 14px;
padding-top: 11.4px;
}
.main.contact .message .message_cen .online {
margin-top: 30px;
}
.main.contact .message .message_cen .online .ti {
font-size: 16px;
}
.main.contact .message .message_cen .online .form .input-group {
margin-top: 10px;
}
.main.contact .message .message_cen .online .form .input-group input {
height: 40px;
font-size: 14px;
line-height: 40px;
background: none;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group input:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 38px;
}
.main.contact .message .message_cen .online .form .input-group textarea {
height: 120px;
font-size: 13px;
font-family: DINProMedium;
}
.main.contact .message .message_cen .online .form .input-group textarea:focus {
background: #f8f8f8;
border-bottom: 3px solid #71bf44;
height: 118px;
}
.main.contact .message .message_cen .online .form .submit {
margin-top: 8px;
}
.main.contact .message .message_cen .online .form .submit input {
font-size: 14px;
font-family: DINProMedium;
background-size: 34.8px 34.8px;
padding-left: 42px;
line-height: 40.6px;
}
}
@media (max-width: 600px) {
.main.contact .message .message_cen {
width: 90%;
}
.main.contact .message .message_cen .cont {
padding-top: 15px;
}
.main.contact .message .message_cen .cont .name {
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
}
.main.contact .message .message_cen .cont .ms .con {
margin-top: 8px;
}
.main.contact .message .message_cen .cont .ms .con.con3 .ico {
background-size: 20.4px 19.8px;
}
.main.contact .message .message_cen .cont .ms .con.con3 .txt {
padding-top: 11.4px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .ico {
background-size: 19.8px 21px;
}
.main.contact .message .message_cen .cont .ms .con.con1 .txt {
padding-top: 11.4px;
}
.main.contact .message .message_cen .cont .ms .con.con2 .ico {
background-size: 19.8px 19.2px;
}
.main.contact .message .message_cen .cont .ms .con.con2 .txt {
padding-top: 11.4px;
}
.main.contact .message .message_cen .cont .ms .con .ico {
background-size: 17.4px 22.2px;
float: left;
width: 21px;
height: 22.8px;
margin-right: 8.5px;
}
.main.contact .message .message_cen .cont .ms .con .txt {
font-size: 13px;
line-height: 15px;
width: 88%;
padding-top: 0;
}
.main.contact .message .message_cen .online {
margin-top: 15px;
}
.main.contact .message .message_cen .online .ti {
font-size: 16px;
}
}
.main.online {
padding-bottom: 220px;
}
@media (max-width: 1240px) {
.main.online {
padding-bottom: 210px;
}
}
@media (max-width: 1024px) {
.main.online {
padding-bottom: 195px;
}
}
@media (max-width: 750px) {
.main.online {
padding-bottom: 180px;
}
}
@media (max-width: 650px) {
.main.online {
padding-bottom: 100px;
}
}
@media (max-width: 420px) {
.main.online {
padding-bottom: 115px;
}
}
.main.online .position {
width: 1200px;
height: auto;
padding-top: 44px;
margin: 0 auto;
border-bottom: 1px solid #b5b5b5;
padding-bottom: 7px;
}
.main.online .position .name {
float: left;
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
@media (max-width: 1240px) {
.main.online .position .name {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.main.online .position .name {
font-size: 28px;
}
}
@media (max-width: 500px) {
.main.online .position .name {
font-size: 24px;
}
}
@media (max-width: 360px) {
.main.online .position .name {
font-size: 20px;
}
}
.main.online .position .position_r {
font-size: 14px;
font-family: Arial;
color: #969696;
padding-top: 46px;
float: right;
}
.main.online .position .position_r a {
color: #969696;
}
@media (min-width: 1024px) {
.main.online .position .position_r a:hover {
color: #71bf44;
}
}
.main.online .position .position_r span {
margin: 0 8px;
}
@media (max-width: 1240px) {
.main.online .position {
width: 90%;
padding-top: 35px;
padding-bottom: 5px;
}
.main.online .position .position_r {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
.main.online .position {
padding-top: 25px;
}
.main.online .position .position_r {
display: none;
}
}
@media (max-width: 500px) {
.main.online .position {
padding-top: 10px;
}
}
.main.online .guide {
width: 100%;
height: auto;
padding-top: 70px;
background: url(../images/xx.jpg) no-repeat center center;
background-size: cover !important;
}
.main.online .guide .guide_cen {
width: 1200px;
height: auto;
margin: 0 auto;
border: 1px solid #ccc;
background: #f8f8f8;
box-sizing: border-box;
}
.main.online .guide .guide_cen .container {
width: 1035px;
margin: 0 auto;
padding-bottom: 70px;
}
.main.online .guide .guide_cen .container .ti {
font-size: 30px;
color: #71bf44;
font-family: DINProMedium;
border-bottom: 1px solid #ababab;
line-height: 90px;
padding-top: 15px;
}
.main.online .guide .guide_cen .container .txt_w {
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 30px;
padding-top: 32px;
}
.main.online .guide .guide_cen .container .t {
font-size: 24px;
color: #656565;
font-family: DINProMedium;
padding-top: 27px;
}
.main.online .guide .guide_cen .container .form {
margin-bottom: 40px;
}
.main.online .guide .guide_cen .container .form .descript {
font-size: 18px;
color: #656565;
font-family: DINProMedium;
padding-top: 5px;
}
.main.online .guide .guide_cen .container .form .input-group {
width: 100%;
margin-top: 20px;
height: auto;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .radio:first-child, .main.online .guide .guide_cen .container .form .input-group.input-group2 .radio2:first-child {
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .r {
margin-left: 40px;
}
.main.online .guide .guide_cen .container .form .input-group label {
float: left;
font-size: 18px;
color: #656565;
font-family: DINProMedium;
}
.main.online .guide .guide_cen .container .form .input-group .text {
border: none;
float: left;
border-bottom: 1px solid #c7c7c7;
background: none;
text-indent: 1em;
height: 30px;
line-height: 30px;
font-size: 18px;
color: #656565;
width: 285px;
font-family: DINProMedium;
margin-left: 4px;
}
.main.online .guide .guide_cen .container .form .input-group .txt {
float: left;
font-size: 16px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 17px;
margin-top: 13px;
margin-left: 20px;
}
.main.online .guide .guide_cen .container .form .input-group .r, .main.online .guide .guide_cen .container .form .input-group .r1 {
float: left;
}
.main.online .guide .guide_cen .container .form .input-group .radio, .main.online .guide .guide_cen .container .form .input-group .radio2 {
float: left;
font-size: 16px;
color: #666;
line-height: 17px;
margin-top: 10px;
cursor: pointer;
margin-left: 40px;
position: relative;
font-family: ROBOTOREGULAR;
}
.main.online .guide .guide_cen .container .form .input-group .radio.cur span, .main.online .guide .guide_cen .container .form .input-group .radio2.cur span {
background: #656565;
border-color: #656565;
}
.main.online .guide .guide_cen .container .form .input-group .radio input, .main.online .guide .guide_cen .container .form .input-group .radio2 input {
opacity: 0;
position: absolute;
}
.main.online .guide .guide_cen .container .form .input-group .radio span, .main.online .guide .guide_cen .container .form .input-group .radio2 span {
width: 15px;
height: 15px;
display: inline-block;
margin-right: 10px;
border: 1px solid #ccc;
background: #fff;
display: inline-block;
}
.main.online .guide .guide_cen .container .notification {
font-size: 16px;
color: #71bf44;
font-family: ROBOTOREGULAR;
margin-top: 50px;
}
.main.online .guide .addition {
width: 1200px;
height: auto;
border: 1px solid #ccc;
background: #f8f8f8;
box-sizing: border-box;
margin: 50px auto 0 auto;
padding-bottom: 40px;
}
.main.online .guide .addition .addition_cen {
width: 1035px;
height: auto;
margin: 0 auto;
}
.main.online .guide .addition .addition_cen .tit {
font-size: 24px;
color: #656565;
font-family: DINProMedium;
padding-bottom: 20px;
padding-top: 28px;
}
.main.online .guide .addition .addition_cen textarea {
width: 100%;
height: 256px;
background: #fff;
font-size: 16px;
color: #656565;
font-family: DINProMedium;
text-indent: 1em;
border: none;
resize: none;
}
.main.online .guide .addition .addition_cen input {
display: block;
width: 142px;
height: 52px;
margin-top: 30px;
background: #2a448f;
color: #fff;
text-align: center;
line-height: 52px;
font-size: 24px;
font-family: DINProMedium;
border: none;
}
@media (max-width: 1240px) {
.main.online .guide {
padding-top: 50px;
}
.main.online .guide .guide_cen {
width: 90%;
}
.main.online .guide .guide_cen .container {
width: 90%;
padding-bottom: 50px;
}
.main.online .guide .guide_cen .container .ti {
font-size: 25px;
line-height: 80px;
padding-top: 10px;
}
.main.online .guide .guide_cen .container .txt_w {
font-size: 14px;
line-height: 26px;
padding-top: 25px;
}
.main.online .guide .guide_cen .container .t {
font-size: 20px;
padding-top: 20px;
}
.main.online .guide .guide_cen .container .form {
margin-bottom: 30px;
}
.main.online .guide .guide_cen .container .form .descript {
font-size: 14px;
padding-top: 5px;
}
.main.online .guide .guide_cen .container .form .input-group {
margin-top: 15px;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .radio:first-child, .main.online .guide .guide_cen .container .form .input-group.input-group2 .radio2:first-child {
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .r {
margin-left: 30px;
}
.main.online .guide .guide_cen .container .form .input-group label {
font-size: 14px;
}
.main.online .guide .guide_cen .container .form .input-group .text {
height: 28px;
line-height: 28px;
font-size: 14px;
width: 200px;
}
.main.online .guide .guide_cen .container .form .input-group .txt {
float: left;
font-size: 14px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 17px;
margin-top: 13px;
margin-left: 20px;
}
.main.online .guide .guide_cen .container .form .input-group .radio, .main.online .guide .guide_cen .container .form .input-group .radio2 {
float: left;
font-size: 14px;
color: #666;
margin-top: 5px;
cursor: pointer;
margin-left: 30px;
}
.main.online .guide .guide_cen .container .notification {
font-size: 14px;
margin-top: 40px;
}
.main.online .guide .addition {
width: 90%;
margin: 40px auto 0 auto;
padding-bottom: 30px;
}
.main.online .guide .addition .addition_cen {
width: 90%;
}
.main.online .guide .addition .addition_cen .tit {
font-size: 20px;
padding-bottom: 15px;
padding-top: 20px;
}
.main.online .guide .addition .addition_cen textarea {
height: 200px;
background: #fff;
font-size: 14px;
}
.main.online .guide .addition .addition_cen input {
margin-top: 25px;
line-height: 52px;
font-size: 20px;
}
}
@media (max-width: 1024px) {
.main.online .guide {
padding-top: 40px;
}
.main.online .guide .guide_cen .container {
width: 90%;
padding-bottom: 40px;
}
.main.online .guide .guide_cen .container .ti {
font-size: 22px;
line-height: 74px;
padding-top: 8px;
}
.main.online .guide .guide_cen .container .txt_w {
font-size: 14px;
line-height: 26px;
padding-top: 25px;
}
.main.online .guide .guide_cen .container .t {
font-size: 17px;
padding-top: 16px;
}
.main.online .guide .guide_cen .container .form {
margin-bottom: 25px;
}
.main.online .guide .guide_cen .container .form .descript {
font-size: 14px;
padding-top: 5px;
}
.main.online .guide .guide_cen .container .form .input-group {
margin-top: 15px;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .radio:first-child, .main.online .guide .guide_cen .container .form .input-group.input-group2 .radio2:first-child {
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .r {
margin-left: 20px;
}
.main.online .guide .guide_cen .container .form .input-group .r, .main.online .guide .guide_cen .container .form .input-group .r1 {
float: none;
display: inline-block;
}
.main.online .guide .guide_cen .container .form .input-group label {
font-size: 14px;
display: inline-block;
float: none;
}
.main.online .guide .guide_cen .container .form .input-group .text {
height: 28px;
line-height: 28px;
font-size: 14px;
width: 180px;
display: inline-block;
float: none;
}
.main.online .guide .guide_cen .container .form .input-group .txt {
display: inline-block;
float: none;
font-size: 14px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 17px;
margin-top: 9px;
margin-left: 15px;
}
.main.online .guide .guide_cen .container .form .input-group .radio, .main.online .guide .guide_cen .container .form .input-group .radio2 {
display: inline-block;
float: none;
font-size: 14px;
color: #666;
margin-top: 5px;
cursor: pointer;
margin-left: 20px;
}
.main.online .guide .guide_cen .container .notification {
font-size: 14px;
margin-top: 30px;
}
.main.online .guide .addition {
width: 90%;
margin: 40px auto 0 auto;
padding-bottom: 30px;
}
.main.online .guide .addition .addition_cen {
width: 90%;
}
.main.online .guide .addition .addition_cen .tit {
font-size: 17px;
padding-bottom: 10px;
padding-top: 15px;
}
.main.online .guide .addition .addition_cen textarea {
height: 180px;
background: #fff;
font-size: 14px;
}
.main.online .guide .addition .addition_cen input {
margin-top: 20px;
line-height: 41.6px;
width: 113.6px;
height: 41.6px;
font-size: 17px;
}
}
@media (max-width: 950px) {
.main.online .guide {
padding-top: 40px;
}
.main.online .guide .guide_cen .container {
width: 94%;
padding-bottom: 40px;
}
.main.online .guide .guide_cen .container .ti {
font-size: 22px;
line-height: 74px;
padding-top: 8px;
}
.main.online .guide .guide_cen .container .txt_w {
font-size: 14px;
line-height: 26px;
padding-top: 25px;
}
.main.online .guide .guide_cen .container .t {
font-size: 17px;
padding-top: 16px;
}
.main.online .guide .guide_cen .container .form {
margin-bottom: 25px;
}
.main.online .guide .guide_cen .container .form .descript {
font-size: 14px;
padding-top: 5px;
}
.main.online .guide .guide_cen .container .form .input-group {
margin-top: 10px;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .radio:first-child, .main.online .guide .guide_cen .container .form .input-group.input-group2 .radio2:first-child {
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .r {
margin-left: 10px;
}
.main.online .guide .guide_cen .container .form .input-group .r, .main.online .guide .guide_cen .container .form .input-group .r1 {
float: none;
display: inline-block;
}
.main.online .guide .guide_cen .container .form .input-group label {
font-size: 14px;
display: inline-block;
float: none;
}
.main.online .guide .guide_cen .container .form .input-group .text {
height: 28px;
line-height: 28px;
font-size: 14px;
width: 150px;
display: inline-block;
float: none;
}
.main.online .guide .guide_cen .container .form .input-group .txt {
display: inline-block;
float: none;
font-size: 14px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 17px;
margin-top: 9px;
margin-left: 10px;
}
.main.online .guide .guide_cen .container .form .input-group .radio, .main.online .guide .guide_cen .container .form .input-group .radio2 {
display: inline-block;
float: none;
font-size: 14px;
color: #666;
margin-top: 5px;
cursor: pointer;
margin-left: 10px;
}
.main.online .guide .guide_cen .container .notification {
font-size: 14px;
margin-top: 30px;
}
.main.online .guide .addition {
width: 90%;
margin: 40px auto 0 auto;
padding-bottom: 20px;
}
.main.online .guide .addition .addition_cen {
width: 94%;
}
.main.online .guide .addition .addition_cen .tit {
font-size: 17px;
padding-bottom: 10px;
padding-top: 15px;
}
.main.online .guide .addition .addition_cen textarea {
height: 180px;
background: #fff;
font-size: 14px;
}
.main.online .guide .addition .addition_cen input {
margin-top: 20px;
line-height: 41.6px;
width: 113.6px;
height: 41.6px;
font-size: 17px;
}
}
@media (max-width: 850px) {
.main.online .guide {
padding-top: 30px;
}
.main.online .guide .guide_cen .container {
width: 90%;
padding-bottom: 20px;
}
.main.online .guide .guide_cen .container .ti {
font-size: 18px;
line-height: 40px;
padding-top: 8px;
}
.main.online .guide .guide_cen .container .txt_w {
font-size: 14px;
line-height: 20px;
padding-top: 10px;
}
.main.online .guide .guide_cen .container .t {
font-size: 15px;
padding-top: 10px;
line-height: 26px;
}
.main.online .guide .guide_cen .container .form {
margin-bottom: 10px;
}
.main.online .guide .guide_cen .container .form .descript {
font-size: 13px;
line-height: 20px;
padding-top: 5px;
}
.main.online .guide .guide_cen .container .form .input-group {
margin-top: 6px;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .radio:first-child, .main.online .guide .guide_cen .container .form .input-group.input-group2 .radio2:first-child {
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group.input-group2 .r {
margin-left: 0px;
}
.main.online .guide .guide_cen .container .form .input-group .r, .main.online .guide .guide_cen .container .form .input-group .r1 {
float: none;
display: block;
}
.main.online .guide .guide_cen .container .form .input-group .r .radio, .main.online .guide .guide_cen .container .form .input-group .r .radio2, .main.online .guide .guide_cen .container .form .input-group .r1 .radio, .main.online .guide .guide_cen .container .form .input-group .r1 .radio2 {
display: inline-block;
}
.main.online .guide .guide_cen .container .form .input-group .r .text, .main.online .guide .guide_cen .container .form .input-group .r1 .text {
display: inline-block;
}
.main.online .guide .guide_cen .container .form .input-group .r .txt, .main.online .guide .guide_cen .container .form .input-group .r1 .txt {
display: inline-block;
margin-left: 0;
}
.main.online .guide .guide_cen .container .form .input-group label {
font-size: 13px;
display: block;
float: none;
line-height: 20px;
}
.main.online .guide .guide_cen .container .form .input-group .text {
height: 22px;
line-height: 22px;
font-size: 12px;
width: 60%;
display: block;
float: none;
margin: 0;
}
.main.online .guide .guide_cen .container .form .input-group .txt {
display: block;
float: none;
font-size: 12px;
color: #666;
font-family: ROBOTOREGULAR;
line-height: 16px;
margin-top: 8px;
margin-left: 6px;
}
.main.online .guide .guide_cen .container .form .input-group .radio, .main.online .guide .guide_cen .container .form .input-group .radio2 {
display: block;
float: none;
font-size: 12px;
color: #666;
margin-top: 10px;
cursor: pointer;
margin-left: 0px;
}
.main.online .guide .guide_cen .container .form .input-group .radio span, .main.online .guide .guide_cen .container .form .input-group .radio2 span {
vertical-align: middle;
width: 12px;
height: 12px;
margin-right: 5px;
}
.main.online .guide .guide_cen .container .notification {
font-size: 13px;
margin-top: 20px;
}
.main.online .guide .addition {
width: 90%;
margin: 20px auto 0 auto;
padding-bottom: 15px;
}
.main.online .guide .addition .addition_cen {
width: 90%;
}
.main.online .guide .addition .addition_cen .tit {
font-size: 15px;
padding-bottom: 8px;
padding-top: 10px;
}
.main.online .guide .addition .addition_cen textarea {
height: 150px;
background: #fff;
font-size: 14px;
}
.main.online .guide .addition .addition_cen input {
margin-top: 15px;
line-height: 31.2px;
width: 85.2px;
height: 31.2px;
font-size: 15px;
}
}
.flex-active-slide a .con_box .en, .flex-active-slide a .con_box .more, .flex-active-slide a .con_box .txt {
opacity: 1 !important;
transform: translateY(0px) !important;
}
.flex-active-slide a .con_box .en {
transition: all 0.5s;
}
.flex-active-slide a .con_box .line {
width: 90px !important;
transition: all 0.5s 0.2s;
}
.flex-active-slide a .con_box .txt {
transition: all 0.5s 0.4s;
}
.flex-active-slide a .con_box .more {
transition: all 0.5s 0.6s;
}
.flex-direction-nav a {
z-index: 999;
text-decoration: none;
display: block;
width: 35px;
height: 35px;
border: 1px solid #969696;
position: absolute;
overflow: hidden;
cursor: pointer;
text-indent: -10em;
}
@media (max-width: 1240px) {
.flex-direction-nav a {
width: 31.5px;
height: 31.5px;
}
}
@media (max-width: 950px) {
.flex-direction-nav a {
width: 24.5px;
height: 24.5px;
}
}
@media (max-width: 600px) {
.flex-direction-nav a {
width: 21px;
height: 21px;
}
}
.flex-direction-nav .flex-prev {
right: 18.5%;
bottom: 90px;
background: url(../images/prev1.png) no-repeat center center;
}
@media (max-width: 1240px) {
.flex-direction-nav .flex-prev {
right: 13%;
bottom: 72px;
background-size: 7px 16px;
}
}
@media (max-width: 950px) {
.flex-direction-nav .flex-prev {
left: 45%;
bottom: 29.4px;
background-size: 5.6px 12.8px;
}
}
.flex-direction-nav .flex-next {
right: 18.5%;
bottom: 42px;
background: url(../images/next.png) no-repeat center center;
}
@media (max-width: 1240px) {
.flex-direction-nav .flex-next {
right: 13%;
bottom: 33.6px;
background-size: 7px 16px;
}
}
@media (max-width: 950px) {
.flex-direction-nav .flex-next {
right: 45%;
bottom: 29.4px;
background-size: 7px 16px;
}
}
.footer {
width: 100%;
height: auto;
background: url(../images/footer.jpg) no-repeat bottom center;
background-size: 100% 78%;
}
.footer .foot_cen {
width: 1200px;
height: auto;
margin: 0 auto;
}
.footer .foot_cen .ft_box {
width: 100%;
height: auto;
position: relative;
padding-bottom: 70px;
z-index: 10;
background: #f3f3f3;
margin-top: -155px;
}
.footer .foot_cen .ft_box .fl {
width: 28.8%;
height: auto;
float: left;
padding-left: 4%;
padding-top: 33px;
}
.footer .foot_cen .ft_box .fl .title .en {
font-size: 48px;
color: #000;
font-family: FuturaLTHeavy;
}
.footer .foot_cen .ft_box .fl .title .line {
width: 95px;
height: 1px;
background: #b5b5b5;
display: block;
}
@media (max-width: 1240px) {
.footer .foot_cen .ft_box .fl .title .en {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.footer .foot_cen .ft_box .fl .title .en {
font-size: 28px;
}
.footer .foot_cen .ft_box .fl .title .line {
width: 70px;
}
}
@media (max-width: 500px) {
.footer .foot_cen .ft_box .fl .title .en {
font-size: 24px;
}
.footer .foot_cen .ft_box .fl .title .line {
width: 50px;
}
}
@media (max-width: 360px) {
.footer .foot_cen .ft_box .fl .title .en {
font-size: 20px;
}
}
.footer .foot_cen .ft_box .fl .message {
width: 100%;
height: auto;
font-size: 16px;
color: #666;
line-height: 28px;
margin-top: 42px;
font-family: ROBOTOREGULAR;
}
.footer .foot_cen .ft_box .fl .share {
width: 100%;
height: auto;
margin-top: 85px;
}
.footer .foot_cen .ft_box .fl .share a {
width: 46px;
padding: 0;
height: 46px;
margin: 0 18px 0 0;
cursor: pointer;
display: inline-block;
}
.footer .foot_cen .ft_box .fl .share a span {
opacity: 0;
}
.footer .foot_cen .ft_box .fl .share a.fbook {
transition: all 0.5s;
background: url(../images/face.png) no-repeat !important;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.fbook:hover {
opacity: 1 !important;
background: url(../images/face2.png) no-repeat !important;
}
}
.footer .foot_cen .ft_box .fl .share a.twi {
background: url(../images/twi.png) no-repeat;
transition: all 0.5s;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.twi:hover {
opacity: 1 !important;
background: url(../images/twi2.png) no-repeat;
}
}
.footer .foot_cen .ft_box .fl .share a.in {
transition: all 0.5s;
background: url(../images/in.png) no-repeat;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.in:hover {
opacity: 1 !important;
background: url(../images/in2.png) no-repeat;
}
}
.footer .foot_cen .ft_box .fl .share a.google {
transition: all 0.5s;
background: url(../images/g.png) no-repeat;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.google:hover {
opacity: 1 !important;
background: url(../images/g2.png) no-repeat;
}
}
.footer .foot_cen .ft_box .fr {
width: 42%;
height: auto;
float: right;
margin-right: 7.7%;
}
.footer .foot_cen .ft_box .fr .sm {
width: 100%;
height: auto;
margin-top: 55px;
}
.footer .foot_cen .ft_box .fr .sm .search {
width: 50%;
height: 41px;
border: 1px solid #969696;
float: left;
}
.footer .foot_cen .ft_box .fr .sm .search input[type="text"] {
width: 84.5%;
height: 41px;
float: left;
border: none;
background: none;
font-size: 14px;
color: #666;
line-height: 41px;
text-indent: 1em;
}
.footer .foot_cen .ft_box .fr .sm .search input[type="submit"] {
width: 15%;
height: 43px;
float: left;
background: url(../images/search.png) no-repeat left center;
border: none;
}
.footer .foot_cen .ft_box .fr .sm .language {
width: 48.5%;
height: 43px;
float: right;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box {
width: 100%;
height: auto;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la {
width: 77.5%;
float: left;
position: relative;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la .lan {
height: 41px;
border: 1px solid #969696;
text-indent: 1em;
font-size: 14px;
color: #666;
line-height: 41px;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la ul {
width: 100%;
height: auto;
position: absolute;
left: 0;
display: none;
top: 43px;
background: #fff;
z-index: 10;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la ul li {
width: 100%;
height: auto;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la ul li a {
width: 100%;
height: auto;
display: block;
line-height: 43px;
font-size: 14px;
color: #666;
text-indent: 1em;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .select {
width: 18%;
height: 41px;
float: right;
border: 1px solid #969696;
background: url(../images/x2.png) no-repeat center center;
}
.footer .foot_cen .ft_box .fr .link {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 30px;
}
.footer .foot_cen .ft_box .fr .link ul {
width: 110%;
margin-top: 12px;
margin-bottom: 15px;
}
.footer .foot_cen .ft_box .fr .link ul li {
width: 29.5%;
height: auto;
float: left;
margin-right: 3.5%;
}
.footer .foot_cen .ft_box .fr .link ul li a {
font-size: 14px;
color: #666;
display: block;
line-height: 22px;
transition: all 0.5s;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fr .link ul li a:hover {
color: #71bf44;
}
}
.footer .foot_cen .ft_box .fr .link ul li a.tit {
font-size: 18px;
color: #242424;
padding-bottom: 7px;
font-family: DINProBold;
}
@media (min-width: 1024px) {
.footer .foot_cen .ft_box .fr .link ul li a.tit:hover {
color: #71bf44;
}
}
.footer .foot_cen .copyright {
color: #f3f3f3;
font-size: 14px;
font-family: Arial;
text-align: center;
line-height: 116px;
}
.footer .foot_cen .copyright a {
color: #f3f3f3;
transition: all 0.5s;
}
@media (min-width: 1024px) {
.footer .foot_cen .copyright a:hover {
color: #fff;
}
}
@media (max-width: 1240px) {
.footer .foot_cen {
width: 90%;
}
.footer .foot_cen .ft_box {
padding-bottom: 50px !important;
}
.footer .foot_cen .ft_box .fl {
width: 35% !important;
padding-top: 23px !important;
}
.footer .foot_cen .ft_box .fl .message {
font-size: 14px !important;
margin-top: 30px !important;
}
.footer .foot_cen .ft_box .fl .share {
width: 100%;
height: auto;
margin-top: 65px !important;
}
.footer .foot_cen .ft_box .fl .share a {
width: 46px;
padding: 0;
height: 46px;
margin: 0 18px 0 0;
}
.footer .foot_cen .ft_box .fl .share a.fbook {
transition: all 0.5s;
background: url(../images/face.png) no-repeat;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.fbook:hover {
opacity: 1 !important;
background: url(../images/face2.png) no-repeat;
}
}
@media (max-width: 1240px) {
.footer .foot_cen .ft_box .fl .share a.twi {
background: url(../images/twi.png) no-repeat;
transition: all 0.5s;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.twi:hover {
opacity: 1 !important;
background: url(../images/twi2.png) no-repeat;
}
}
@media (max-width: 1240px) {
.footer .foot_cen .ft_box .fl .share a.in {
transition: all 0.5s;
background: url(../images/in.png) no-repeat;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.in:hover {
opacity: 1 !important;
background: url(../images/in2.png) no-repeat;
}
}
@media (max-width: 1240px) {
.footer .foot_cen .ft_box .fl .share a.google {
transition: all 0.5s;
background: url(../images/g.png) no-repeat;
}
}
@media (max-width: 1240px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.google:hover {
opacity: 1 !important;
background: url(../images/g2.png) no-repeat;
}
}
@media (max-width: 1240px) {
.footer .foot_cen .ft_box .fr {
width: 50% !important;
}
.footer .foot_cen .ft_box .fr .sm {
width: 100%;
height: auto;
margin-top: 45px !important;
}
.footer .foot_cen .ft_box .fr .sm .search {
width: 50%;
height: 36px !important;
border: 1px solid #969696;
float: left;
}
.footer .foot_cen .ft_box .fr .sm .search input[type="text"] {
width: 84.5%;
height: 36px !important;
line-height: 36px !important;
}
.footer .foot_cen .ft_box .fr .sm .search input[type="submit"] {
height: 38px !important;
}
.footer .foot_cen .ft_box .fr .sm .language {
height: 38px !important;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la .lan {
height: 36px !important;
line-height: 36px !important;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la ul {
top: 38px !important;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .la ul li a {
line-height: 38px !important;
font-size: 14px;
}
.footer .foot_cen .ft_box .fr .sm .language .lan_box .select {
height: 36px !important;
}
.footer .foot_cen .ft_box .fr .link {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 20px !important;
}
.footer .foot_cen .ft_box .fr .link ul {
margin-bottom: 10px !important;
}
.footer .foot_cen .ft_box .fr .link ul li {
width: 28% !important;
}
.footer .foot_cen .ft_box .fr .link ul li a {
font-size: 14px !important;
line-height: 22px !important;
}
.footer .foot_cen .ft_box .fr .link ul li a.tit {
font-size: 16px !important;
}
}
@media (max-width: 1024px) {
.footer {
background-size: 1344px 366.1px !important;
}
.footer .foot_cen .ft_box .fl {
width: 96% !important;
clear: both;
padding-left: 4%;
}
.footer .foot_cen .ft_box .fl .share {
margin-top: 30px !important;
}
.footer .foot_cen .ft_box .fl .share a {
width: 36px;
padding: 0;
height: 36px;
margin: 0 12px 0 0;
}
.footer .foot_cen .ft_box .fl .share a.fbook {
transition: all 0.5s;
background-size: cover !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.fbook:hover {
background-size: cover !important;
}
}
@media (max-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.twi {
background-size: cover !important;
transition: all 0.5s;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.twi:hover {
background-size: cover !important;
}
}
@media (max-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.in {
transition: all 0.5s;
background-size: cover !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.in:hover {
opacity: 1 !important;
background-size: cover !important;
}
}
@media (max-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.google {
transition: all 0.5s;
background-size: cover !important;
}
}
@media (max-width: 1024px) and (min-width: 1024px) {
.footer .foot_cen .ft_box .fl .share a.google:hover {
opacity: 1 !important;
background-size: cover !important;
}
}
@media (max-width: 1024px) {
.footer .foot_cen .ft_box .fl .message {
font-size: 14px !important;
margin-top: 20px !important;
}
.footer .foot_cen .ft_box .fr {
display: none;
}
.footer .foot_cen .copyright {
line-height: 80px !important;
}
}
@media (max-width: 620px) {
.footer {
background-size: 1152px 331.8px !important;
}
.footer .foot_cen .ft_box {
padding-bottom: 30px !important;
margin-top: -80px !important;
}
.footer .foot_cen .ft_box .fl {
width: 96% !important;
clear: both;
padding-left: 4%;
}
.footer .foot_cen .ft_box .fl .message {
margin-top: 10px !important;
}
.footer .foot_cen .ft_box .fl .share {
margin-top: 20px !important;
}
.footer .foot_cen .ft_box .fr {
display: none;
}
.footer .foot_cen .copyright {
padding: 10px 0 !important;
line-height: 20px !important;
font-size: 12px !important;
}
.footer .foot_cen .copyright span {
display: block;
}
}
@media (max-width: 420px) {
.footer {
background-size: 1152px 331.8px !important;
}
.footer .foot_cen .ft_box {
margin-top: -100px !important;
}
.footer .foot_cen .copyright {
font-size: 11px;
}
}
@media (max-width: 360px) {
.footer {
background-size: 1248px 359.45px !important;
}
.footer .foot_cen .ft_box {
margin-top: -100px !important;
}
.footer .foot_cen .copyright {
font-size: 11px;
}
}
.jtico_fb, .jtico_linkedin, .jtico_twitter, .jtico_googleplus {
background: none !important;
}
::-webkit-input-placeholder {
color: #656565 !important;
}
:-moz-placeholder {
color: #656565 !important;
}
::-moz-placeholder {
color: #656565 !important;
}
:-ms-input-placeholder {
color: #656565 !important;
}
.mnav, .mnav2 {
width: 100%;
height: auto;
position: absolute;
top: 60px;
left: 0;
background: #24211d;
z-index: 20000;
display: none;
}
.mnav > ul, .mnav2 ul {
width: 100%;
height: auto;
}
.mnav ul li, .mnav2 ul li {
width: 100%;
height: auto;
border-bottom: 1px solid #4f535a;
}
.mnav ul li .tits, .mnav2 ul li .tits {
width: 94%;
padding: 0 3%;
display: block;
font-size: 16px;
line-height: 40px;
color: #babbbc;
height: 40px;
}
.mnav ul li .tits span, .mnav2 ul li .tits span {
float: left;
font-family: ROBOTOREGULAR;
}
.mnav ul li .tits i, .mnav2 ul li .tits i {
width: 21px;
height: 12px;
display: block;
float: right;
background: url("../images/m_down.png") no-repeat;
margin-top: 14px;
}
.mnav ul li dl, .mnav2 ul li dl {
width: 100%;
height: auto;
display: none;
}
.mnav ul li dl dd, .mnav2 ul li dl dd {
width: 100%;
height: 40px;
border-top: 1px solid #4f535a;
}
.mnav ul li dl dd a, .mnav2 ul li dl dd a {
width: 94%;
height: auto;
display: block;
padding: 0 3%;
line-height: 40px;
}
.mnav ul li dl dd a span, .mnav2 ul li dl dd a span {
margin-left: 2%;
font-size: 14px;
line-height: 40px;
color: #fff;
font-family: ROBOTOREGULAR;
}
.mnav ul li dl dd a i, .mnav2 ul li dl dd a i {
width: 21px;
height: 14px;
display: block;
float: right;
background: url("../images/m_down.png") no-repeat;
margin-top: 15px;
}
.mnav ul li.curr .tits i, .mnav2 ul li.curr .tits i {
transform: rotate(180deg);
}
.swiper-banner .swiper-button-prev {
width: 35px;
height: 35px;
border: 1px solid #969696;
bottom: 60px;
left: 40%;
top: inherit;
background: url(../images/prev1.png) no-repeat center center;
}
@media (max-width: 650px) {
.swiper-banner .swiper-button-prev {
bottom: 15px;
width: 24px;
background-size: 5.6px 12.8px;
height: 24px;
}
}
.swiper-banner .swiper-button-next {
width: 35px;
height: 35px;
bottom: 60px;
top: inherit;
right: 40%;
border: 1px solid #969696;
background: url(../images/next.png) no-repeat center center;
}
@media (max-width: 650px) {
.swiper-banner .swiper-button-next {
bottom: 15px;
width: 24px;
height: 24px;
background-size: 5.6px 12.8px;
}
}
.hide{ display:none}
.page {
padding: 0px 0 10px;
font-size: 12px;
font-weight: bold;
line-height: 22px;
text-align: center;
clear: both;
}
.page a {
text-decoration: none;
color: #8698b6;
background: #fff;
border: 1px solid #71bf44;
padding: 3px 6px;
padding-bottom: 2px;
margin-right: 3px;
}
.page a.page-num-current {
background: #71bf44;
border: 1px solid #71bf44;
color: #fff;
}
.page a:hover {
text-decoration: none;
color: #fff;
background: #71bf44;
border: 1px solid #71bf44;
}
.prevnext{ padding:30px 0;}
.prevnext a{ color:#333; font-size:16px;}
.prevnext a:hover{color:#71bf44}
.downloadbtn{
width: 266px;
height: 50px;
display: block;
margin:30px auto 0;
font-size: 24px;
color: #fff;
text-align: center;
font-family: DINProMedium;
background:url(../images/dbg.jpg) top left #71bf44;
line-height: 50px;
}
.downloadbtn:hover{ color:#fff; }
.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 2px 10px;
margin: 0 2px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #71BF44;
border: 1px solid #71BF44;
}
.pagination a.page-num-current {
color: #fff;
background: #71BF44;
border: 1px solid #71BF44;
}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100%; height:auto !important}