body, html {
min-width: 1200px; }
body {
width: 100%;
overflow: hidden; }
@font-face {
font-family: 'AVGARDN';
src: url("../fonts/avgardn.woff"), url("../fonts/avgardn.woff2"), url("../fonts/avgardn.ttf"), url("../fonts/avgardn.svg"), url("../fonts/avgardn.eot"); }
.flex-control-nav {
bottom: 70px !important;
text-align: center !important;
padding-right: 0 !important; }
.flex-control-nav li {
width: 8px !important;
vertical-align: middle;
height: 8px !important;
margin: 0 7px !important; }
.flex-control-nav li a {
width: 8px !important;
height: 8px !important;
background: #f1ebe9 !important;
border-radius: 50% !important; }
.flex-control-nav li a.flex-active {
border: 1px solid #f1ebe9 !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: none !important;
position: relative;
top: -2px; }
.flex-prev {
width: 20px !important;
height: 44px !important;
left: 100px !important;
position: absolute !important;
left: 100px !important;
top: 50%;
text-indent: 1000em;
margin-top: -22px !important;
background: url(../images/left_ll.png) no-repeat !important; }
.flex-next {
right: 100px !important;
text-indent: 1000em;
width: 20px !important;
height: 44px !important;
position: absolute !important;
top: 50%;
margin-top: -22px !important;
background: url(../images/right_ll.png) no-repeat !important; }
.flex-direction-nav {
display: block !important; }
.header {
width: 100%;
height: 112px;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
min-width: 1200px; }
.header.cur {
box-shadow: 10px 0 10px #d4c6c9; }
.header .header_top {
width: 100%;
height: 40px;
background: #ddd;
padding: 0 60px;
box-sizing: border-box; }
@media (max-width: 1690px) {
.header .header_top {
padding: 0 30px; } }
@media (max-width: 1610px) {
.header .header_top {
padding: 0 15px; } }
.header .header_top .follow {
float: left; }
.header .header_top .follow a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 40px;
padding-left: 35px;
position: relative;
height: 40px;
margin-right: 22px;
color: #414141; }
.header .header_top .follow a:hover .code {
top: 43px;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.header .header_top .follow a.sina {
background: url(../images/sina_ll.png) no-repeat left center; }
.header .header_top .follow a.wx {
background: url(../images/wx_ll.png) no-repeat left center; }
.header .header_top .follow a .code {
width: 120px;
height: 127px;
display: block;
position: absolute;
left: 50%;
margin-left: -60px;
top: 60px;
background: url(../images/code_bg.png) no-repeat;
padding-top: 8px;
box-sizing: border-box;
z-index: 100;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all 0.4s; }
.header .header_top .follow a .code img {
width: 118px;
height: 118px;
display: block;
margin: 0 auto; }
.header .header_top .language {
font-size: 0;
float: right; }
.header .header_top .language a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #414141;
line-height: 40px;
margin: 0;
padding: 0; }
.header .header_top .language span {
width: 1px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin: 0 20px;
background: #919191; }
.header .search {
width: 90px;
height: 72px;
border-left: 1px solid #f2f2f2;
float: right;
background: url(../images/search.png) no-repeat center center;
cursor: pointer; }
@media (max-width: 1690px) {
.header .search {
width: 80px; } }
@media (max-width: 1690px) {
.header .search {
width: 70px; } }
@media (max-width: 1300px) {
.header .search {
width: 50px; } }
.header .login {
width: 90px;
height: 72px;
border-left: 1px solid #f2f2f2;
float: right;
background: url(../images/login.png) no-repeat center center;
cursor: pointer; }
@media (max-width: 1690px) {
.header .login {
width: 80px; } }
@media (max-width: 1690px) {
.header .login {
width: 70px; } }
@media (max-width: 1300px) {
.header .login {
width: 50px; } }
.header .jis {
font-size: 14px;
color: #356B51;
height: 72px;
line-height: 72px;
border-left: 1px solid #f2f2f2;
display: block;
float: right;
padding: 0 15px; }
@media (max-width: 1320px) {
.header .jis {
font-size: 13px;
padding: 0 12px; } }
.header .header_cen {
height: 100%;
float: left;
margin-left: 30px; }
.header .header_cen .logo {
float: left;
margin-left: 20px;
line-height: 72px;
display: block;
width: auto;
padding-right: 5px; }
.header .header_cen .logo img{
width: auto;
max-width: 100%;
max-height: 58px;
height: auto;
object-fit: contain;
}
.header .header_cen .tu {
float: left;
padding-top: 25px; }
.header .header_cen .tu img {
padding-left: 10px;
border-left: 1px solid #c6c6c6; }
.header .header_cen .nav_box {
float: left;
margin-left: 140px;
position: relative; }
.header .header_cen .nav_box .nav li {
float: left;
width: 160px;
margin-right: 1px;
height: 72px;
position: relative;
z-index: 10;
transition: all 0.3s; }
.header .header_cen .nav_box .nav li.active {
background: #356B51; }
.header .header_cen .nav_box .nav li.active > a {
color: #fff; }
.header .header_cen .nav_box .nav li:hover {
background: #356B51; }
.header .header_cen .nav_box .nav li:hover > a {
color: #fff; }
.header .header_cen .nav_box .nav li > a {
width: 100%;
height: 100%;
display: block;
font-size: 18px;
color: #414141;
transition: all 0.3s;
text-align: center;
line-height: 72px; }
.header .header_cen .nav_box .nav li .sbox {
width: 100%;
display: block;
margin: 0 auto;
height: 46px;
border-bottom: 1px solid #A9A9A9;
font-size: 14px;
text-align: center;
position: relative; }
.header .header_cen .nav_box .nav li .sbox > a {
display: block;
font-size: 14px;
height: 46px;
color: #000000;
line-height: 46px;
text-align: center;
position: relative;
transition: all 0.3s; }
.header .header_cen .nav_box .nav li .sbox > a span {
width: 7px;
height: 12px;
position: absolute;
display: block;
right: 10px;
top: 50%;
margin-top: -6px;
background: url(../images/yjt.png) no-repeat; }
@media (max-width: 1400px) {
.header .header_cen .nav_box .nav li .sbox > a span {
width: 6px;
height: 10px;
background-size: cover !important;
right: 5px;
margin-top: -5px; } }
.header .header_cen .nav_box .nav li .sbox .s_list {
width: 160px;
top: 0;
position: absolute;
display: none;
left: 100%;
background: #ffffff; }
.header .header_cen .nav_box .nav li .sbox .s_list > a {
width: 100%;
display: block;
margin: 0 auto;
height: 46px;
border-bottom: 1px solid #A9A9A9;
font-size: 14px;
color: #000000;
transition: all 0.3s;
line-height: 46px;
text-align: center; }
@media (max-width: 1300px) {
.header .header_cen .nav_box .nav li .sbox .s_list > a {
font-size: 13px; } }
.header .header_cen .nav_box .nav li .sbox .s_list > a:hover {
background: #356B51;
border-color: #356B51; }
.header .header_cen .nav_box .nav li .sbox .s_list > a.last {
border: none; }
.header .header_cen .nav_box .nav li .slider {
width: 100%;
position: absolute;
left: 0;
top: 72px;
border-top: 1px solid #A9A9A9;
display: none;
background: #ffffff; }
.header .header_cen .nav_box .nav li .slider > a {
width: 100%;
display: block;
margin: 0 auto;
height: 46px;
border-bottom: 1px solid #A9A9A9;
font-size: 14px;
color: #000001;
transition: all 0.3s;
line-height: 46px;
text-align: center; }
.header .header_cen .nav_box .nav li .slider > a:hover {
background: #356B51;
border-color: #356B51; }
.header .header_cen .nav_box .nav li .slider > a.last {
border: none; }
@media (max-width: 1690px) {
.header .header_cen {
margin-left: 15px; }
.header .header_cen .logo {
margin-left: 15px; }
.header .header_cen .tu {
padding-top: 20px; }
.header .header_cen .tu img {
width: 330px;
height: auto; }
.header .header_cen .nav_box {
margin-left: 20px; }
.header .header_cen .nav_box .nav li {
width: 130px; } }
@media (max-width: 1610px) {
.header .header_cen {
margin-left: 10px; }
.header .header_cen .logo {
margin-left: 5px; }
.header .header_cen .nav_box {
margin-left: 20px; }
.header .header_cen .nav_box .nav li {
width: 120px; } }
@media (max-width: 1540px) {
.header .header_cen .logo {
margin-left: 5px; }
.header .header_cen .tu {
padding-top: 22.5px; }
.header .header_cen .tu img {
width: 260px; }
.header .header_cen .nav_box {
margin-left: 28px; }
.header .header_cen .nav_box .nav li {
width: 110px; }
.header .header_cen .nav_box .nav li > a {
font-size: 16px; } }
@media (max-width: 1420px) {
.header .header_cen .logo {
margin-left: 0px; }
.header .header_cen .tu {
padding-top: 23px; }
.header .header_cen .tu img {
width: 260px;
height: auto; }
.header .header_cen .nav_box {
margin-left: 15px; }
.header .header_cen .nav_box .nav li {
width: 100px; }
.header .header_cen .nav_box .nav li > a {
font-size: 15px; }
.header .header_cen .nav_box .nav li .slider a {
font-size: 12px; } }
@media (max-width: 1320px) {
.header .header_cen .logo {
margin-left: 0px;
padding-right: 6px; }
.header .header_cen .logo img {
height: 58px;
width: auto; }
.header .header_cen .tu {
padding-left: 5px;
padding-top: 21.5px; }
.header .header_cen .tu img {
width: 296px;
padding-left: 6px; }
.header .header_cen .nav_box {
margin-right: 0px;
float: left;
margin-left: 10px; }
.header .header_cen .nav_box .nav li {
width: 100px; }
.header .header_cen .nav_box .nav li > a {
font-size: 13px; }
.header .header_cen .nav_box .nav li .slider a {
font-size: 12px; } }
@media (max-width: 1265px) {
.header .header_cen .tu {
padding-top: 23px; }
.header .header_cen .tu img {
width: 255px; } }
.mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0;
filter: alpha(opacity=0);
z-index: 10000;
transition: all 0.3s;
visibility: hidden; }
.mask.active {
opacity: 0.7;
filter: alpha(opacity=70);
visibility: visible; }
.bomb_box {
width: 800px;
height: 500px;
position: fixed;
top: 50%;
margin-top: -250px;
left: 50%;
margin-left: -400px;
z-index: 10001;
transform: perspective(1300px) translateZ(100px) rotateY(90deg);
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transform-origin: 0 100%;
backface-visibility: hidden; }
.bomb_box.active {
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
transition: all 0.3s;
visibility: visible;
filter: alpha(opacity=100); }
.bomb_box embed, .bomb_box video {
width: 800px;
height: 500px;
display: block; }
.bomb_box .close {
width: 40px;
height: 40px;
position: absolute;
background: url(../images/close.png) no-repeat center center;
right: -40px;
top: 0px;
cursor: pointer; }
.main {
padding-top: 112px; }
.main.about .banner {
width: 100%;
height: 460px;
position: relative;
overflow: hidden;
transform: translateY(-100px);
transition: all 0.5s;
z-index: 4; }
.main.about .banner.animate {
transform: translateY(0px); }
.main.about .banner .position {
width: 100%;
height: 58px;
position: absolute;
bottom: 0;
left: 0;
background: url(../images/bg.png) no-repeat;
background-size: cover; }
.main.about .banner .position .position_cen {
width: 1170px;
height: auto;
margin: 0 auto;
line-height: 58px;
font-size: 14px;
color: #fff;
background: url(../images/home.png) no-repeat left center;
padding-left: 30px; }
.main.about .banner .position .position_cen a {
color: #fff; }
.main.about .about_main {
background: #fafafa;
position: relative;
z-index: 10; }
.main.about .about_main .about_cen {
padding-bottom: 100px;
width: 1200px;
height: auto;
margin: 0 auto; }
.main.about .about_main .about_cen .ab_l {
width: 872px;
height: auto;
float: left;
padding-top: 44px;
transform: translateY(80px);
opacity: 0;
transition: all 0.5s;
filter: alpha(opacity=0); }
.main.about .about_main .about_cen .ab_l.animate {
transform: translateY(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.about .about_main .about_cen .ab_l .title {
text-align: center;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc; }
.main.about .about_main .about_cen .ab_l .title .ti {
font-size: 16px;
color: #999;
line-height: 36px;
font-family: 'AVGARDN'; }
.main.about .about_main .about_cen .ab_l .title .t {
line-height: 24px;
font-size: 14px;
color: #333;
font-size: 18px; }
.main.about .about_main .about_cen .ab_l .title .t.t1 {
font-size: 20px;
color: #333; }
.main.about .about_main .about_cen .ab_l .title .time {
font-size: 14px;
line-height: 24px;
color: #999; }
.main.about .about_main .about_cen .ab_l .content {
font-size: 14px;
color: #666;
line-height: 24px;
padding-top: 27px; }
.main.about .about_main .about_cen .ab_l .content p, .main.about .about_main .about_cen .ab_l .content span {
font-size: 14px ;
white-space: normal !important;
font-family: "Microsoft YaHei" !important; }
.main.about .about_main .about_cen .ab_l .content p {
/* text-indent: 2em !important; */
padding-bottom: 15px; }
.main.about .about_main .about_cen .ab_l .content p strong {
font-size: 16px !important;
color: #666;
font-family: "Microsoft YaHei" !important; }
.main.about .about_main .about_cen .ab_l .content img {
max-width: 100%; }
.main.about .about_main .about_cen .ab_l .content .con {
font-size: 14px;
color: #666;
line-height: 24px;
padding-top: 27px; }
.main.about .about_main .about_cen .ab_l .content .con p {
text-indent: 2em; }
.main.about .about_main .about_cen .ab_l .content .con p strong {
font-size: 16px;
color: #666; }
.main.about .about_main .about_cen .ab_l .content .con img {
max-width: 100%;
display: block;
margin: 0 auto; }
.main.about .about_main .about_cen .ab_l .pbox {
text-align: center;
margin-top: 20px; }
.main.about .about_main .about_cen .ab_l .pbox a {
display: inline-block;
width: 120px;
height: 36px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 36px;
border-radius: 3px;
background: #356B51;
margin: 0 2px;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .pbox a.more {
width: 120px;
height: 36px;
border-radius: 3px;
text-align: center;
font-size: 0;
background: #356B51; }
.main.about .about_main .about_cen .ab_l .pbox a.more .ico {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 3px;
background: url(../images/j.png) no-repeat;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .pbox a.more .txt {
font-size: 14px;
margin: 0 3px;
color: #fff;
line-height: 36px;
display: inline-block;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .technology {
margin-top: 20px; }
.main.about .about_main .about_cen .ab_l .technology.technology2 ul li a .tu {
height: 297px; }
.main.about .about_main .about_cen .ab_l .technology.technology2 ul li a .tu img {
width: 100%;
height: auto; }
.main.about .about_main .about_cen .ab_l .technology.technology2 ul li a .con {
height: 297px;
position: relative; }
.main.about .about_main .about_cen .ab_l .technology.technology2 ul li a .con .more {
position: absolute;
left: 35px;
bottom: 40px;
margin: 0; }
.main.about .about_main .about_cen .ab_l .technology ul li {
background: #fff;
overflow: hidden;
margin-top: 24px;
box-shadow: -3px 0 3px #f3f3f3, 3px 0 3px #f3f3f3, 3px -3px 3px #f3f3f3, 0 7px 7px #e7e7e7; }
.main.about .about_main .about_cen .ab_l .technology ul li .top_box {
position: relative;
top: -75px;
height: 0px; }
.main.about .about_main .about_cen .ab_l .technology ul li a {
width: 100%;
overflow: hidden;
height: auto;
display: block; }
.main.about .about_main .about_cen .ab_l .technology ul li a:hover .tu img {
transform: scale(1.1); }
.main.about .about_main .about_cen .ab_l .technology ul li a:hover .con .ti {
color: #356B51; }
.main.about .about_main .about_cen .ab_l .technology ul li a .tu {
/*width: 276px;*/
height: 200px;
float: left;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .technology ul li a .tu img {
width: 100%;
height: 200px;
transition: all 0.3s; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con {
width: 526px;
float: left;
padding: 0 35px; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con .ti {
font-size: 18px;
color: #333;
padding-top: 27px;
overflow: hidden;
transition: all 0.3s;
white-space: nowrap;
text-overflow: ellipsis; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con .txt_box {
font-size: 14px;
color: #999;
margin-top: 13px;
line-height: 22px; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con .more {
width: 120px;
height: 36px;
margin-top: 22px;
border-radius: 3px;
text-align: center;
background: #356B51; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con .more .ico {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 3px;
background: url(../images/j.png) no-repeat;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .technology ul li a .con .more .txt {
font-size: 14px;
margin: 0 3px;
color: #fff;
line-height: 36px;
display: inline-block;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .technology .page2 {
text-align: center;
clear: both;
padding-top: 70px; }
.main.about .about_main .about_cen .ab_l .technology .page2 img {
display: inline-block; }
.main.about .about_main .about_cen .ab_l .process_main {
margin-top: 55px;
padding-bottom: 45px; }
.main.about .about_main .about_cen .ab_l .process_main .tit_box {
padding-top: 40px; }
.main.about .about_main .about_cen .ab_l .process_main .tit_box .tit {
text-align: center;
font-size: 24px;
color: #333;
line-height: 30px; }
.main.about .about_main .about_cen .ab_l .process_main .tit_box .tit span {
font-size: 28px;
color: #356B51;
font-family: Arial; }
.main.about .about_main .about_cen .ab_l .process_main .tit_box .en {
font-size: 14px;
line-height: 20px;
color: #cbc9c9;
font-family: 'AVGARDN';
text-align: center; }
.main.about .about_main .about_cen .ab_l .process_main .pic {
margin-top: 10px; }
.main.about .about_main .about_cen .ab_l .process_main .pic img {
display: block;
margin: 0 auto; }
.main.about .about_main .about_cen .ab_l .box {
padding-bottom: 30px; }
.main.about .about_main .about_cen .ab_l .box ul {
width: 110%; }
.main.about .about_main .about_cen .ab_l .box ul li {
width: 269px;
height: 290px;
float: left;
margin-right: 33px;
margin-top: 27px;
margin-bottom: 6px;
box-shadow: -3px 0 3px #f3f3f3, 3px 0 3px #f3f3f3, 3px -3px 3px #f3f3f3, 0 5px 5px #e7e7e7; }
.main.about .about_main .about_cen .ab_l .box ul li a {
width: 100%;
height: 100%;
display: block;
padding: 8px;
box-sizing: border-box; }
.main.about .about_main .about_cen .ab_l .box ul li a:hover .pic img {
transform: scale(1.1); }
.main.about .about_main .about_cen .ab_l .box ul li a .pic {
width: 253px;
height: 274px;
overflow: hidden;
position: relative; }
.main.about .about_main .about_cen .ab_l .box ul li a .pic img {
width: 100%;
transition: all 0.5s;
height: auto; }
.main.about .about_main .about_cen .ab_l .box ul li a .pic .txt_w {
height: 38px;
width: 100%;
position: absolute;
background: url(../images/sbg.png) no-repeat;
background-size: cover;
text-align: center;
font-size: 14px;
bottom: 0;
left: 0;
line-height: 38px;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.main.about .about_main .about_cen .ab_l .box .page2 {
text-align: center;
clear: both;
padding-top: 60px; }
.main.about .about_main .about_cen .ab_l .box .page2 img {
display: inline-block; }
.main.about .about_main .about_cen .ab_l .honor_main {
margin-top: 33px; }
.main.about .about_main .about_cen .ab_l .honor_main .large {
width: 100%;
height: 670px;
background: #fff;
position: relative;
box-shadow: -3px 0 3px #f3f3f3, 3px 0 3px #f3f3f3, 3px -3px 3px #f3f3f3, 0 7px 7px #e7e7e7; }
.main.about .about_main .about_cen .ab_l .honor_main .large .pic {
width: 739px;
height: 670px;
margin: 0 auto;
overflow: hidden;
text-align: center;
line-height: 670px; }
.main.about .about_main .about_cen .ab_l .honor_main .large .pic img {
display: inline-block;
max-width: 100%;
max-height: 100%;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .honor_main .large .prev {
width: 51px;
height: 99px;
background: url(../images/prev.png) no-repeat;
position: absolute;
left: 0;
top: 50%;
margin-top: -50px;
cursor: pointer; }
.main.about .about_main .about_cen .ab_l .honor_main .large .next {
width: 51px;
height: 99px;
background: url(../images/next.png) no-repeat;
position: absolute;
right: 0;
top: 50%;
margin-top: -50px;
cursor: pointer; }
.main.about .about_main .about_cen .ab_l .honor_main .honor_name {
font-size: 18px;
color: #454545;
text-align: center;
margin: 15px 0; }
.main.about .about_main .about_cen .ab_l .honor_main .wrap {
width: 100%;
overflow: hidden;
margin-top: 28px; }
.main.about .about_main .about_cen .ab_l .honor_main .wrap ul {
position: relative;
width: 2000px; }
.main.about .about_main .about_cen .ab_l .honor_main .wrap ul li {
width: 167px;
height: 180px;
box-sizing: border-box;
text-align: center;
line-height: 180px;
overflow: hidden;
background: #fff;
margin-right: 9px;
float: left;
cursor: pointer;
border: 1px solid #ededed; }
.main.about .about_main .about_cen .ab_l .honor_main .wrap ul li.active {
border-color: #356B51;
border-width: 2px; }
.main.about .about_main .about_cen .ab_l .honor_main .wrap ul li img {
display: inline-block;
max-width: 100%;
max-height: 100%; }
.main.about .about_main .about_cen .ab_l .enviroment_main {
margin-top: 35px; }
.main.about .about_main .about_cen .ab_l .enviroment_main .list {
text-align: center; }
.main.about .about_main .about_cen .ab_l .enviroment_main .list a {
display: inline-block;
width: 128px;
height: 38px;
border: 1px solid #e7e7e7;
border-radius: 3px;
font-size: 14px;
color: #666;
text-align: center;
margin: 0 2px;
line-height: 38px;
transition: all 0.3s; }
.main.about .about_main .about_cen .ab_l .enviroment_main .list a.cur {
border-color: #356B51;
color: #fff;
background: #356B51; }
.main.about .about_main .about_cen .ab_l .enviroment_main .list a:hover {
border-color: #356B51;
color: #fff;
background: #356B51; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container {
padding-top: 25px; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container ul li {
width: 427px;
height: 460px;
background: #fff;
float: left;
margin-top: 20px;
box-shadow: -3px 0 3px #f3f3f3, 3px 0 3px #f3f3f3, 3px -3px 3px #f3f3f3, 0 7px 7px #e7e7e7; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container ul li.right {
float: right; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container ul li .tu {
margin: 6px;
width: 415px;
height: 448px;
position: relative;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container ul li .tu img {
width: 100%;
height: auto; }
.main.about .about_main .about_cen .ab_l .enviroment_main .container ul li .tu .txt {
width: 100%;
height: 48px;
background: url(../images/ebg.png) no-repeat;
background-size: cover;
font-size: 16px;
color: #fff;
position: absolute;
left: 0;
bottom: 0;
text-align: center;
line-height: 48px; }
.main.about .about_main .about_cen .ab_l .team {
margin-top: 5px; }
.main.about .about_main .about_cen .ab_l .team ul {
width: 110%; }
.main.about .about_main .about_cen .ab_l .team ul li {
width: 280px;
height: 302px;
background: #fff;
margin-right: 16px;
margin-top: 26px;
float: left; }
.main.about .about_main .about_cen .ab_l .team ul li a {
padding: 6px;
display: block; }
.main.about .about_main .about_cen .ab_l .team ul li a:hover .tu img {
transform: scale(1.1); }
.main.about .about_main .about_cen .ab_l .team ul li a .tu {
overflow: hidden;
width: 268px;
height: 290px;
position: relative; }
.main.about .about_main .about_cen .ab_l .team ul li a .tu img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.about .about_main .about_cen .ab_l .team ul li a .tu .txt {
width: 100%;
height: 42px;
background: url(../images/zbg.png) no-repeat;
background-size: cover;
position: absolute;
left: 0;
bottom: 0;
font-size: 16px;
color: #333;
line-height: 42px;
text-align: center; }
.main.about .about_main .about_cen .ab_l .team .page2 {
text-align: center;
clear: both;
padding-top: 45px; }
.main.about .about_main .about_cen .ab_l .team .page2 img {
display: inline-block; }
.main.about .about_main .about_cen .ab_l .team .detail {
margin-left: 22px; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox {
background: #fff;
margin-top: 50px;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .tu {
width: 390px;
height: 420px;
float: left;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .tu img {
width: 100%;
height: auto; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .con {
width: 460px;
float: left;
padding: 0 33px;
box-sizing: border-box; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .con .ti {
padding-top: 34px;
font-size: 18px;
padding-left: 15px;
padding-bottom: 17px;
border-bottom: 1px solid #f6f6f6;
color: #356B51;
font-weight: bold; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .con .dt {
font-size: 14px;
color: #666;
padding-top: 15px;
padding-left: 15px; }
.main.about .about_main .about_cen .ab_l .team .detail .dbox .con .dt p {
padding-top: 7px; }
.main.about .about_main .about_cen .ab_l .team .detail .cont_box {
font-size: 14px;
color: #666;
padding-top: 30px; }
.main.about .about_main .about_cen .ab_l .team .detail .cont_box img {
max-width: 100%; }
.main.about .about_main .about_cen .ab_l .team .detail .cont_box p, .main.about .about_main .about_cen .ab_l .team .detail .cont_box span {
white-space: normal !important; }
.main.about .about_main .about_cen .ab_l .team .detail .cont_box .item {
font-size: 14px;
color: #666;
padding-top: 30px; }
.main.about .about_main .about_cen .ab_l .team .detail .cont_box .item p strong {
font-size: 16px; }
.main.about .about_main .about_cen .ab_l .remarks {
margin-top: 15px;
margin-left: 22px; }
.main.about .about_main .about_cen .ab_l .remarks .ti {
font-size: 20px;
color: #666;
font-weight: bold; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main {
padding-bottom: 30px; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con {
margin-top: 12px; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con .t {
font-size: 16px;
color: #666;
line-height: 28px;
font-weight: bold; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con .t span {
font-size: 24px;
color: #356B51;
font-family: Arial; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con > p {
font-size: 14px;
color: #666;
text-indent: 2em; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con img {
max-width: 100%; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con .item {
font-size: 14px;
color: #666;
margin-top: 25px;
line-height: 24px;
padding-bottom: 7px; }
.main.about .about_main .about_cen .ab_l .remarks .remarks_main .con .item p {
text-indent: 2em; }
.main.about .about_main .about_cen .ab_l .video_detail {
margin-top: 32px; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box {
background: #fff;
box-shadow: -3px 0 3px #f3f3f3, 3px 0 3px #f3f3f3, 3px -3px 3px #f3f3f3, 0 7px 7px #e7e7e7; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg {
width: 100%;
height: 492px;
background: #000; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg .tu {
width: 788px;
margin: 0 auto;
height: 492px;
position: relative;
overflow: hidden;
cursor: pointer; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg .tu .play {
width: 46px;
height: 46px;
position: absolute;
background: url(../images/play.png) no-repeat;
left: 50%;
margin-left: -23px;
top: 50%;
margin-top: -23px; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg .tu img {
width: 100%;
height: auto; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg embed, .main.about .about_main .about_cen .ab_l .video_detail .video_box .video_bg video {
width: 788px;
height: 492px;
display: block;
margin: 0 auto; }
.main.about .about_main .about_cen .ab_l .video_detail .video_box .tit {
height: 56px;
text-align: center;
line-height: 56px;
font-size: 18px;
color: #454545; }
.main.about .about_main .about_cen .ab_l .video_detail .cont {
font-size: 14px;
color: #666;
line-height: 24px;
padding-top: 28px; }
.main.about .about_main .about_cen .ab_l .video_detail .cont p {
text-indent: 2em;
padding-top: 27px; }
.main.about .about_main .about_cen .ab_l .video_detail .cont img {
max-width: 100%; }
.main.about .about_main .about_cen .ab_l .video_main {
width: 864px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .video_main ul {
width: 110%; }
.main.about .about_main .about_cen .ab_l .video_main ul li {
width: 270px;
height: auto;
float: left;
margin-right: 25px; }
.main.about .about_main .about_cen .ab_l .video_main ul li a {
display: block; }
.main.about .about_main .about_cen .ab_l .video_main ul li a:hover .pic img {
transform: scale(1.1); }
.main.about .about_main .about_cen .ab_l .video_main ul li a:hover .txt_box .ti {
color: #356B51; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .pic {
width: 100%;
position: relative;
height: 170px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .pic .play {
width: 46px;
height: 46px;
background: url(../images/play.png) no-repeat;
position: absolute;
left: 50%;
margin-left: -23px;
top: 50%;
margin-top: -23px; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .pic img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .txt_box {
padding: 0 0px 25px 0px;
margin-top: 13px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .txt_box .ti {
float: left;
font-size: 14px;
color: #999;
width: 224px;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.main.about .about_main .about_cen .ab_l .video_main ul li a .txt_box .ico {
width: 9px;
height: 14px;
margin-top: 8px;
float: right;
background: url(../images/yy.png) no-repeat; }
.main.about .about_main .about_cen .ab_l .video_list {
margin-top: 22px;
width: 864px; }
.main.about .about_main .about_cen .ab_l .video_list ul li {
height: auto;
height: 52px;
width: 100%;
overflow: hidden;
border-bottom: 1px dashed #d7d7d7; }
.main.about .about_main .about_cen .ab_l .video_list ul li a {
display: block;
position: relative; }
.main.about .about_main .about_cen .ab_l .video_list ul li a .ico {
float: left;
width: 27px;
height: 60px;
background: url(../images/video.png) no-repeat left center; }
.main.about .about_main .about_cen .ab_l .video_list ul li a .txt {
font-size: 14px;
color: #454545;
float: left;
height: 52px;
line-height: 52px;
width: 815px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.3s;
margin-left: 17px; }
.main.about .about_main .about_cen .ab_l .video_list ul li a:hover .txt {
color: #356B51; }
.main.about .about_main .about_cen .ab_l .video_list ul li a:hover .tu {
display: block; }
.main.about .about_main .about_cen .ab_l .page2 {
text-align: center;
clear: both;
padding-top: 80px; }
.main.about .about_main .about_cen .ab_l .page2 img {
display: inline-block; }
.main.about .about_main .about_cen .ab_l .other > .txt {
font-size: 16px;
color: #666;
margin-top: 60px; }
.main.about .about_main .about_cen .ab_l .other .ot {
margin-top: 60px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .other .ot .txt {
font-size: 16px;
color: #666;
float: left; }
.main.about .about_main .about_cen .ab_l .other .ot a {
display: block;
width: 120px;
height: 36px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 36px;
border-radius: 3px;
background: #356B51;
float: right;
margin-right: 11px; }
.main.about .about_main .about_cen .ab_l .other .ot a.more {
font-size: 0; }
.main.about .about_main .about_cen .ab_l .other .ot a.more .ico {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 3px;
background: url(../images/j.png) no-repeat;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .other .ot a.more .txt {
font-size: 14px;
margin: 0 3px;
color: #fff;
float: none;
line-height: 36px;
display: inline-block;
vertical-align: middle; }
.main.about .about_main .about_cen .ab_l .other .video {
overflow: hidden;
width: 864px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
margin-top: 5px; }
.main.about .about_main .about_cen .ab_l .other .video .btn_l {
width: 51px;
height: 99px;
background: url(../images/prev.png) no-repeat;
position: absolute;
left: 6px;
z-index: 100;
top: 50%;
margin-top: -50px;
cursor: pointer; }
.main.about .about_main .about_cen .ab_l .other .video .btn_r {
width: 51px;
height: 99px;
background: url(../images/next.png) no-repeat;
position: absolute;
right: 9px;
top: 50%;
z-index: 100;
margin-top: -50px;
cursor: pointer; }
.main.about .about_main .about_cen .ab_l .other .video ul {
position: relative;
width: 2000px; }
.main.about .about_main .about_cen .ab_l .other .video ul li {
width: 270px;
height: auto;
float: left;
margin-right: 25px;
background: #fff;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_l .other .video ul li a {
display: block;
padding: 6px; }
.main.about .about_main .about_cen .ab_l .other .video ul li a:hover .pic img {
transform: scale(1.1); }
.main.about .about_main .about_cen .ab_l .other .video ul li a:hover .txt_box .ti {
color: #356B51; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .pic {
width: 100%;
position: relative;
height: 162px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .pic .play {
width: 46px;
height: 46px;
background: url(../images/play.png) no-repeat;
position: absolute;
left: 50%;
margin-left: -23px;
top: 50%;
margin-top: -23px; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .pic img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .txt_box {
padding: 0 10px 10px 10px;
margin-top: 9px;
overflow: hidden; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .txt_box .ti {
float: left;
font-size: 14px;
color: #999;
width: 224px;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.main.about .about_main .about_cen .ab_l .other .video ul li a .txt_box .ico {
width: 9px;
height: 14px;
margin-top: 8px;
float: right;
background: url(../images/yy.png) no-repeat; }
.main.about .about_main .about_cen .ab_l .contact_box {
background: #fff;
padding: 6px;
padding-bottom: 100px;
margin-top: 35px;
box-shadow: 0 0 5px 5px #f3f3f3; }
.main.about .about_main .about_cen .ab_l .contact_box #map {
width: 100%;
height: 410px; }
.main.about .about_main .about_cen .ab_l .contact_box #map .anchorBL {
display: none; }
.main.about .about_main .about_cen .ab_l .contact_box .message {
margin-top: 30px;
padding-bottom: 50px;
border-bottom: 1px solid #ededed; }
.main.about .about_main .about_cen .ab_l .contact_box .message .ml {
float: left;
width: 200px;
margin-top: 40px; }
.main.about .about_main .about_cen .ab_l .contact_box .message .ml img {
display: block;
margin: 0 auto; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr {
float: left; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .ti {
font-size: 24px;
color: #666; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .tel {
font-size: 24px;
color: #356B51;
margin-top: 10px;
line-height: 48px; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .tel span {
font-size: 30px;
line-height: 48px;
font-family: Arial; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .cont {
font-size: 14px;
color: #666;
line-height: 24px;
margin-top: 5px; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .cont p {
padding-top: 6px; }
.main.about .about_main .about_cen .ab_l .contact_box .message .mr .cont p span {
font-size: 18px;
font-family: Arial;
color: #356B51;
line-height: 24px; }
.main.about .about_main .about_cen .ab_l .contact_box .success {
padding-top: 30px; }
.main.about .about_main .about_cen .ab_l .contact_box .success .tit_box .ti {
font-size: 24px;
color: #4a4a4a;
line-height: 30px;
text-align: center; }
.main.about .about_main .about_cen .ab_l .contact_box .success .tit_box .en {
font-size: 24px;
color: #454545;
font-family: Arial;
line-height: 30px;
opacity: 0.2;
filter: alpha(opacity=20);
text-align: center; }
.main.about .about_main .about_cen .ab_l .contact_box .success .txt_box {
width: 670px;
margin: 0 auto;
font-size: 14px;
padding-top: 15px;
color: #666;
line-height: 22px; }
.main.about .about_main .about_cen .ab_l .contact_box .success .test {
display: block;
margin: 40px auto 0 auto;
width: 264px;
height: 64px;
text-align: center;
line-height: 64px;
font-size: 18px;
color: #fff;
border-radius: 3px;
background: #356B51; }
.main.about .about_main .about_cen .ab_r {
width: 282px;
height: auto;
float: right;
transform: translateY(80px);
opacity: 0;
transition: all 0.5s;
filter: alpha(opacity=0); }
.main.about .about_main .about_cen .ab_r.animate {
transform: translateY(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.about .about_main .about_cen .ab_r .classification {
position: relative;
z-index: 100;
margin-top: -58px; }
.main.about .about_main .about_cen .ab_r .classification .tit {
width: 100%;
height: 58px;
background: #356B51;
position: relative;
border-top-right-radius: 48px; }
.main.about .about_main .about_cen .ab_r .classification .tit .cn {
font-size: 18px;
color: #fff;
font-weight: bold;
line-height: 58px;
padding-left: 32px;
position: relative;
z-index: 10; }
.main.about .about_main .about_cen .ab_r .classification .tit .en {
font-size: 46px;
color: #fff;
opacity: 0.1;
filter: alpha(opacity=10);
line-height: 46px;
position: absolute;
bottom: 4px;
left: 20px; }
.main.about .about_main .about_cen .ab_r .classification .list {
width: 100%;
height: auto;
padding-top: 15px;
background: #fff;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_r .classification .list a:last-child {
border: none; }
.main.about .about_main .about_cen .ab_r .classification .list a {
display: block;
width: 100%;
height: 45px;
position: relative; }
.main.about .about_main .about_cen .ab_r .classification .list a.last .cont {
border: none; }
.main.about .about_main .about_cen .ab_r .classification .list a:hover .bg {
width: 100%; }
.main.about .about_main .about_cen .ab_r .classification .list a:hover .cont .txt {
color: #fff; }
.main.about .about_main .about_cen .ab_r .classification .list a:hover .cont .ico {
transform: translateX(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.about .about_main .about_cen .ab_r .classification .list a.cur .bg {
width: 100%; }
.main.about .about_main .about_cen .ab_r .classification .list a.cur .cont .txt {
color: #fff; }
.main.about .about_main .about_cen .ab_r .classification .list a.cur .cont .ico {
transform: translateX(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.about .about_main .about_cen .ab_r .classification .list a .bg {
width: 0%;
height: 100%;
position: absolute;
left: 0;
transition: all 0.3s;
top: 0;
background: #356B51; }
.main.about .about_main .about_cen .ab_r .classification .list a .cont {
width: 240px;
height: 45px;
overflow: hidden;
padding-left: 18px;
padding-right: 20px;
position: relative;
z-index: 10;
box-sizing: border-box;
margin: 0 auto;
border-bottom: 1px dashed #dcdcdc; }
.main.about .about_main .about_cen .ab_r .classification .list a .cont .txt {
float: left;
font-size: 14px;
color: #454545;
line-height: 45px;
transition: all 0.3s; }
.main.about .about_main .about_cen .ab_r .classification .list a .cont .ico {
width: 18px;
height: 100%;
transition: all 0.3s;
float: right;
background: url(../images/y.png) no-repeat center center;
transform: translateX(50px);
opacity: 0;
filter: alpha(opacity=0); }
.main.about .about_main .about_cen .ab_r .success {
margin-top: 35px; }
.main.about .about_main .about_cen .ab_r .success .title {
line-height: 30px;
position: relative; }
.main.about .about_main .about_cen .ab_r .success .title .en {
font-size: 38px;
color: #d0cecf;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
filter: alpha(opacity=30); }
.main.about .about_main .about_cen .ab_r .success .title .txt {
float: left;
padding-left: 25px;
font-size: 18px;
color: #333;
position: relative;
z-index: 10;
font-weight: bold; }
.main.about .about_main .about_cen .ab_r .success .title a {
display: inline-block;
float: right;
position: relative;
z-index: 10;
font-size: 12px;
padding-left: 20px;
color: #356B51;
background: url(../images/m.png) no-repeat left center; }
.main.about .about_main .about_cen .ab_r .success .sbox {
width: 100%;
margin-top: 5px;
height: auto;
background: #fff;
box-shadow: 0 0 3px 3px #f3f3f3;
border-top: 5px solid #356B51;
padding-top: 22px;
padding-bottom: 25px; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm {
overflow: hidden;
padding-top: 5px; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul {
position: relative;
width: 2000px; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul li {
width: 282px;
box-sizing: border-box;
padding: 0 28px;
float: left; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul li a {
display: block; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul li a .pic {
padding: 10px;
width: 210px;
height: 227px;
overflow: hidden;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul li a .pic img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.about .about_main .about_cen .ab_r .success .sbox .sm ul li a .txt_w {
font-size: 12px;
color: #666;
text-align: center;
overflow: hidden;
padding-top: 12px;
text-overflow: ellipsis;
white-space: nowrap; }
.main.about .about_main .about_cen .ab_r .success .sbox .jb2 {
text-align: center;
margin-top: 5px; }
.main.about .about_main .about_cen .ab_r .success .sbox .jb2 a {
width: 6px;
height: 6px;
background: #d0d0d0;
border-radius: 50%;
display: inline-block;
margin: 0 2px; }
.main.about .about_main .about_cen .ab_r .success .sbox .jb2 a.cur {
width: 8px;
height: 8px;
border: 2px solid #356B51;
background: #fff;
position: relative;
top: 3px; }
.main.about .about_main .about_cen .ab_r .news_box {
margin-top: 35px; }
.main.about .about_main .about_cen .ab_r .news_box .title {
line-height: 30px;
position: relative; }
.main.about .about_main .about_cen .ab_r .news_box .title .en {
font-size: 40px;
color: #d0cecf;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
filter: alpha(opacity=30); }
.main.about .about_main .about_cen .ab_r .news_box .title .txt {
float: left;
padding-left: 25px;
font-size: 18px;
color: #333;
position: relative;
z-index: 10;
font-weight: bold; }
.main.about .about_main .about_cen .ab_r .news_box .title a {
display: inline-block;
float: right;
position: relative;
z-index: 10;
font-size: 12px;
padding-left: 20px;
color: #356B51;
background: url(../images/m.png) no-repeat left center; }
.main.about .about_main .about_cen .ab_r .news_box .news_list {
margin-top: 5px;
background: #fff;
box-shadow: 0 0 3px 3px #f3f3f3;
padding-top: 15px;
padding-bottom: 15px;
border-top: 5px solid #356B51; }
.main.about .about_main .about_cen .ab_r .news_box .news_list ul li {
padding: 0 25px; }
.main.about .about_main .about_cen .ab_r .news_box .news_list ul li a {
display: block;
border-bottom: 1px dashed #dcdcdc;
height: 40px;
font-size: 14px;
color: #666;
line-height: 40px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.main.about .about_main .about_cen .ab_r .news_box .news_list ul li a:hover {
color: #356B51; }
.main.about .about_main .about_cen .ab_r .team_box {
margin-top: 35px; }
.main.about .about_main .about_cen .ab_r .team_box .title {
line-height: 30px;
position: relative; }
.main.about .about_main .about_cen .ab_r .team_box .title .en {
font-size: 40px;
color: #d0cecf;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
filter: alpha(opacity=30); }
.main.about .about_main .about_cen .ab_r .team_box .title .txt {
float: left;
padding-left: 25px;
font-size: 18px;
color: #333;
position: relative;
z-index: 10;
font-weight: bold; }
.main.about .about_main .about_cen .ab_r .team_box .title a {
display: inline-block;
float: right;
position: relative;
z-index: 10;
font-size: 12px;
padding-left: 20px;
color: #356B51;
background: url(../images/m.png) no-repeat left center; }
.main.about .about_main .about_cen .ab_r .team_box .box {
width: 100%;
margin-top: 5px;
height: auto;
background: #fff;
padding-top: 10px;
padding-bottom: 15px;
box-shadow: 0 0 3px 3px #f3f3f3;
border-top: 5px solid #356B51; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 {
overflow: hidden;
padding-top: 5px; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul {
position: relative;
width: 2000px; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul li {
width: 282px;
box-sizing: border-box;
padding: 0 28px;
float: left; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul li a {
display: block; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul li a .tu {
padding: 10px;
width: 210px;
height: auto;
text-align: center;
overflow: hidden;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul li a .tu img {
width: auto;
transition: all 0.3s;
height: auto; }
.main.about .about_main .about_cen .ab_r .team_box .box .box1 ul li a .txt {
font-size: 12px;
color: #666;
text-align: center;
overflow: hidden;
padding-top: 12px;
text-overflow: ellipsis;
white-space: nowrap; }
.main.about .about_main .about_cen .ab_r .team_box .box .jb {
text-align: center;
margin-top: 5px; }
.main.about .about_main .about_cen .ab_r .team_box .box .jb a {
width: 6px;
height: 6px;
background: #d0d0d0;
border-radius: 50%;
display: inline-block;
margin: 0 2px; }
.main.about .about_main .about_cen .ab_r .team_box .box .jb a.cur {
width: 8px;
height: 8px;
border: 2px solid #356B51;
background: #fff;
position: relative;
top: 3px; }
.main.about .about_main .about_cen .ab_r .test {
background: #fff;
padding: 6px;
display: block;
margin-top: 25px;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_r .test img {
width: 100%;
height: auto; }
.main.about .about_main .about_cen .ab_r .login2 {
background: #fff;
padding: 6px;
display: block;
margin-top: 25px;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.about .about_main .about_cen .ab_r .login2 .form {
width: 100%;
padding: 0 27px;
box-sizing: border-box;
height: 176px; }
.main.about .about_main .about_cen .ab_r .login2 .form .title {
padding-top: 15px; }
.main.about .about_main .about_cen .ab_r .login2 .form .title .t {
float: left;
font-size: 18px;
color: #e55f9a;
line-height: 24px;
font-weight: bold; }
.main.about .about_main .about_cen .ab_r .login2 .form .title .txt {
float: right;
font-size: 14px;
color: #696969;
font-weight: normal !important;
line-height: 24px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box {
margin-top: 10px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .input-group {
margin-top: 5px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .input-group label {
float: left;
display: block;
width: 66px;
font-size: 14px;
color: #333;
line-height: 28px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .input-group input {
width: 146px;
height: 28px;
border: 1px solid #fddaea;
border-radius: 5px;
background: #fff;
font-size: 14px;
color: #333;
text-indent: 1em;
line-height: 28px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .sub {
overflow: hidden; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .sub .submit {
width: 70px;
height: 30px;
background: #356B51;
display: block;
font-size: 14px;
color: #fff;
float: left;
line-height: 30px;
text-align: center;
border-radius: 5px;
border: none;
margin-top: 8px;
margin-left: 67px; }
.main.about .about_main .about_cen .ab_r .login2 .form .input_box .sub a {
width: 70px;
height: 30px;
background: #d387ef;
display: block;
margin-top: 8px;
text-align: center;
border-radius: 5px;
font-size: 14px;
color: #fff;
float: right;
line-height: 30px; }
.main.about .test_box {
width: 1110px;
background: #fff;
margin-top: -80px;
padding-top: 80px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
z-index: 1;
transform: translateY(-80px);
transition: all 0.5s;
opacity: 0;
box-shadow: 20px -20px 20px #fff7fa, -20px -20px 20px #fff7fa; }
.main.about .test_box.animate {
opacity: 1;
transform: translateY(0px); }
.main.about .test_box .box3 {
width: 1050px;
margin: 0 auto;
padding-bottom: 55px; }
.main.about .test_box .box3 .tit {
font-size: 18px;
color: #356B51;
padding-top: 12px;
font-weight: bold;
padding-left: 22px; }
.main.about .test_box .box3 .cont {
padding-top: 4px; }
.main.about .test_box .box3 .cont ul li {
padding: 10px 22px;
border-bottom: 1px dashed #facde1;
font-size: 14px;
color: #666;
line-height: 24px; }
.main.about .test_box .box3 .subject {
padding: 15px 22px 0 22px; }
.main.about .test_box .box3 .subject .item {
margin-top: 7px;
display: none; }
.main.about .test_box .box3 .subject .item.show {
display: block; }
.main.about .test_box .box3 .subject .item .ti {
font-size: 16px;
color: #454545; }
.main.about .test_box .box3 .subject .item > .box {
overflow: hidden; }
.main.about .test_box .box3 .subject .item > .box a {
display: inline-block;
font-size: 14px;
color: #7a7a7a;
height: 28px;
line-height: 28px;
margin-bottom: 10px;
padding: 0 12px;
border-radius: 28px;
margin-right: 18px;
transition: all 0.3s;
vertical-align: middle; }
.main.about .test_box .box3 .subject .item > .box a.on {
background: #356B51;
color: #fff; }
.main.about .test_box .box3 .subject .item .tb .box1 {
overflow: hidden;
padding-left: 22px;
margin-top: 7px; }
.main.about .test_box .box3 .subject .item .tb .box1 span {
float: left;
font-size: 14px;
color: #7a7a7a;
margin-right: 10px; }
.main.about .test_box .box3 .subject .item .tb .box1 > .box {
float: left; }
.main.about .test_box .box3 .subject .item .tb .box1 > .box a {
display: inline-block;
font-size: 14px;
color: #7a7a7a;
height: 28px;
line-height: 28px;
padding: 0 12px;
border-radius: 28px;
margin-right: 18px;
transition: all 0.3s;
vertical-align: middle; }
.main.about .test_box .box3 .subject .item .tb .box1 > .box a.on {
background: #356B51;
color: #fff; }
.main.about .test_box .box3 .subject .btn {
width: 140px;
height: 46px;
margin: 70px auto 0 auto;
border-radius: 3px;
background: #356B51;
text-align: center;
font-size: 14px;
display: none;
color: #fff;
line-height: 46px;
cursor: pointer; }
.main.about .test_box .result {
background: #fff7fa;
overflow: hidden;
display: none;
padding: 65px 20px 100px 20px; }
.main.about .test_box .result .txt_w {
font-size: 18px;
color: #414141;
font-weight: bold;
text-align: center;
line-height: 40px; }
.main.about .test_box .result .txt_w span {
font-size: 36px;
color: #356B51;
line-height: 40px;
display: inline-block;
font-weight: bold;
vertical-align: middle; }
.main.about .test_box .result .ds {
font-size: 18px;
color: #414141;
text-align: center;
margin-top: 30px;
line-height: 24px; }
.main.welcome .flexslider {
width: 100%;
height: 0;
padding-bottom: 39.05%;
overflow: hidden;
position: relative; }
.main.welcome .flexslider .flex-viewport {
height: 100%;
position: absolute !important;
width: 100%;
top: 0;
left: 0; }
.main.welcome .flexslider .flex-viewport ul {
height: 100%; }
.main.welcome .flexslider .flex-viewport ul li {
height: 100%; }
.main.welcome .flexslider .flex-viewport ul li a {
display: block; }
.main.welcome .flexslider .flex-viewport ul li a img {
width: 100%; }
.main.welcome .banner {
width: 100%; }
.main.welcome .banner .bx-wrapper .bx-viewport .bxslider li a {
display: block;
width: 100%; }
.main.welcome .banner .bx-wrapper .bx-viewport .bxslider li a img {
width: 100%;
height: auto; }
.main.welcome .advantage {
width: 100%;
position: relative; }
.main.welcome .advantage .prev {
width: 51px;
height: 99px;
position: absolute;
background: url(../images/l.png) no-repeat;
left: 0;
top: 50%;
margin-top: -50px;
z-index: 100;
cursor: pointer; }
.main.welcome .advantage .next {
width: 51px;
height: 99px;
position: absolute;
background: url(../images/r.png) no-repeat;
right: 0;
cursor: pointer;
z-index: 100;
top: 50%;
margin-top: -50px; }
.main.welcome .advantage ul {
position: relative;
width: 20000px; }
.main.welcome .advantage ul li {
float: left;
box-sizing: border-box;
height: 100px;
background: #fff;
position: relative; }
.main.welcome .advantage ul li.bg a {
background: #eeeeee; }
.main.welcome .advantage ul li a {
width: 100%;
border-right: 1px solid #d3d3d3;
height: 100%;
display: block;
padding: 0 10px;
transition: all 0.5s;
cursor: pointer;
z-index: 8;
background: #fff;
position: relative;
box-sizing: border-box; }
.main.welcome .advantage ul li a:hover {
transform: scale(1.1);
z-index: 10;
box-shadow: 0 0 10px 2px #dddddd;
border: none; }
.main.welcome .advantage ul li a .tab .tab_cell {
padding-top: 20px; }
.main.welcome .advantage ul li a .tab .tab_cell .tit {
font-size: 22px;
color: #1c1c1c;
line-height: 26px;
text-align: center; }
.main.welcome .advantage ul li a .tab .tab_cell .txt {
font-size: 14px;
color: #999;
padding-top: 10px;
line-height: 20px;
text-align: center; }
.main.welcome .advantage ul li a .tab .tab_cell .btn {
width: 100px;
height: 30px;
line-height: 30px;
background: #356B51;
border-radius: 3px;
text-align: center;
font-size: 14px;
color: #fff;
margin-top: 7px;
margin-left: auto;
margin-right: auto; }
.main.welcome .about_box {
width: 100%; }
.main.welcome .about_box .ab_l {
width: 61.8%;
float: left;
overflow: hidden;
cursor: pointer;
position: relative; }
.main.welcome .about_box .ab_l .play {
width: 150px;
height: 150px;
position: absolute;
left: 50%;
margin-left: -75px;
top: 50%;
margin-top: -75px;
z-index: 100;
background: url(../images/play2.png) no-repeat; }
@media (max-width: 1300px) {
.main.welcome .about_box .ab_l .play {
width: 130px;
height: 130px;
margin-left: -65px;
margin-top: -65px;
background-size: cover !important; } }
.main.welcome .about_box .ab_l img {
width: 100%;
height: auto;
transition: all 0.5s; }
.main.welcome .about_box .ab_l:hover img {
transform: scale(1.1); }
.main.welcome .about_box .ab_r {
width: 38.2%;
float: left;
position: relative;
background: url(../images/sebg.jpg) no-repeat center center;
background-size: cover; }
.main.welcome .about_box .ab_r .arrow {
width: 24px;
height: 48px;
background: url(../images/arrow.png) no-repeat;
position: absolute;
left: -24px;
top: 40%;
margin-top: -24px; }
.main.welcome .about_box .ab_r .tab {
width: 100%;
height: 100%;
display: table; }
.main.welcome .about_box .ab_r .tab .tab_cell {
display: table-cell;
vertical-align: middle; }
.main.welcome .about_box .ab_r .tab .tab_cell .title .en {
font-size: 48px;
color: #333;
font-family: 'AVGARDN';
text-align: center;
line-height: 60px;
padding-bottom: 10px; }
.main.welcome .about_box .ab_r .tab .tab_cell .title .line {
width: 272px;
margin: 0 auto;
height: 28px;
background: url(../images/line.png) no-repeat; }
.main.welcome .about_box .ab_r .tab .tab_cell .txt_w {
width: 70%;
margin: 0 auto;
text-align: center;
font-size: 14px;
color: #666;
padding-top: 24px;
padding-bottom: 5px;
line-height: 20px; }
.main.welcome .about_box .ab_r .tab .tab_cell .ti {
width: 106px;
height: 36px;
margin: 23px auto 0 auto;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 36px;
background: #356B51;
border-radius: 5px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link {
width: 418px;
margin: 10px auto 0 auto;
border: 1px solid #e4e4e4;
border-radius: 5px;
background: #fff;
overflow: hidden; }
.main.welcome .about_box .ab_r .tab .tab_cell .link a {
width: 33.33%;
float: left;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
box-sizing: border-box;
display: block;
height: 55px;
font-size: 14px;
color: #666;
text-align: center;
line-height: 55px;
transition: all 0.3s; }
.main.welcome .about_box .ab_r .tab .tab_cell .link a:hover {
color: #356B51; }
@media (max-width: 1600px) {
.main.welcome .about_box .ab_r .tab .tab_cell .title .en {
font-size: 40px;
line-height: 50px;
padding-bottom: 5px; }
.main.welcome .about_box .ab_r .tab .tab_cell .title .line {
width: 250px;
height: 26px;
background-size: cover !important; }
.main.welcome .about_box .ab_r .tab .tab_cell .txt_w {
width: 86%;
padding-bottom: 5px;
padding-top: 18px; }
.main.welcome .about_box .ab_r .tab .tab_cell .ti {
margin: 15px auto 0 auto; }
.main.welcome .about_box .ab_r .tab .tab_cell .link {
width: 380px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link a {
height: 50px;
line-height: 50px; } }
@media (max-width: 1500px) {
.main.welcome .about_box .ab_r .tab .tab_cell .txt_w {
width: 86%;
padding-bottom: 5px;
padding-top: 12px; }
.main.welcome .about_box .ab_r .tab .tab_cell .ti {
margin: 10px auto 0 auto;
width: 90px;
height: 30px;
font-size: 16px;
line-height: 30px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link {
width: 380px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link a {
height: 44px;
line-height: 44px; } }
@media (max-width: 1300px) {
.main.welcome .about_box .ab_r .tab .tab_cell .title .en {
font-size: 36px;
line-height: 42px; }
.main.welcome .about_box .ab_r .tab .tab_cell .title .line {
width: 175px;
height: 18px; }
.main.welcome .about_box .ab_r .tab .tab_cell .txt_w {
width: 86%;
padding-bottom: 5px;
padding-top: 12px; }
.main.welcome .about_box .ab_r .tab .tab_cell .ti {
margin: 10px auto 0 auto;
width: 90px;
height: 30px;
font-size: 16px;
line-height: 30px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link {
width: 380px; }
.main.welcome .about_box .ab_r .tab .tab_cell .link a {
height: 40px;
line-height: 40px; } }
.main.welcome .container .tit {
width: 24.8%;
padding-left: 69px;
box-sizing: border-box;
height: 60px;
background: #f9f9f9;
font-size: 24px;
letter-spacing: 12px;
color: #8d8d8d;
line-height: 60px;
font-family: 'AVGARDN'; }
@media (max-width: 1670px) {
.main.welcome .container .tit {
font-size: 20px;
letter-spacing: 8px;
padding-left: 50px; } }
@media (max-width: 1290px) {
.main.welcome .container .tit {
font-size: 20px;
letter-spacing: 3px;
padding-left: 40px; } }
.main.welcome .container .wrap .wr {
width: 75.2%;
float: right;
position: relative;
overflow: hidden; }
.main.welcome .container .wrap .wr .btn_l {
width: 51px;
height: 99px;
position: absolute;
left: 0;
top: 50%;
cursor: pointer;
z-index: 10;
margin-top: -50px;
background: url(../images/prev.png) no-repeat; }
.main.welcome .container .wrap .wr .btn_r {
width: 51px;
height: 99px;
position: absolute;
right: 0;
cursor: pointer;
z-index: 10;
top: 50%;
margin-top: -50px;
background: url(../images/next.png) no-repeat; }
.main.welcome .container .wrap .wr ul {
position: relative; }
.main.welcome .container .wrap .wr ul.honor li a .tu img {
max-width: 100%;
max-height: 100%; }
.main.welcome .container .wrap .wr ul li {
float: left;
margin-left: 1px; }
.main.welcome .container .wrap .wr ul li:hover a .tu {
position: relative;
overflow: hidden;
left: 0; }
.main.welcome .container .wrap .wr ul li:hover a .tu img {
transform: scale(1.1); }
.main.welcome .container .wrap .wr ul li a {
width: 100%;
display: block;
position: relative; }
.main.welcome .container .wrap .wr ul li a .name {
width: 100%;
height: 58px;
background: url(../images/hhb.png) no-repeat;
background-size: cover;
position: absolute;
left: 0;
bottom: 0;
line-height: 58px;
font-size: 18px;
color: #fff;
text-align: center; }
@media (max-width: 1400px) {
.main.welcome .container .wrap .wr ul li a .name {
height: 44px;
line-height: 44px; } }
.main.welcome .container .wrap .wr ul li a .tu {
overflow: hidden;
text-align: center; }
.main.welcome .container .wrap .wr ul li a .tu img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.welcome .container .wrap .wl {
width: 24.8%;
float: left;
position: relative; }
.main.welcome .container .wrap .wl .bg {
width: 100%;
height: 125px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: #356B51; }
.main.welcome .container .wrap .wl .item {
width: 100%;
height: 125px;
box-sizing: border-box;
cursor: pointer;
background: #f3f3f3;
display: block;
overflow: hidden;
position: relative;
border-bottom: 1px solid #dddddd; }
.main.welcome .container .wrap .wl .item.active .ibox .ico {
background: url(../images/jj.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.h {
background: url(../images/h10.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.ico3 {
background: url(../images/a2.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.ico4 {
background: url(../images/hos2.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item.active .ibox .title .txt, .main.welcome .container .wrap .wl .item.active .ibox .title .en {
color: #fff; }
.main.welcome .container .wrap .wl .item.active .ibox .ico2 {
transform: translateX(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.welcome .container .wrap .wl .item:hover .ibox .ico {
background: url(../images/jj.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.h {
background: url(../images/h10.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.ico3 {
background: url(../images/a2.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.ico4 {
background: url(../images/hos2.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item:hover .ibox .title .txt, .main.welcome .container .wrap .wl .item:hover .ibox .title .en {
color: #fff; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico2 {
transform: translateX(0px);
opacity: 1;
filter: alpha(opacity=100); }
.main.welcome .container .wrap .wl .item .ibox {
position: absolute;
left: 0;
z-index: 11;
top: 50%;
width: 100%;
box-sizing: border-box;
margin-top: -30px;
padding-left: 23%;
padding-right: 9.4%; }
.main.welcome .container .wrap .wl .item .ibox .ico {
width: 47px;
height: 47px;
float: left;
transition: all 0.5s;
margin-top: 6px;
background: url(../images/jj2.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item .ibox .ico.h {
background: url(../images/h.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico3 {
background: url(../images/a.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico4 {
background: url(../images/hos.png) no-repeat center center; }
.main.welcome .container .wrap .wl .item .ibox .title {
float: left;
margin-left: 25px; }
.main.welcome .container .wrap .wl .item .ibox .title .txt {
font-size: 24px;
color: #333;
transition: all 0.5s;
line-height: 30px; }
.main.welcome .container .wrap .wl .item .ibox .title .en {
font-size: 18px;
color: #a9a9a9;
line-height: 30px;
transition: all 0.5s;
font-family: 'AVGARDN'; }
.main.welcome .container .wrap .wl .item .ibox .ico2 {
width: 25px;
height: 25px;
margin-top: 13px;
background: url(../images/z.png) no-repeat;
float: right;
transform: translateX(100px);
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.5s; }
@media (max-width: 1670px) {
.main.welcome .container .wrap .wl .item.active .ibox .ico {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.h {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.ico3 {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item.active .ibox .ico.ico4 {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.h {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.ico3 {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item:hover .ibox .ico.ico4 {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item .ibox {
position: absolute;
left: 0;
z-index: 11;
top: 50%;
width: 100%;
box-sizing: border-box;
margin-top: -24px;
padding-left: 15%;
padding-right: 9%; }
.main.welcome .container .wrap .wl .item .ibox .ico {
width: 40px;
height: 40px;
float: left;
transition: all 0.5s;
margin-top: 6px;
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item .ibox .ico.h {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico3 {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico4 {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item .ibox .title {
margin-left: 15px; }
.main.welcome .container .wrap .wl .item .ibox .title .txt {
font-size: 20px;
color: #333;
transition: all 0.5s;
line-height: 24px; }
.main.welcome .container .wrap .wl .item .ibox .title .en {
font-size: 16px;
color: #a9a9a9;
line-height: 24px;
transition: all 0.5s;
font-family: 'AVGARDN'; }
.main.welcome .container .wrap .wl .item .ibox .ico2 {
width: 25px;
height: 25px;
margin-top: 13px;
background: url(../images/z.png) no-repeat;
float: right;
transform: translateX(100px);
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.5s; } }
@media (max-width: 1300px) {
.main.welcome .container .wrap .wl .item .ibox {
position: absolute;
left: 0;
z-index: 11;
top: 50%;
width: 100%;
box-sizing: border-box;
margin-top: -24px;
padding-left: 10%;
padding-right: 9%; }
.main.welcome .container .wrap .wl .item .ibox .ico {
width: 40px;
height: 40px;
float: left;
transition: all 0.5s;
margin-top: 3px;
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item .ibox .ico.h {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico3 {
background-size: 40px 40px; }
.main.welcome .container .wrap .wl .item .ibox .ico.ico4 {
background-size: 38px 38px; }
.main.welcome .container .wrap .wl .item .ibox .title {
margin-left: 15px; }
.main.welcome .container .wrap .wl .item .ibox .title .txt {
font-size: 20px;
color: #333;
transition: all 0.5s;
line-height: 24px; }
.main.welcome .container .wrap .wl .item .ibox .title .en {
font-size: 16px;
color: #a9a9a9;
line-height: 24px;
transition: all 0.5s;
font-family: 'AVGARDN'; }
.main.welcome .container .wrap .wl .item .ibox .ico2 {
width: 25px;
height: 25px;
margin-top: 13px;
background: url(../images/z.png) no-repeat;
float: right;
transform: translateX(100px);
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.5s; } }
.main.welcome .news_tit_box {
padding-bottom: 5px; }
.main.welcome .news_tit_box .tit {
font-size: 20px;
color: #333;
text-align: left;
width: 50%;
float: left;
padding-left: 60px;
box-sizing: border-box;
line-height: 40px;
background: url(../images/g1.png) no-repeat 1.2% center;
background-size: 40px auto; }
.main.welcome .news_tit_box .tit.n2 {
background: url(../images/g12.png) no-repeat 1.2% center;
background-size: 40px auto; }
.main.welcome .news_tit_box .tit span {
font-size: 16px;
color: #a9a9a9;
line-height: 24px;
display: inline-block;
vertical-align: -2px;
font-family: 'AVGARDN'; }
.main.welcome .news_tit_l {
padding-bottom: 40px; }
.main.welcome .news_tit_l .title {
text-align: center;
overflow: hidden; }
.main.welcome .news_tit_l .title .tit {
font-size: 48px;
color: #333;
line-height: 60px;
font-family: 'AVGARDN'; }
.main.welcome .news_tit_l .title .txt {
font-size: 18px;
line-height: 36px;
margin: 0 auto;
width: 235px;
height: 36px;
border: 1px solid #e3e3e3;
border-radius: 5px;
background: #356B51;
position: relative;
display: block; }
.main.welcome .news_tit_l .title .txt i {
float: left;
margin-left: 20px;
color: #fefcfc;
font-style: normal; }
.main.welcome .news_tit_l .title .txt span {
width: 80px;
height: 36px;
display: block;
position: absolute;
right: 10px;
top: 0;
color: #fff;
font-size: 12px;
line-height: 36px;
text-transform: uppercase;
background: url(../images/yj.png) no-repeat right center; }
.main.welcome .news_tit_l .title .more {
width: 110px;
position: absolute;
right: 0;
bottom: 5px;
height: 36px;
border: 1px solid #e3e3e3;
border-radius: 5px;
display: block;
font-size: 14px;
line-height: 36px;
text-align: left;
color: #fff;
padding-left: 14px;
box-sizing: border-box;
transition: all 0.3s;
background: url(../images/yj.png) no-repeat 88px center #356B51; }
.main.welcome .news_tit_l .title .more:hover {
background-position: 92px center; }
.main.welcome .video_box {
width: 1782px;
margin: 0 auto;
padding-top: 66px;
min-width: 1150px; }
@media (max-width: 1800px) {
.main.welcome .video_box {
width: 92%; } }
.main.welcome .video_box .title {
text-align: center;
overflow: hidden; }
.main.welcome .video_box .title .tit {
font-size: 48px;
color: #333;
line-height: 60px;
font-family: 'AVGARDN'; }
.main.welcome .video_box .title .txt {
font-size: 18px;
line-height: 36px;
margin: 0 auto;
width: 235px;
height: 36px;
border: 1px solid #e3e3e3;
border-radius: 5px;
background: #356B51;
position: relative;
display: block; }
.main.welcome .video_box .title .txt i {
float: left;
margin-left: 20px;
color: #fefcfc;
font-style: normal; }
.main.welcome .video_box .title .txt span {
width: 80px;
height: 36px;
display: block;
position: absolute;
right: 10px;
top: 0;
color: #fff;
font-size: 12px;
line-height: 36px;
text-transform: uppercase;
background: url(../images/yj.png) no-repeat right center; }
.main.welcome .video_box .title .more {
width: 110px;
position: absolute;
right: 0;
bottom: 5px;
height: 36px;
border: 1px solid #e3e3e3;
border-radius: 5px;
display: block;
font-size: 14px;
line-height: 36px;
text-align: left;
color: #fff;
padding-left: 14px;
display: none;
box-sizing: border-box;
transition: all 0.3s;
background: url(../images/yj.png) no-repeat 88px center #356B51; }
.main.welcome .video_box .title .more:hover {
background-position: 92px center; }
.main.welcome .video_box .box {
overflow: hidden;
margin-top: 75px; }
.main.welcome .video_box .box ul {
width: 110%; }
.main.welcome .video_box .box ul li {
width: 19.2%;
float: left;
margin-right: 4.7%;
padding-bottom: 10px;
margin-bottom: 30px; }
.main.welcome .video_box .box ul li a {
display: block;
width: 100%;
height: auto; }
.main.welcome .video_box .box ul li a:hover .pic img {
transform: scale(1.1); }
.main.welcome .video_box .box ul li a:hover .txt_box .ti {
color: #356B51; }
.main.welcome .video_box .box ul li a .pic {
overflow: hidden;
position: relative; }
.main.welcome .video_box .box ul li a .pic img {
width: 100%;
height: auto;
transition: all 0.3s; }
.main.welcome .video_box .box ul li a .pic .play {
width: 46px;
height: 46px;
background: url(../images/play.png) no-repeat;
position: absolute;
left: 50%;
margin-left: -23px;
top: 50%;
margin-top: -23px; }
.main.welcome .video_box .box ul li a .txt_box {
padding: 0 10px;
margin-top: 9px; }
.main.welcome .video_box .box ul li a .txt_box .ti {
float: left;
font-size: 16px;
color: #333;
width: 93%;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.main.welcome .video_box .box ul li a .txt_box .ico {
width: 9px;
height: 14px;
margin-top: 8px;
float: right;
background: url(../images/yy.png) no-repeat; }
.main.welcome .news_box {
width: 100%;
margin-top: 10px;
min-width: 1200px; }
.main.welcome .news_box ul {
width: 50%;
float: left;
border-bottom: 1px solid #eeeeee; }
.main.welcome .news_box ul li {
width: 50%;
float: left;
border-right: 1px solid #eeeeee;
box-sizing: border-box; }
.main.welcome .news_box ul li.two a .con .ti {
font-size: 16px; }
.main.welcome .news_box ul li a {
padding: 25px 5%;
display: block;
position: relative;
border-top: 1px solid #eeeeee; }
.main.welcome .news_box ul li a.two {
padding: 10px 5% 10px 5%; }
.main.welcome .news_box ul li a.two .con .ti {
font-size: 16px; }
.main.welcome .news_box ul li a:hover .con .ti {
color: #356B51; }
.main.welcome .news_box ul li a .tu {
overflow: hidden; }
.main.welcome .news_box ul li a .tu img {
width: 100%;
height: auto; }
.main.welcome .news_box ul li a .bg {
position: absolute;
bottom: 35px;
left: 5%;
right: 5%;
height: 40px;
background: #000;
opacity: 0.7;
filter: alpha(opacity=80); }
.main.welcome .news_box ul li a > .ti {
font-size: 16px;
color: #fff;
text-align: center;
position: absolute;
left: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 15px;
box-sizing: border-box;
height: 40px;
line-height: 40px;
z-index: 10;
bottom: 35px;
left: 5%;
right: 5%; }
.main.welcome .news_box ul li a .con .ti {
font-size: 18px;
color: #333;
white-space: nowrap;
overflow: hidden;
transition: all 0.3s;
text-overflow: ellipsis; }
.main.welcome .news_box ul li a .con .day {
font-size: 16px;
color: #666;
padding-top: 6px;
font-family: 'AVGARDN'; }
.main.welcome .news_box ul li a .con .line {
width: 22px;
height: 1px;
margin-top: 8px;
background: #ccc; }
.main.welcome .news_box ul li a .con .txt_box {
font-size: 14px;
margin-top: 18px;
color: #7e7e7e;
line-height: 22px; }
.main.welcome .news_box ul li a .con .txt_box p {
display: inline-block;
float: none;
color: #AC31AC; }
.main.welcome .news_box ul li a .con .more {
width: 120px;
height: 36px;
margin-top: 55px;
border-radius: 3px;
text-align: center;
background: #356B51; }
.main.welcome .news_box ul li a .con .more .ico {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 3px;
background: url(../images/j.png) no-repeat;
vertical-align: middle; }
.main.welcome .news_box ul li a .con .more .txt {
font-size: 14px;
margin: 0 3px;
color: #fff;
line-height: 36px;
display: inline-block;
vertical-align: middle; }
@media (max-width: 1450px) {
.main.welcome .news_box ul li.two a .con .ti {
font-size: 14px; }
.main.welcome .news_box ul li a .con .ti {
font-size: 16px; }
.main.welcome .news_box ul li a .con .txt_box {
font-size: 12px; }
.main.welcome .news_box ul li a .con .more {
margin-top: 40px;
width: 100px; } }
.main.welcome .contact {
width: 100%;
height: auto;
overflow: hidden;
min-width: 1200px;
margin-top: 45px;
background: #eeeeee; }
.main.welcome .contact .contact_r {
width: 50%;
float: left;
padding-left: 8.33%;
box-sizing: border-box; }
@media (max-width: 1300px) {
.main.welcome .contact .contact_r {
padding-left: 5%; } }
.main.welcome .contact .contact_r .tit {
font-size: 36px;
color: #333;
font-family: 'AVGARDN';
line-height: 60px; }
.main.welcome .contact .contact_r .form .input-group {
margin-top: 6px;
margin-bottom: 6px; }
.main.welcome .contact .contact_r .form .input-group label {
width: 60px;
float: left;
font-size: 14px;
color: #454545;
display: block;
line-height: 46px; }
.main.welcome .contact .contact_r .form .input-group label:focus {
transition: all 0.3s;
border-color: #356B51; }
.main.welcome .contact .contact_r .form .input-group input {
width: 258px;
height: 44px;
border: 1px solid #f1f1f1;
border-radius: 5px;
display: block;
float: left;
text-indent: 1em;
padding: 0;
transition: all 0.3s; }
.main.welcome .contact .contact_r .form .input-group input:focus {
border-color: #356B51; }
.main.welcome .contact .contact_r .form .input-group textarea {
width: 437px;
height: 145px;
border: 1px solid #f1f1f1;
border-radius: 5px;
display: block;
float: left;
resize: none;
box-sizing: border-box;
padding: 10px 5px 0 5px;
transition: all 0.3s; }
.main.welcome .contact .contact_r .form .input-group textarea:focus {
border-color: #356B51; }
.main.welcome .contact .contact_r .form .submit {
margin-left: 61px;
margin-top: 12px; }
.main.welcome .contact .contact_r .form .submit input {
width: 120px;
height: 36px;
background: #356B51;
border-radius: 2px;
line-height: 36px;
font-size: 14px;
color: #fff;
border: none; }
.main.welcome .contact .contact_r .form .submit a {
width: 120px;
height: 36px;
background: #d387ef;
border-radius: 2px;
line-height: 36px;
font-size: 14px;
color: #fff;
transition: all 0.3s;
text-align: center;
display: inline-block;
margin-left: 14px;
border: none; }
.main.welcome .contact .contact_r .form .submit a.login {
background: #83c1eb; }
.main.welcome .contact .contact_r .form .submit a:hover {
background: #356B51; }
.main.welcome .contact .contact_l {
width: 50%;
padding-left: 13.5%;
box-sizing: border-box;
height: 586px;
float: left;
position: relative;
background: url(../images/contact.jpg) no-repeat center center #d991b1;
background-size: cover; }
@media (max-width: 1300px) {
.main.welcome .contact .contact_l {
padding-left: 8%; } }
.main.welcome .contact .contact_l .yb {
width: 23px;
height: 121px;
background: url(../images/yb.png) no-repeat;
position: absolute;
right: -23px;
top: 50%;
margin-top: -60px; }
.main.welcome .contact .contact_l .ico {
width: 11px;
height: 19px;
background: url(../images/jjj.png) no-repeat;
right: -13px;
position: absolute;
top: 50%;
margin-top: -10px; }
.main.welcome .contact .contact_l .tit {
font-size: 48px;
color: #fff;
padding-top: 66px;
font-family: 'AVGARDN';
line-height: 60px; }
.main.welcome .contact .contact_l .line {
width: 65px;
height: 4px;
margin-top: 27px;
background: #fff; }
.main.welcome .contact .contact_l .tel_box {
margin-top: 37px; }
.main.welcome .contact .contact_l .tel_box .t {
font-size: 18px;
color: #fff;
line-height: 22px; }
.main.welcome .contact .contact_l .tel_box .tel {
font-size: 48px;
color: #fff;
font-family: 'AVGARDN';
line-height: 50px; }
.main.welcome .contact .contact_l .ms {
margin-top: 30px; }
.main.welcome .contact .contact_l .ms .email {
font-size: 14px;
margin-top: 10px;
color: #fff;
background: url(../images/email.png) no-repeat left center;
padding-left: 30px; }
.main.welcome .contact .contact_l .ms .address {
font-size: 14px;
margin-top: 10px;
color: #fff;
background: url(../images/address.png) no-repeat left center;
padding-left: 30px; }
.main.welcome .contact .contact_l .bdsharebuttonbox {
margin-top: 30px; }
.main.welcome .contact .contact_l .bdsharebuttonbox a {
padding: 0;
margin: 0 10px 0 0;
width: 46px;
transition: all 0.3s;
height: 46px; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.sina {
background: url(../images/sina.png) no-repeat; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.sina:hover {
background: url(../images/sina2.png) no-repeat; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.wx {
background: url(../images/wx3.png) no-repeat; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.wx:hover {
background: url(../images/wx2.png) no-repeat; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.qq {
background: url(../images/qq.png) no-repeat; }
.main.welcome .contact .contact_l .bdsharebuttonbox a.qq:hover {
background: url(../images/qq2.png) no-repeat; }
.main.login .login_box {
width: 100%;
height: auto;
position: relative; }
.main.login .login_box > img {
width: 100%;
height: auto; }
.main.login .login_box .login_main {
width: 594px;
height: auto;
margin: 0 auto;
background: rgba(255, 255, 255, 0.7);
border-top: 5px solid #356B51;
border-bottom: 5px solid #356B51;
padding: 0 45px;
box-sizing: border-box;
position: absolute;
left: 50%;
margin-left: -297px;
top: 50%;
margin-top: -230px; }
.main.login .login_box .login_main .title {
padding-top: 26px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e4e4; }
.main.login .login_box .login_main .title .t {
font-size: 24px;
color: #454545;
padding-top: 5px;
float: left; }
.main.login .login_box .login_main .title .reg {
float: right;
width: 100px;
height: 30px;
margin-top: 12px;
background: #356B51;
border-radius: 4px;
text-align: center;
display: block; }
.main.login .login_box .login_main .title .reg .txt {
display: inline-block;
font-size: 12px;
color: #fff;
vertical-align: middle;
line-height: 30px; }
.main.login .login_box .login_main .title .reg .ico {
width: 9px;
height: 9px;
background: url(../images/jr.png) no-repeat;
vertical-align: middle;
display: inline-block; }
.main.login .login_box .login_main .form {
padding-bottom: 30px;
padding-top: 35px; }
.main.login .login_box .login_main .form .input-group {
margin-top: 10px; }
.main.login .login_box .login_main .form .input-group > label {
width: 90px;
display: block;
float: left;
font-size: 16px;
color: #454545;
text-align: right;
line-height: 48px; }
.main.login .login_box .login_main .form .input-group > input {
width: 368px;
height: 48px;
border: 1px solid #f5dae6;
box-sizing: border-box;
font-size: 14px;
color: #999;
line-height: 48px;
border-radius: 5px;
float: left;
display: block;
padding: 0;
text-indent: 1em; }
.main.login .login_box .login_main .form .input-group .input-box {
width: 368px;
float: left; }
.main.login .login_box .login_main .form .input-group .input-box > input {
width: 168px;
height: 48px;
border: 1px solid #f5dae6;
box-sizing: border-box;
font-size: 14px;
color: #999;
border-radius: 5px;
display: block;
float: left;
margin-right: 2px;
line-height: 48px;
padding: 0;
text-indent: 1em; }
.main.login .login_box .login_main .form .input-group .input-box .code {
float: left;
border: 1px solid #f5dae6;
border-radius: 5px;
box-sizing: border-box;
height: auto; }
.main.login .login_box .login_main .form .input-group .input-box .code img {
height: 46px;
width: auto;
border-radius: 5px; }
.main.login .login_box .login_main .form .input-group .input-box .change {
float: left;
font-size: 14px;
color: #999;
line-height: 48px;
margin-left: 18px; }
.main.login .login_box .login_main .form .submit {
width: 368px;
height: 50px;
margin-left: 90px;
font-size: 20px;
color: #fff;
background: #356B51;
border-radius: 5px;
border: 1px solid #ddd;
box-sizing: border-box;
display: block;
line-height: 50px;
margin-top: 25px; }
.main.login .login_box .login_main .form .remeber {
width: 368px;
margin-left: 90px;
margin-top: 20px; }
.main.login .login_box .login_main .form .remeber .rm {
float: left;
position: relative; }
.main.login .login_box .login_main .form .remeber .rm input {
float: left;
position: absolute;
left: 0;
top: 0;
opacity: 0; }
.main.login .login_box .login_main .form .remeber .rm .checkbox {
width: 18px;
height: 18px;
border: 1px solid #f5dae6;
border-radius: 5px;
box-sizing: border-box;
float: left;
position: relative;
z-index: 10;
cursor: pointer; }
.main.login .login_box .login_main .form .remeber .rm .checkbox.on {
background: url(../images/ch.png) no-repeat center center; }
.main.login .login_box .login_main .form .remeber .rm > label {
float: left;
font-size: 14px;
margin-left: 10px;
line-height: 20px;
color: #999; }
.main.login .login_box .login_main .form .remeber span {
float: left;
font-size: 0;
width: 1px;
height: 13px;
background: #a9a9a9;
margin: 5px 25px 0 25px;
display: block; }
.main.login .login_box .login_main .form .remeber a {
float: left;
display: block;
font-size: 14px;
color: #999;
line-height: 20px;
transition: all 0.3s; }
@media (min-width: 1024px) {
.main.login .login_box .login_main .form .remeber a:hover {
color: #356B51; } }
.main.login .banner {
width: 100%;
height: 124px; }
.main.login .banner .tab {
width: 100%;
height: 100%;
display: table; }
.main.login .banner .tab .tab_cell {
display: table-cell;
position: relative;
vertical-align: middle; }
.main.login .banner .tab .tab_cell .ti {
width: 1400px;
margin: 0 auto;
text-align: center;
color: #fff; }
.main.login .banner .tab .tab_cell .ti span {
font-size: 30px;
line-height: 40px;
display: inline-block;
vertical-align: middle;
margin: 0 10px; }
.main.login .banner .tab .tab_cell .ti .login {
width: 27px;
height: 29px;
margin: 0 10px;
background: url(../images/login55.png) no-repeat;
display: inline-block;
vertical-align: middle; }
.main.login .banner .tab .tab_cell .edit {
width: 158px;
height: 36px;
border: 1px solid #bfd68c;
border-radius: 5px;
position: absolute;
right: 28%;
top: 50%;
margin-top: -18px;
display: inline-block;
text-align: center; }
.main.login .banner .tab .tab_cell .edit .txt {
font-size: 14px;
color: #fff;
display: inline-block;
line-height: 36px;
margin: 0 2px; }
.main.login .banner .tab .tab_cell .edit .ico {
width: 17px;
margin: 0 2px;
height: 17px;
background: url(../images/edit.png) no-repeat;
display: inline-block;
vertical-align: middle; }
@media (max-width: 1500px) {
.main.login .banner .tab .tab_cell .edit {
right: 20%; } }
@media (max-width: 1100px) {
.main.login .banner .tab .tab_cell .edit {
right: 15%; } }
@media (max-width: 1024px) {
.main.login .banner .tab .tab_cell .edit {
right: 15%;
width: 120px;
margin-top: -16px;
height: 32px; }
.main.login .banner .tab .tab_cell .edit .txt {
line-height: 32px;
font-size: 12px; }
.main.login .banner .tab .tab_cell .edit .ico {
width: 12px;
height: 12px;
background-size: cover; } }
@media (max-width: 700px) {
.main.login .banner .tab .tab_cell .edit {
position: static;
display: block;
width: 120px;
height: 32px;
margin: 0 auto; } }
.main.login > .box {
background: #f9f9f9;
padding-bottom: 88px; }
.main.login > .box .box_cen {
width: 1400px;
padding-top: 63px;
margin: 0 auto; }
.main.login > .box .box_cen .con_box {
width: 1020px;
margin: 0 auto;
font-size: 16px;
color: #666;
line-height: 24px;
text-align: center; }
.main.login > .box .box_cen .form2 {
width: 645px;
height: auto;
padding-top: 40px;
margin: 0 auto;
padding-bottom: 30px; }
.main.login > .box .box_cen .form2 .input-group {
margin-top: 10px; }
.main.login > .box .box_cen .form2 .input-group label {
width: 90px;
height: auto;
float: left;
display: block;
font-size: 16px;
color: #454545;
text-align: right;
display: block;
line-height: 48px; }
.main.login > .box .box_cen .form2 .input-group .text {
width: 540px;
height: 48px;
float: left;
margin-left: 15px; }
.main.login > .box .box_cen .form2 .input-group .text > input {
width: 365px;
height: 48px;
border: 1px solid #ddd;
box-sizing: border-box;
font-size: 14px;
color: #999;
border-radius: 5px;
display: block;
float: left;
margin-right: 2px;
line-height: 48px;
padding: 0;
text-indent: 1em; }
.main.login > .box .box_cen .form2 .input-group .text span {
font-size: 24px;
color: #cc0000;
float: left;
display: block;
line-height: 48px;
position: relative;
margin-left: 15px;
top: 5px; }
.main.login > .box .box_cen .form2 .input-group .txt {
width: 140px;
height: auto;
padding-top: 16px;
float: right;
font-size: 14px;
color: #999;
line-height: 20px; }
.main.login > .box .box_cen .form2 .input-group .input-box {
width: 540px;
height: 48px;
margin-left: 15px;
float: left; }
.main.login > .box .box_cen .form2 .input-group .input-box > input[type="text"] {
width: 224px;
height: 48px;
border: 1px solid #ddd;
box-sizing: border-box;
font-size: 14px;
color: #999;
border-radius: 5px;
display: block;
float: left;
margin-right: 2px;
line-height: 48px;
padding: 0;
text-indent: 1em; }
.main.login > .box .box_cen .form2 .input-group .input-box .code {
width: 137px;
height: 48px;
border: 1px solid #ddd;
box-sizing: border-box;
font-size: 14px;
color: #fefefe;
border-radius: 5px;
margin-left: 4px;
display: block;
background: #a86cab;
float: left;
line-height: 48px;
padding: 0; }
.main.login > .box .box_cen .form2 .submit {
width: 365px;
height: 50px;
font-size: 20px;
color: #fff;
margin-left: 105px;
background: #356B51;
border-radius: 5px;
border: 1px solid #ddd;
box-sizing: border-box;
display: block;
line-height: 50px;
margin-top: 50px; }
.main.login .container {
width: 100%;
height: auto;
padding-bottom: 72px;
background: #f8f8f8; }
.main.login .container .container_cen {
width: 1200px;
padding-top: 20px;
margin: 0 auto; }
.main.login .container .container_cen .wrap {
width: 1200px;
padding-bottom: 70px;
border-bottom: 1px solid #dfdfdf;
overflow: hidden; }
.main.login .container .container_cen .wrap > .box {
position: relative;
width: 20000px;
padding-bottom: 0; }
.main.login .container .container_cen .wrap > .box ul {
width: 1320px;
float: left; }
.main.login .container .container_cen .wrap > .box ul li {
width: 280px;
margin-top: 50px;
margin-right: 26px;
height: auto;
float: left; }
.main.login .container .container_cen .wrap > .box ul li:hover .tu .pic img {
transform: scale(1.1); }
.main.login .container .container_cen .wrap > .box ul li .tu {
width: 100%;
height: auto;
background: #fff;
padding: 6px;
box-sizing: border-box;
box-shadow: 0 0 3px 3px #f3f3f3; }
.main.login .container .container_cen .wrap > .box ul li .tu .pic {
width: 100%;
height: 288px;
overflow: hidden; }
.main.login .container .container_cen .wrap > .box ul li .tu .pic img {
width: 100%;
transition: all 0.3s;
height: auto; }
.main.login .container .container_cen .wrap > .box ul li .text_box {
margin-top: 20px;
position: relative;
cursor: pointer; }
.main.login .container .container_cen .wrap > .box ul li .text_box input {
float: left;
position: absolute;
left: 0;
top: 0;
opacity: 0; }
.main.login .container .container_cen .wrap > .box ul li .text_box .checkbox {
width: 18px;
height: 18px;
border: 2px solid #356B51;
border-radius: 5px;
box-sizing: border-box;
float: left;
position: relative;
z-index: 10;
cursor: pointer; }
.main.login .container .container_cen .wrap > .box ul li .text_box .checkbox.on {
background: url(../images/ch.png) no-repeat center center; }
.main.login .container .container_cen .wrap > .box ul li .text_box > label {
float: left;
font-size: 18px;
margin-left: 35px;
line-height: 20px;
color: #454545;
cursor: pointer; }
.main.login .container .container_cen .pbox {
padding-top: 28px; }
.main.login .container .container_cen .pbox .pl {
float: left; }
.main.login .container .container_cen .pbox .pl a {
display: block;
float: left;
width: 35px;
height: 35px;
border: 1px solid #e7e7e7;
border-radius: 50%;
background: #fff;
font-size: 16px;
margin-right: 5px;
color: #333;
font-family: Arial;
text-align: center;
line-height: 35px;
transition: all 0.3s; }
.main.login .container .container_cen .pbox .pl a.cur {
border-color: #356B51;
background: #356B51;
color: #fff; }
.main.login .container .container_cen .pbox .pl a:hover {
border-color: #356B51;
background: #356B51;
color: #fff; }
.main.login .container .container_cen .pbox .submit {
width: 150px;
height: 50px;
display: block;
border-radius: 5px;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 50px;
background: #356B51;
border: none;
float: right; }
.footer .foot {
background: #313131;
padding-top: 70px; }
.footer .foot .ft {
width: 1816px;
margin: 0 auto; }
.footer .foot .ft .foot_cen {
padding-bottom: 80px;
border-bottom: 1px solid #3b3b3b; }
.footer .foot .ft .foot_cen .ms {
float: left;
width: 422px;
padding: 0 30px;
box-sizing: border-box;
margin-top: 30px;
text-align: center; }
.footer .foot .ft .foot_cen .ms .tu {
width: 160px;
height: 92px;
overflow: hidden;
margin: 0 auto; }
.footer .foot .ft .foot_cen .ms .tu img {
width: 100%; }
.footer .foot .ft .foot_cen .ms .con {
font-size: 14px;
color: #8d8d8d;
padding-top: 14px;
line-height: 22px;
text-align: center; }
.footer .foot .ft .foot_cen .nav_main {
float: left; }
.footer .foot .ft .foot_cen .nav_main li {
width: 163px;
float: left;
margin-right: 79px; }
.footer .foot .ft .foot_cen .nav_main li > a {
font-size: 18px;
color: #fff;
border-bottom: 1px solid #3b3b3b;
display: block;
padding-bottom: 10px; }
.footer .foot .ft .foot_cen .nav_main li .con {
padding-top: 12px; }
.footer .foot .ft .foot_cen .nav_main li .con a {
display: block;
font-size: 14px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.footer .foot .ft .foot_cen .nav_main li .con a:hover {
color: #fff; }
.footer .foot .ft .foot_cen .message {
float: right;
width: 288px;
margin-right: 90px; }
.footer .foot .ft .foot_cen .message .t {
font-size: 18px;
color: #fff;
padding-bottom: 10px; }
.footer .foot .ft .foot_cen .message .code {
margin-top: 14px; }
.footer .foot .ft .foot_cen .message .code .cl {
width: 77px;
height: 77px;
float: left;
overflow: hidden; }
.footer .foot .ft .foot_cen .message .code .cl img {
width: 100%; }
.footer .foot .ft .foot_cen .message .code .cr {
float: left;
height: 77px;
width: 165px;
margin-left: 15px; }
.footer .foot .ft .foot_cen .message .code .cr .tab {
width: 100%;
height: 100%;
display: table; }
.footer .foot .ft .foot_cen .message .code .cr .tab .tab_cell {
display: table-cell;
vertical-align: middle;
font-size: 14px;
color: #a1a1a1;
line-height: 24px; }
.footer .foot .ft .foot_cen .message .cont {
font-size: 14px;
color: #a1a1a1;
line-height: 22px;
margin-top: 8px; }
.footer .foot .ft .foot_cen .message .have {
margin-top: 12px; }
.footer .foot .ft .foot_cen .message .have .h {
float: left;
width: 60px;
margin-right: 12px; }
.footer .foot .ft .foot_cen .message .have .h.last {
margin-right: 0; }
.footer .foot .ft .foot_cen .message .have .h .tu {
width: 37px;
height: 37px;
margin: 0 auto; }
.footer .foot .ft .foot_cen .message .have .h .txt {
font-size: 14px;
color: #a1a1a1; }
.footer .foot .friendShip {
height: 64px;
text-align: center;
font-size: 14px;
color: #828282;
line-height: 64px; }
.footer .foot .friendShip a {
color: #828282;
display: inline-block;
vertical-align: middle; }
.footer .foot .friendShip a:hover {
color: #fff; }
.footer .foot .friendShip span {
width: 2px;
height: 15px;
display: inline-block;
vertical-align: middle;
font-size: 0;
margin: 0 6px;
background: #828282; }
.footer .copyright {
width: 100%;
background: #fff;
height: 66px;
text-align: center;
line-height: 66px;
font-size: 14px;
color: #666; }
.footer .copyright a {
color: #666; }
.footer .copyright a:hover {
color: #356B51; }
@media (max-width: 1860px) {
.footer .foot .ft {
width: 1700px; }
.footer .foot .ft .foot_cen {
padding-bottom: 80px;
border-bottom: 1px solid #3b3b3b; }
.footer .foot .ft .foot_cen .ms {
width: 380px;
padding: 0 30px; }
.footer .foot .ft .foot_cen .nav_main li {
margin-right: 60px; }
.footer .foot .ft .foot_cen .message {
margin-right: 80px; } }
@media (max-width: 1750px) {
.footer .foot .ft {
width: 1650px; } }
@media (max-width: 1690px) {
.footer .foot .ft {
width: 1500px; }
.footer .foot .ft .foot_cen .ms {
width: 320px; }
.footer .foot .ft .foot_cen .nav_main {
margin-right: 40px; }
.footer .foot .ft .foot_cen .nav_main li.last,
.footer .foot .ft .foot_cen .nav_main li:last-child {
margin-right: 0; }
.footer .foot .ft .foot_cen .message {
margin-right: 0px; } }
@media (max-width: 1580px) {
.footer .foot .ft {
width: 1400px; }
.footer .foot .ft .foot_cen .nav_main li {
width: 135px; } }
@media (max-width: 1500px) {
.footer .foot .ft {
width: 1300px; }
.footer .foot .ft .foot_cen .ms {
width: 280px; }
.footer .foot .ft .foot_cen .nav_main li {
margin-right: 38px; } }
@media (max-width: 1420px) {
.footer .foot .ft {
width: 1200px; }
.footer .foot .ft .foot_cen .ms {
width: 240px;
padding: 0 20px; }
.footer .foot .ft .foot_cen .nav_main li {
margin-right: 30px; } }
.nav_slide {
width: 50px;
position: fixed;
z-index: 800;
right: 0;
top: 150px; }
.nav_slide .close_box {
width: 50px;
margin-bottom: 2px;
height: 44px;
cursor: pointer;
background: url(../images/close_box.png) no-repeat center center #5ca1d0; }
.nav_slide .close_box.active {
background: url(../images/open_box.png) no-repeat center center #5ca1d0; }
.nav_slide .sbox {
position: relative;
left: 0; }
.nav_slide .sbox .leaving {
width: 117px;
height: 44px;
display: block;
overflow: hidden;
transition: all 0.5s;
background: #5ca1d0;
position: relative;
left: 0;
left: 0; }
.nav_slide .sbox .leaving .ico {
width: 50px;
float: left;
height: 44px;
background: url(../images/ms.png) no-repeat center center; }
.nav_slide .sbox .leaving .txt {
width: 67px;
height: 44px;
float: left;
font-size: 14px;
color: #fff;
line-height: 44px; }
.nav_slide .sbox .leaving:hover {
left: -67px; }
.nav_slide .sbox .login_box {
width: 117px;
height: 44px;
display: block;
overflow: hidden;
transition: all 0.5s;
background: #5ca1d0;
position: relative;
left: 0;
margin-top: 2px; }
.nav_slide .sbox .login_box .ico {
width: 50px;
float: left;
height: 44px;
background: url(../images/login_box.png) no-repeat center center; }
.nav_slide .sbox .login_box .txt {
width: 67px;
height: 44px;
float: left;
font-size: 14px;
color: #fff;
line-height: 44px; }
.nav_slide .sbox .login_box:hover {
left: -67px; }
.nav_slide .sbox .jisuan {
width: 130px;
height: 44px;
display: block;
overflow: hidden;
transition: all 0.5s;
background: #5ca1d0;
position: relative;
left: 0;
margin-top: 2px; }
.nav_slide .sbox .jisuan .ico {
width: 50px;
float: left;
height: 44px;
background: url(../images/jisuan2.png) no-repeat center center; }
.nav_slide .sbox .jisuan .txt {
width: 80px;
height: 44px;
float: left;
font-size: 14px;
color: #fff;
line-height: 44px; }
.nav_slide .sbox .jisuan:hover {
left: -80px; }
.nav_slide .sbox .wx {
width: 50px;
height: 44px;
background: url(../images/wx.png) no-repeat center center #5ca1d0;
display: block;
transition: all 0.5s;
margin-top: 2px;
position: relative; }
.nav_slide .sbox .wx:hover .code {
display: block; }
.nav_slide .sbox .wx .code {
width: 120px;
height: 120px;
overflow: hidden;
position: absolute;
left: -120px;
top: 0;
display: none; }
.nav_slide .sbox .wx .code img {
width: 100%;
height: auto; }
.nav_slide .sbox .qq {
width: 117px;
height: 44px;
margin-top: 2px;
background: #5ca1d0;
display: block;
position: relative;
transition: all 0.5s;
left: 0; }
.nav_slide .sbox .qq .ico {
width: 50px;
float: left;
height: 44px;
background: url(../images/qq3.png) no-repeat center center; }
.nav_slide .sbox .qq .txt {
width: 67px;
height: 44px;
float: left;
font-size: 14px;
color: #fff;
line-height: 44px; }
.nav_slide .sbox .qq:hover {
left: -67px; }
.nav_slide .sbox .tel {
width: 160px;
height: 44px;
margin-top: 2px;
background: #5ca1d0;
display: block;
position: relative;
transition: all 0.5s;
left: 0; }
.nav_slide .sbox .tel .ico {
width: 50px;
float: left;
height: 44px;
background: url(../images/tel.png) no-repeat center center; }
.nav_slide .sbox .tel .txt {
width: 110px;
height: 44px;
float: left;
font-size: 14px;
color: #fff;
line-height: 44px; }
.nav_slide .sbox .tel:hover {
left: -110px; }
.nav_slide .sbox .top {
width: 50px;
height: 44px;
background: #5ca1d0;
display: block;
font-size: 12px;
color: #fff;
text-align: center;
line-height: 44px;
margin-top: 2px;
transition: all 0.5s; }
.bx-pager-item a {
width: 8px !important;
height: 8px !important;
background: #f1ebe9 !important;
border-radius: 50% !important;
margin: 0 7px !important; }
.bx-pager-item a.active {
border: 1px solid #f1ebe9 !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: none !important;
position: relative;
top: 2px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: 70px !important; }
.search_main {
width: 1100px;
height: 60px;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -550px;
border: 1px solid #fff;
border-radius: 5px;
visibility: hidden;
box-sizing: border-box;
opacity: 0;
visibility: hidden; }
.search_main form {
overflow: hidden;
width: 100%;
height: 100%;
position: relative; }
.search_main form input[type="text"] {
width: 96%;
height: 100%;
padding: 0;
border: none;
background: none;
display: block;
font-size: 16px;
color: #fff;
font-family: Arial;
line-height: 80px;
float: left;
text-indent: 1em; }
.search_main form input[type="submit"] {
width: 4%;
height: 100%;
border: none;
text-indent: 1000em;
background: url(../images/search2.png) no-repeat center center; }
.search_main .close2 {
width: 40px;
height: 40px;
position: absolute;
top: -60px;
cursor: pointer;
right: 0;
background: url(../images/close.png) no-repeat center center; }
.search_main.active {
opacity: 1;
transition: all 0.3s 0.2s;
visibility: visible; }
#contact {
position: relative;
top: -96px; }
.page2 a, .page a {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #f0f0f0;
border-radius: 4px;
font-size: 18px;
color: #454545;
font-family: Arial;
text-align: center;
line-height: 30px;
background: #fff;
transition: all 0.3s;
margin: 0 3px; }
.page2 a.active, .page a.active {
border-color: #356B51;
color: #fff;
background: #356B51; }
.page2 a:hover, .page a:hover {
border-color: #356B51;
color: #fff;
background: #356B51; }
.banner .bx-prev {
width: 20px !important;
height: 44px !important;
left: 100px !important;
background: url(../images/left_ll.png) no-repeat !important; }
.banner .bx-next {
right: 100px !important;
width: 20px !important;
height: 44px !important;
background: url(../images/right_ll.png) no-repeat !important; }
.form_bg {
width: 100%;
height: 100%;
background: #000;
position: fixed;
left: 0;
top: 0;
z-index: 10000;
opacity: 0;
visibility: hidden; }
.form_bg.active {
opacity: 0.4;
transition: all 0.3s;
visibility: visible; }
.form_box {
width: 532px;
height: 340px;
position: fixed;
z-index: 10001;
background: #fff;
left: 50%;
border-radius: 5px;
opacity: 0;
transform: translateY(100px);
visibility: hidden;
margin-left: -266px;
top: 50%;
margin-top: -170px; }
.form_box.active {
opacity: 1;
transition: all 0.3s 0.2s;
transform: translateY(0px);
visibility: visible; }
.form_box .form {
width: 320px;
margin: 0 auto; }
.form_box .form .descript {
font-size: 14px;
color: #4b4b4b;
line-height: 20px;
padding-top: 40px;
padding-bottom: 22px; }
.form_box .form .input-group {
margin-top: 6px; }
.form_box .form .input-group label {
float: left;
width: 50px;
line-height: 40px;
height: 40px;
font-size: 14px;
color: #454545; }
.form_box .form .input-group input {
width: 250px;
float: left;
height: 40px;
padding: 0;
border-radius: 5px;
border: 1px solid #ededed;
font-size: 14px;
line-height: 40px;
box-sizing: border-box;
display: block;
text-indent: 1em; }
.form_box .form .input-group span {
font-size: 18px;
color: #df0024;
float: right;
position: relative; }
.form_box .form .submit {
width: 130px;
height: 46px;
margin-top: 35px;
margin-left: auto;
margin-right: auto; }
.form_box .form .submit input {
border: none;
border-radius: 3px;
background: #356B51;
width: 100%;
height: 100%;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 46px; }
.main.about .about_main .pbox {
text-align: center;
margin-top: 50px; }
.main.about .about_main .pbox a {
display: inline-block;
width: 120px;
height: 36px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 36px;
border-radius: 3px;
background: #356B51;
margin: 0 2px;
vertical-align: middle; }
.main.about .about_main .pbox a.more {
width: 120px;
height: 36px;
border-radius: 3px;
text-align: center;
font-size: 0;
background: #356B51; }
.main.about .about_main .pbox a.more .ico {
display: inline-block;
width: 17px;
height: 17px;
margin: 0 3px;
background: url(../images/j.png) no-repeat;
vertical-align: middle; }
.main.about .about_main .pbox a.more .txt {
font-size: 14px;
margin: 0 3px;
color: #fff;
line-height: 36px;
display: inline-block;
vertical-align: middle; }
.main.about .about_main .detail-box{
/*padding:45px 50px 80px;*/
/*background:#fff;*/
}
.main.about .about_main .w1200{
width:1200px;
margin:0 auto;
}
.main.about .about_main .ulbox{
}
.main.about .about_main .top{
padding-bottom:10px;
border-bottom:1px solid #356B51;
color:#356B51;
font-size:24px;
position:relative;
margin-bottom:30px;
}
.main.about .about_main .top:before{
content:"";
position: absolute;
width:120px;
height:6px;
bottom:-3px;
background:#356B51;
}
.main.about .about_main .ulbox .box{
/*margin-top:20px;*/
}
.main.about .about_main .ulbox .li{
float:left;
width:48%;
height:60px;
line-height:60px;
font-size:16px;
border-bottom:1px dashed #dddddd;
margin-right:4%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main.about .about_main .ulbox .li a{
color:#333;
transition: all .3s ease;
}
.main.about .about_main .ulbox .li:nth-child(2n){
margin-right:0;
}
.main.about .about_main .ulbox .li:hover a{
color:#356B51;
}
@media (max-width: 1500px) {
.header .header_cen .nav_box .nav li .slider{
width:120%;
left:-10%;
}
}
/*# sourceMappingURL=style.css.map */
/* homepage: 热点新闻全宽 */
.main.welcome .news_tit_box.news_tit_hot_full .tit{width:100
/* homepage: hot news full width (no 试管资讯 column) */
.main.welcome .news_tit_box.news_tit_hot_full .tit { width: 100%; float: none; box-sizing: border-box; }
.main.welcome .news_box ul.news_hot_full { width: 100%; float: none; clear: both; }
.main.welcome .news_box ul.news_hot_full > li { width: 25%; }
@media (max-width: 1450px) {
.main.welcome .news_box ul.news_hot_full > li { width: 50%; }
}
/* IRMC — header / footer logo */
.header .header_cen .logo.site-logo {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
float: left !important;
width: fit-content !important;
max-width: min(300px, 32vw) !important;
min-height: 72px !important;
line-height: normal !important;
margin: 0 10px 0 20px !important;
padding: 6px 16px 6px 0 !important;
box-sizing: border-box !important;
flex-shrink: 0 !important;
}
.header .header_cen .logo.site-logo:focus-visible {
outline: 2px solid #356b51;
outline-offset: 3px;
}
.header .header_cen .logo.site-logo:hover img {
opacity: 0.9;
}
.header .header_cen .logo.site-logo img {
width: auto !important;
max-width: min(280px, 28vw) !important;
max-height: 58px !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
flex: 0 0 auto !important;
align-self: center !important;
transition: opacity 0.2s ease;
}
.footer .foot .ft .foot_cen .ms .tu.footer-brand-mark {
width: auto !important;
min-width: 120px;
max-width: 200px !important;
height: auto !important;
max-height: none !important;
padding: 6px 0 10px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.footer .foot .ft .foot_cen .ms .tu.footer-brand-mark img {
width: auto !important;
max-width: 100% !important;
max-height: 80px !important;
height: auto !important;
object-fit: contain;
display: block !important;
}