@charset "UTF-8";
@font-face {
font-family: "sisong";
src: url("../fonts/SourceHanSerifCN-Bold.otf") format("truetype"); }
@font-face {
font-family: "enA";
src: url("../fonts/AbhayaLibre-ExtraBold.ttf") format("truetype"); }
/********************************* header STRAT ********************************/
.header {
position: relative; }
.header .center {
height: 100%; width:62.5%;}
.header .head_logo {
width: 20.83333%;
margin-right: 9.16667%; }
.header .head_logo .picture_container {
padding-top: 34.21053%; }
.header .head_nav {
width: 64.16667%;
margin-right: 4.16667%; }
.header .head_nav .black {
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
height: 100px;
line-height: 100px; }
.header .head_nav .black .iconfont {
margin-left: 10px;
font-size: 12px;
opacity: 0.7; }
.header .head_nav .black.active {
color: #298de3; }
.header .head_nav .black.active > a::after {
left: 0;
width: 100%; }
.header .head_nav .black:hover {
color: #298de3; }
.header .head_nav .black:hover > a::after {
left: 0;
width: 100%; }
.header .head_nav .black:hover .nav_down {
opacity: 1;
z-index: 99;
top: 100px; }
.header .head_nav .black > a {
position: relative;
padding: 0 3px; font-size:17px; font-weight:bold;}
.header .head_nav .black > a::after {
content: " ";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 3px;
background-color: #298de3;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.header .head_search {
margin-top: 5px;
position: relative;
cursor: pointer; }
.header .head_search .iconfont {
font-size: 20px; }
.header .head_search .search_black {
display: none;
position: absolute;
border: 1px solid #aaaaaa;
border-radius: 15px;
line-height: 36px;
z-index: 10;
padding-left: 10px;
padding-right: 45px; }
.header .head_search .search_black .btn {
position: absolute;
right: 10px;
top: 30%;
cursor: pointer;
color: #298de3; }
.header .nav_down {
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 99;
background-image: url(header_bg.png);
padding-top: 65px;
opacity: 0;
z-index: -1;
top: 200px;
border-top: 1px solid #eeeeee;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.header .nav_down .head_left {
margin-bottom: 65px;
width: 370px;
margin-right: 11.25%; }
.header .nav_down .head_left .title {
letter-spacing: 1px;
color: #333333;
font-weight: 600;
font-family: 'sisong';
margin-bottom: 30px; }
.header .nav_down .head_left .title .en {
font-size: 22px;
line-height: 22px;
margin-bottom: 15px; }
.header .nav_down .head_left .title .cn {
font-size: 26px;
line-height: 26px; }
.header .nav_down .head_left .abstract {
font-size: 14px;
letter-spacing: 0px;
color: #666666;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 26px; }
.header .nav_down .head_right .blacks {
float: left;
width: 130px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 60px; }
.header .nav_down .head_right .blacks:not(:nth-child(3n)) {
margin-right: 135px; }
.header .nav_down .head_right .blacks:hover .icon {
border: 1px solid #298de3; }
.header .nav_down .head_right .blacks:hover .name {
color: #298de3; }
.header .nav_down .head_right .blacks.active .icon {
border: 1px solid #298de3; }
.header .nav_down .head_right .blacks.active .name {
color: #298de3; }
.header .nav_down .head_right .blacks .icon {
width: 9px;
height: 9px;
border: solid 1px #dcdcdc;
-o-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.header .nav_down .head_right .blacks .name {
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #666666;
margin-left: 10px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
/********************************* header END ********************************/
.inner_title {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #333333;
margin-bottom: 50px;
text-align: center; }
/********************************* footer STRAT ********************************/
.footer {
background-color: #262625; }
.footer .footer_top {
padding: 55px 0 50px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.footer .footer_top .footer_left {
width: 18.33333%; }
.footer .footer_top .footer_left .foot_logo .picture_container {
padding-top: 35.71429%; }
.footer .footer_top .footer_left .foot_tel {
margin-top: 20px;
color: #0498dd;
font-size: 22px;
letter-spacing: 1px;
color: #0498dd; }
.footer .footer_top .footer_left .foot_tel .iconfont {
width: 25px;
height: 25px;
font-size: 14px;
border-radius: 50%;
color: #0498dd;
border: 1px solid #0498dd;
text-align: center;
line-height: 25px; }
.footer .footer_top .footer_left .txt {
margin-top: 20px;
font-size: 12px;
line-height: 24px;
letter-spacing: 0px;
color: #888888; }
.footer .footer_top .foot_weixin .img {
width: 130px;
height: 130px;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 10px;
position: relative;
border-radius: 5px; }
.footer .footer_top .foot_weixin .img::after {
content: " ";
position: absolute;
left: -1px;
top: -1px;
z-index: 0;
width: 15px;
height: 15px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff; }
.footer .footer_top .foot_weixin .img::before {
content: " ";
position: absolute;
right: -1px;
bottom: -1px;
z-index: 0;
width: 15px;
height: 15px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff; }
.footer .footer_top .foot_weixin .img .picture_container {
width: 100%;
padding-top: 100%; }
.footer .footer_top .foot_weixin .txt {
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #888888;
text-align: center;
margin-top: 15px; }
.footer .footer_top .foot_monu > ul > li {
margin-right: 60px; }
.footer .footer_top .foot_monu > ul > li:nth-last-of-type(1) {
margin: 0; }
.footer .footer_top .foot_monu .title {
color: #ffffff;
margin-bottom: 25px; }
.footer .footer_top .foot_monu .title .icon {
width: 6px;
height: 6px;
position: relative;
border: solid 2px #1199ea;
border-radius: 50%;
margin-right: 12px; }
.footer .footer_top .foot_monu .title .icon::after {
content: " ";
position: absolute;
width: 8px;
height: 2px;
right: -10px;
background-color: #1199ea;
top: 50%;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.footer .footer_top .foot_monu .column {
padding-left: 18px; }
.footer .footer_top .foot_monu .column li :nth-last-of-type(1) a {
margin-bottom: 0; }
.footer .footer_top .foot_monu .column a {
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #888888;
margin-bottom: 20px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.footer .footer_top .foot_monu .column a:hover {
color: #ffffff; }
.footer .footer_top .foot_message {
width: 18.33333%; }
.footer .footer_top .foot_message .item, .footer .footer_top .foot_message .items {
width: 100%;
height: 40px;
border-bottom: 1px solid #484848;
font-size: 14px;
letter-spacing: 0px;
color: #888888;
margin-bottom: 10px; }
.footer .footer_top .foot_message .item::-webkit-input-placeholder, .footer .footer_top .foot_message .items::-webkit-input-placeholder {
color: #888888; }
.footer .footer_top .foot_message .item:-moz-placeholder, .footer .footer_top .foot_message .items:-moz-placeholder {
color: #888888; }
.footer .footer_top .foot_message .item:-ms-input-placeholder, .footer .footer_top .foot_message .items:-ms-input-placeholder {
color: #888888; }
.footer .footer_top .foot_message .item::placeholder, .footer .footer_top .foot_message .items::placeholder {
color: #888888; }
.footer .footer_top .foot_message .items, .footer .footer_top .foot_message .index .index_title .mores .item, .index .index_title .mores .footer .footer_top .foot_message .item {
height: 60px;
margin-bottom: 0; }
.footer .footer_top .foot_message .btn {
margin-top: 22px;
width: 180px;
height: 45px;
border: solid 1px #484848;
font-size: 14px;
letter-spacing: 0px;
color: #888888;
cursor: pointer;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.footer .footer_top .foot_message .btn:hover {
background-color: #888888;
color: #fff; }
.footer .foot_bottom {
height: 80px;
line-height: 80px;
font-size: 12px;
letter-spacing: 0px;
color: #ffffff;
opacity: 0.5; }
/********************************* footer END ********************************/
/********************************* index STRAT ********************************/
.index section {
overflow: hidden; }
.index .index_banner .black {
width: 100%; }
.index .index_banner .black .picture_container {
padding-top: 41.66667%; }
.index .index_banner .swiper-button-next,
.index .index_banner .swiper-button-prev {
background-image: none;
width: 64px;
height: 64px;
background-color: rgba(0, 0, 0, 0.15);
line-height: 64px;
text-align: center;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .index_banner .swiper-button-next .iconfont,
.index .index_banner .swiper-button-prev .iconfont {
font-size: 24px;
color: #ffffff; }
.index .index_banner .swiper-button-next:hover,
.index .index_banner .swiper-button-prev:hover {
background-color: rgba(41, 141, 227, 0.5); }
.index .index_banner .swiper-button-prev,
.index .index_banner .swiper-container-rtl .swiper-button-next {
left: 0; }
.index .index_banner .swiper-button-next,
.index .index_banner .swiper-container-rtl .swiper-button-prev {
right: 0; }
.index .index_banner .swiper-pagination-bullet {
width: 9px;
height: 9px;
background-color: #ffffff;
opacity: 1;
margin: 0 15px;
position: relative; }
.index .index_banner .swiper-pagination-bullet::after {
content: " ";
position: absolute;
right: -40px;
top: 50%;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
height: 1px;
width: 50px;
background-color: #ffffff; }
.index .index_banner .swiper-pagination-bullet:nth-last-of-type(1)::after {
display: none; }
.index .index_banner .swiper-pagination-bullet-active {
width: 20px;
height: 20px;
border: 5px solid rgba(41, 141, 227, 0.35); }
.index .index_banner .swiper-container-horizontal > .swiper-pagination-bullets,
.index .index_banner .swiper-pagination-custom,
.index .index_banner .swiper-pagination-fraction {
bottom: 40px; }
.index .index_title .cn {
font-size: 24px;
line-height: 24px;
letter-spacing: 1px;
color: #666666;
margin-right: 15px; }
.index .index_title .en {
color: #999999;
opacity: 0.5; }
.index .index_title .more {
width: 100px;
height: 35px;
border: solid 1px rgba(170, 170, 170, 0.4);
text-align: center;
line-height: 33px;
font-size: 12px;
letter-spacing: 0px;
color: #aaaaaa;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .index_title .more .iconfont {
font-size: 16px;
margin-left: 10px; }
.index .index_title .more:hover {
color: #fff;
background-color: #298de3;
border: solid 1px rgba(41, 141, 227, 0.4); }
.index .index_title .mores .items, .index .index_title .mores .item {
font-size: 14px;
letter-spacing: 1px;
color: #666666;
width: 100px;
height: 35px;
line-height: 33px;
text-align: center;
cursor: pointer;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.index .index_title .mores .items .line, .index .index_title .mores .item .line {
width: 100%;
line-height: 15px;
border-right: 1px solid rgba(0, 0, 0, 0.1); }
.index .index_title .mores .items:nth-last-of-type(1) .line, .index .index_title .mores .item:nth-last-of-type(1) .line {
border-right: none; }
.index .index_title .mores .items.active, .index .index_title .mores .active.item {
color: #ffffff;
background-color: #1199ea; }
.index .index_title .mores .item:hover, .index .index_title .mores .footer .footer_top .foot_message .items:hover, .footer .footer_top .foot_message .index .index_title .mores .items:hover {
color: #ffffff;
background-color: #1199ea; }
.index .main1 {
padding: 50px 0 50px 0; }
.index .main1 .content {
margin-top: 35px; }
.index .main1 .content .black {
padding: 2px;
width: 300px; margin:0 30px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: relative; }
.index .main1 .content .black .img {
position: relative; width:300px; height:200px; }
.index .main1 .content .black .img .picture_container {
padding-top: 100.66667%; }
.index .main1 .content .black .img .picture_container img{
width:300px; height:200px; margin:0 auto;}
.index .main1 .content .black .img .mask {
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main1 .content .black .img .mask .more {
width: 50px;
height: 50px;
background-color: #298de3;
border-radius: 50%;
text-align: center;
line-height: 50px;
position: absolute;
top: 50%;
font-size: 26px;
color: #fff;
left: 50%;
-o-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.index .main1 .content .black .txt .title {
line-height: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #666666;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 25px 0 15px 0;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; text-align:center; }
.index .main1 .content .black .txt .abstract {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #999999;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.index .main1 .content .black::after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #1199ea;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main1 .content .black:hover {
background-color: #ffffff;
box-shadow: 0px 3px 20px 0px rgba(0, 42, 77, 0.15); }
.index .main1 .content .black:hover .img .mask {
opacity: 1; }
.index .main1 .content .black:hover::after {
width: 100%; }
.index .main1 .content .black:hover .txt .title {
color: #1199ea; }
.index .main1 .swiper-wrapper {
-webkit-transition-timing-function: linear;
/*之前是ease-out*/
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
margin: 0 auto; }
.index .main1 .swiper-slide {
width: 300px; margin:0 30px; }
.index .main2 {
background-image: url(index_about_bg.png);
padding: 100px 0 150px 0; }
.index .main2 .content {
width: 100%;
position: relative; }
.index .main2 .content .title_img {
position: absolute;
top: 0;
left: -100px; }
.index .main2 .content .txt {
width: 66.38462%;
height: 420px;
background-color: #298de3;
position: relative;
padding: 20px 0 0 30px; }
.index .main2 .content .txt .title {
margin-bottom: 25px; }
.index .main2 .content .txt .title .cn {
font-size: 24px;
line-height: 24px;
letter-spacing: 1px;
color: #ffffff;
margin-right: 15px; }
.index .main2 .content .txt .title .en {
letter-spacing: 0px;
color: #ffffff;
opacity: 0.5; }
.index .main2 .content .txt .abstract {
width: 580px;
font-size: 14px;text-align:justify;
color: #ffffff;
opacity: 0.7;
overflow: hidden;
line-height: 25px; }
.index .main2 .content .txt .abstract p{
font-size: 14px;}
.index .main2 .content .txt .btn {
margin-top: 30px;
width: 140px;
height: 45px;
padding: 0 20px;
color: #ffffff;
opacity: 0.7;
cursor: pointer;
font-size: 14px;
border: solid 1px rgba(255, 255, 255, 0.7);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main2 .content .txt .btn .iconfont {
font-size: 16px; }
.index .main2 .content .txt .btn:hover {
opacity: 1;
border: solid 1px white; }
.index .main2 .content .txt .img {
width: 540px;
position: absolute;
right: -53%;
top: 50%;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.index .main2 .content .txt .img .picture_container {
padding-top: 59.25926%; }
.index .main2 .content .digital {
margin-top: 60px; }
.index .main2 .content .digital .black {
width: 25%;
border-right: 1px solid #e3e3e3; }
.index .main2 .content .digital .black:nth-last-of-type(1) {
border-right: none; }
.index .main2 .content .digital .black .count-title {
font-size: 54px;
line-height: 54px;
letter-spacing: 1px;
color: #298de3;
margin-right: 5px; }
.index .main2 .content .digital .black span {
letter-spacing: 0px;
color: #666666;
vertical-align: bottom; }
.index .main2 .content .digital .black .title {
margin-top: 15px;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #666666;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center; }
.index .main3 {
padding: 75px 0 100px 0; }
.index .main3 .content {
margin-top: 35px; }
.index .main3 .content .black {
width: 22.66667%; padding:0 1%; position:relative; }
.index .main3 .content .black.picture_scale {
overflow: inherit; width:300px; height:350px; }
.index .main3 .content .black .bottom {
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main3 .content .black .picture_container {
padding-top: 128%; }
.index .main3 .content .black .picture_container img {
width:100%; height:100%; }
.index .main3 .content .black .txt {
border-bottom: 1px solid rgba(170, 170, 170, 0.2); }
.index .main3 .content .black .txt .txt_limit {
padding: 30px 40px 25px 20px; }
.index .main3 .content .black .txt .title {
line-height: 16px;
letter-spacing: 0px;
color: #666666;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main3 .content .black .txt .abstract {
font-size: 14px;
letter-spacing: 0px;
color: #666666;
opacity: 0.6;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 30px; }
.index .main3 .content .black .more .txt_limit {
padding: 20px; }
.index .main3 .content .black .more .btn {
width: 98px;
height: 35px;
border: solid 1px rgba(170, 170, 170, 0.4);
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #aaaaaa;
padding: 0 17px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main3 .content .black .more .btn .iconfont {
font-size: 16px; }
.index .main3 .content .black:hover .bottom {
box-shadow: 0px 3px 20px 0px rgba(0, 42, 77, 0.15); }
.index .main3 .content .black:hover .bottom .txt .title {
color: #298de3; }
.index .main3 .content .black:hover .bottom .more .btn {
border-radius: 18px;
color: #ffffff;
background-color: #298de3;
border: solid 1px #ffffff; }
.index .main4 {
background-image: url(index_advantage_bg.png);
padding-top: 80px; }
.index .main4 .index_title .cn {
color: #ffffff; }
.index .main4 .index_title .en {
color: #ffffff; }
.index .main4 .content {
margin-top: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.index .main4 .content .black {
border-right: 1px solid rgba(255, 255, 255, 0.2);
padding: 250px 45px 35px 45px;
height: 700px;
overflow: hidden;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main4 .content .black .txt {
width: 100%;
text-align: center;
margin-bottom: 60px;
color: #ffffff; }
.index .main4 .content .black .txt .title {
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
margin-bottom: 25px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main4 .content .black .txt .abstract {
font-size: 14px;
letter-spacing: 0px;
opacity: 0.8;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
line-height: 26px; }
.index .main4 .content .black .img {
height: auto;
opacity: 0;
width: 100%;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main4 .content .black .img .picture_container {
padding-top: 130.35714%; }
.index .main4 .content .black:hover {
background-color: #ffffff;
padding: 70px 35px 35px 35px; }
.index .main4 .content .black:hover .img {
opacity: 1; }
.index .main4 .content .black:hover .txt .title {
color: #333333; }
.index .main4 .content .black:hover .txt .abstract {
color: #777777; }
.index .main4 .content .swiper-slide {
width: 350px; }
.index .main5 {
padding: 75px 0 60px 0; }
.index .main5 .content {
margin-top: 35px; }
.index .main5 .content .top .index_left {
width: 45%; }
.index .main5 .content .top .index_left .picture_container {
padding-top: 50%; }
.index .main5 .content .top .index_right {
width: 48.08333%; }
.con3_right_u2{background: #f6f6f6;display:block;width: 54%;}
.con3_right_u2 li{padding: 13px 15px 13px 15px;box-sizing: border-box;border-bottom: 1px solid lightgray;}
.con3_right_u2 li:last-child{border: none;}
.con3_right_u2 li:after{content: '';display: block;clear: both;}
.con3_right_aside{ width:13%; float:left; background:#004f99; text-align:center; padding:10px 2%;}
.con3_right_aside time{display: block;font-size: 28px;color: #fff;}
.con3_right_aside span{font-size: 14px;color: #fff;}
.con3_right_div1{width: 82%;float: right;}
.con3_right_div1 h3{font-size: 16px;color: #444;font-weight:normal; margin-top: 6px;}
.con3_right_div1 p{font-size: 14px;color: #777;margin-top: 5px; line-height:20px;}
.con3_right_u2 li:hover h3,.con3_right_u2 li:hover p{color: #004f99;}
.clear{ clear:both;}
.index .main5 .content .top .index_right .first a {
padding-top: 20px;
padding-bottom: 48px; }
.index .main5 .content .top .index_right .first .txt .title {
padding-bottom: 20px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(170, 170, 170, 0.3); }
.index .main5 .content .top .index_right .first .times {
color: #999999; }
.index .main5 .content .top .index_right .first .times .day {
font-size: 42px;
line-height: 42px;
letter-spacing: 2px;
margin-bottom: 10px; }
.index .main5 .content .top .index_right .first .times .year {
font-size: 12px;
letter-spacing: 0px;
color: #999999;
margin-bottom: 30px; }
.index .main5 .content .top .index_right .first .times .more {
width: 100%;
border-left: 1px solid #dadada;
text-align: center; }
.index .main5 .content .top .index_right .first .times .more .iconfont {
font-size: 20px;
opacity: 0.5;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main5 .content .top .index_right a {
padding: 20px 0;
border-bottom: 1px solid rgba(170, 170, 170, 0.3); }
.index .main5 .content .top .index_right a:hover .txt .title {
color: #298de3; }
.index .main5 .content .top .index_right a:hover .iconfont {
color: #298de3; }
.index .main5 .content .top .index_right .txt {
width: 80%; }
.index .main5 .content .top .index_right .txt .title {
line-height: 16px;
letter-spacing: 0px;
color: #666666;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main5 .content .top .index_right .txt .abstract {
font-size: 14px;
letter-spacing: 0px;
color: #666666;
opacity: 0.6;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 30px; }
.index .main5 .content .top .index_right .time {
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #666666;
opacity: 0.7; }
.index .main5 .content .bottom {
width: 200px;
height: 50px;
line-height: 50px;
border: solid 1px #ececec;
text-align: center;
padding: 20px 65px;
margin: 0 auto;
color: #666666;
font-size: 12px;
margin-top: 60px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.index .main5 .content .bottom .iconfont {
font-size: 16px; }
.index .main5 .content .bottom:hover {
color: #ffffff;
background-color: #298de3; }
/********************************* index END ********************************/
.main1 {
position: relative;
padding-top: 54px; }
/********************************* talent STRAT ********************************/
.talent .main1 {
padding-top: 119px;
padding-bottom: 65px; }
.talent .main1 .img {
position: relative; }
.talent .main1 .img .picture_container {
padding-top: 41.66667%; }
.talent .main1 .img .content {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
width: 45%;
background-color: rgba(9, 110, 236, 0.9); }
.talent .main1 .img .content .icon {
position: absolute;
left: -29px;
top: 50%;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 29px;
height: 58px;
border-radius: 29px 0 0 29px;
background-color: #096eec; }
.talent .main1 .img .content .icon .iconfont {
color: #fff;
font-size: 14px;
line-height: 57px;
padding-left: 13px; }
.talent .main1 .img .content .txt {
padding-top: 125px;
padding-left: 55px; }
.talent .main1 .img .content .txt .title {
font-size: 30px;
letter-spacing: 1px;
color: #ffffff; }
.talent .main1 .img .content .txt .title .en {
font-family: 'enA';
margin-bottom: 10px; }
.talent .main1 .img .content .txt .title .cn {
font-family: 'sisong';
margin-bottom: 50px; }
.talent .main1 .img .content .txt .abstract {
width: 87%;
line-height: 32px;
letter-spacing: 0px;
color: #ffffff; }
.talent .main2 {
padding-bottom: 70px; }
.talent .main2 .content {
background-color: #fbfeff;
border-top: solid 1px #d4e9f3;
border-bottom: solid 1px #d4e9f3; }
.talent .main2 .content .black {
width: 50%;
padding: 80px 0; }
.talent .main2 .content .black:nth-child(1) {
border-right: solid 1px #d4e9f3; }
.talent .main2 .content .black .txt {
width: 83.33333%; }
.talent .main2 .content .black .title {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #666666;
margin-bottom: 40px; }
.talent .main2 .content .black .title .name {
font-size: 22px;
line-height: 22px;
letter-spacing: 1px;
color: #333333;
font-weight: 600;
margin-right: 20px; }
.talent .main2 .content .black .abstract {
font-size: 14px;
line-height: 28px;
letter-spacing: 0px;
color: #888888;
height: 175px;
overflow-x: hidden;
margin-bottom: 45px; }
.talent .main2 .content .black .img .picture_container {
padding-top: 50%; }
.talent .main3 .black {
position: relative; }
.talent .main3 .main3_left {
position: relative;
background-image: url(talent_bg.png);
background-size: 104%;
background-repeat: repeat;
width: 50%; }
.talent .main3 .main3_left .icon {
position: absolute;
right: -29px;
top: 50%;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 29px;
height: 58px;
z-index: 2;
border-radius: 0 29px 29px 0;
padding-left: 8px;
line-height: 57px;
background-color: rgba(9, 110, 236, 0.9); }
.talent .main3 .main3_left .icon .iconfont {
font-size: 14px;
color: #fff;
line-height: 57px; }
.talent .main3 .img {
width: 50%; }
.talent .main3 .img .picture_container {
padding-top: 57.29167%; }
.talent .main3 .txt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding-top: 145px; }
.talent .main3 .txt .content {
width: 35.41667%; }
.talent .main3 .txt .title {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #ffffff;
margin-bottom: 65px; }
.talent .main3 .txt .title .en {
font-family: 'enA';
margin-bottom: 20px; }
.talent .main3 .txt .title .cn {
font-family: 'sisong'; }
.talent .main3 .txt .abstract {
height: 175px;
overflow-x: hidden;
font-size: 16px;
line-height: 32px;
letter-spacing: 0px;
color: #ffffff; }
.talent .main4 {
padding: 70px 0; }
.talent .main4 .black {
background-color: #f9f9f9;
width: 48.33333%;
padding: 40px 0 20px 35px;
margin-bottom: 40px; }
.talent .main4 .black .img {
width: 29.3578%;
height: 160px;
border-radius: 50%;
overflow: hidden;
margin-right: 30px; }
.talent .main4 .black .img .picture_container {
padding-top: 100%; }
.talent .main4 .black .txt {
margin-top: 10px; }
.talent .main4 .black .txt .title {
margin-bottom: 40px; }
.talent .main4 .black .txt .title .name {
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
color: #333333;
margin-bottom: 15px; }
.talent .main4 .black .txt .title .position {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #bbbbbb; }
.talent .main4 .black .txt .abstract {
width: 87.32394%;
font-size: 14px;
line-height: 28px;
letter-spacing: 0px;
color: #666666;
overflow-x: hidden;
height: 84px; }
.talent .main4 .paging {
margin-top: 10px; }
/********************************* talent END ********************************/
/********************************* case STRAT ********************************/
.case .main1 .inner_title {
margin-top: 35px; }
.case .main1 .background_img {
background-image: url(case_bg.png);
padding-left: 7.08333%;
padding-top: 160px;
padding-bottom: 120px; }
.case .main1 .background_img .txt {
margin-bottom: 45px; }
.case .main1 .background_img .txt .title {
font-family: 'sisong';
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #ffffff;
margin-bottom: 40px; }
.case .main1 .background_img .txt .abstract {
font-size: 16px;
letter-spacing: 0px;
color: #ffffff;
width: 39.01345%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 32px;
max-height: 96px;
min-height: 96px; }
.case .main1 .background_img .btn {
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #ffffff; }
.case .main1 .background_img .btn .iconfont {
font-size: 16px;
margin-left: 10px; }
.case .main2 {
padding-top: 50px;
padding-bottom: 70px; }
.case .main2 .content .black {
width: 31.66667%;
margin-bottom: 50px; }
.case .main2 .content .black.picture_scale {
overflow: inherit; }
.case .main2 .content .black .bottom {
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.case .main2 .content .black .picture_container {
padding-top: 52.63158%; }
.case .main2 .content .black .txt {
border-bottom: 1px solid rgba(170, 170, 170, 0.2); }
.case .main2 .content .black .txt .txt_limit {
padding: 30px 40px 25px 20px; }
.case .main2 .content .black .txt .title {
line-height: 16px;
margin-bottom: 25px;
letter-spacing: 0px;
color: #666666;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.case .main2 .content .black .txt .abstract {
font-size: 14px;
letter-spacing: 0px;
color: #666666;
opacity: 0.6;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 30px;
max-height: 60px;
min-height: 60px; }
.case .main2 .content .black .more .txt_limit {
padding: 20px; }
.case .main2 .content .black .more .btn {
width: 98px;
height: 35px;
border: solid 1px rgba(170, 170, 170, 0.4);
font-size: 12px;
line-height: 12px;
letter-spacing: 0px;
color: #aaaaaa;
padding: 0 17px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.case .main2 .content .black .more .btn .iconfont {
font-size: 16px; }
.case .main2 .content .black:hover .bottom {
box-shadow: 0px 3px 20px 0px rgba(0, 42, 77, 0.15); }
.case .main2 .content .black:hover .bottom .txt .title {
color: #298de3; }
.case .main2 .content .black:hover .bottom .more .btn {
border-radius: 18px;
color: #ffffff;
background-color: #298de3;
border: solid 1px #ffffff; }
/********************************* case END ********************************/
/********************************* news STRAT ********************************/
.news .main1 {
padding-top: 84px;
padding-bottom: 70px; }
.news .main1 .black {
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.news .main1 .black .center {
border-bottom: 1px solid #ccc;
padding: 30px 0; }
.news .main1 .black .img {
width: 30%;
margin-right: 5%; }
.news .main1 .black .img .picture_container {
padding-top: 50%; }
.news .main1 .black .txt {
padding-top: 10px; }
.news .main1 .black .txt .title {
margin-bottom: 10px; }
.news .main1 .black .txt .title .name {
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
color: #333333;
width: 610px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.news .main1 .black .txt .title .time {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #bbbbbb; }
.news .main1 .black .txt .title .time .iconfont {
font-size: 13px;
margin-right: 5px; }
.news .main1 .black .txt .author {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #bbbbbb;
margin-bottom: 20px; }
.news .main1 .black .txt .abstract {
width: 78.20513%;
font-size: 14px;
letter-spacing: 0px;
color: #666666;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 28px; }
.news .main1 .black:hover {
background-color: #f4f4f4; }
.news .main1 .black:hover .txt .title .name {
color: #298de3;
font-weight: 600; }
.news .main1 .paging {
margin-top: 50px; }
/********************************* news END ********************************/
/********************************* news-details STRAT ********************************/
.news-details .main1 {
padding-bottom: 70px; }
.news-details .main1 .content {
padding-top: 60px; }
.news-details .main1 .content .title {
font-size: 24px;
line-height: 24px;
letter-spacing: 1px;
color: #333333;
margin-bottom: 20px;
text-align: center; }
.news-details .main1 .content .information {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #bbbbbb;
margin-bottom: 20px; }
.news-details .main1 .content .information .author {
margin-right: 25px; }
.news-details .main1 .content .txt {
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
padding: 25px 0; }
.news-details .main1 .switch {
margin-top: 20px; }
/********************************* news-details END ********************************/
/*********************************honor STRAT ********************************/
.honor .inner_title {
margin-top: 70px; }
.honor .main1 {
padding-bottom: 60px; }
.honor .main1 .content .honor_main1-container {
padding-bottom: 50px;
position: relative; }
.honor .main1 .content .honor_main1-container .swiper-pagination {
left: 50%;
bottom: 0;
-o-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.honor .main1 .content .honor_main1-container .swiper-pagination::after {
content: " ";
height: 1px;
width: 100%;
position: absolute;
top: 58%;
left: 0;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
z-index: 1;
background-color: rgba(41, 141, 227, 0.1); }
.honor .main1 .content .honor_main1-container .swiper-pagination span:nth-of-type(1) {
margin-left: 0; }
.honor .main1 .content .honor_main1-container .swiper-pagination span:nth-last-of-type(1) {
margin-right: 0; }
.honor .main1 .content .honor_main1-container .swiper-pagination-bullet {
margin: 0 15px;
position: relative;
z-index: 2;
width: 9px;
height: 9px;
border-radius: 50%;
opacity: 1;
vertical-align: middle;
background-color: #e9f3fc; }
.honor .main1 .content .honor_main1-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 19px;
height: 19px;
border: 5px solid #bcdbf6; }
.honor .main1 .content .swiper-slide {
width: 540px;
opacity: 0; }
.honor .main1 .content .swiper-slide .title {
opacity: 0; }
.honor .main1 .content .swiper-slide.swiper-slide-active {
opacity: 1; }
.honor .main1 .content .swiper-slide.swiper-slide-active .title {
opacity: 1; }
.honor .main1 .content .swiper-slide.swiper-slide-prev, .honor .main1 .content .swiper-slide.swiper-slide-next {
opacity: 0.5; }
.honor .main1 .content .black .img {
width: 100%;
background-color: #ffffff;
border: solid 1px #eeeeee; }
.honor .main1 .content .black .img .picture_container {
padding-top: 65.74074%; }
.honor .main1 .content .black .title {
text-align: center;
margin-top: 22px;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
color: #333333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.honor .main2 {
padding: 60px 0;
background-color: #f9fcff; }
.honor .main2 .black {
width: 23.33333%;
margin-bottom: 50px; }
.honor .main2 .black:not(:nth-child(4n)) {
margin-right: 2.08333%; }
.honor .main2 .black .img .picture_container {
padding-top: 142.85714%; }
.honor .main2 .black .title {
margin-top: 20px;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #333333;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
/********************************* honor END ********************************/
/********************************* production STRAT ********************************/
.production .main1 .content {
margin-top: 70px;
padding-bottom: 70px; }
.production .main1 .content .img {
border-radius: 10px;
overflow: hidden;
width: 36.66667%;
margin-right: 9.16667%; }
.production .main1 .content .img .picture_container {
padding-top: 113.63636%; }
.production .main1 .content .txt .en {
font-size: 24px;
line-height: 24px;
font-family: 'enA';
letter-spacing: 1px;
color: #333333;
margin-bottom: 15px; }
.production .main1 .content .txt .cn {
font-family: 'sisong';
font-size: 30px;
line-height: 50px;
letter-spacing: 1px;
color: #333333;
margin-bottom: 70px; }
.production .main2 {
padding-bottom: 70px; }
.production .main2 .background_img {
padding-top: 60px;
background-size: 100% 67%;
background-repeat: no-repeat;
background-position: center top;
background-image: url(production_bg.png); }
.production .main2 .abstract {
text-align: center;
font-size: 16px;
line-height: 32px;
letter-spacing: 0px;
color: #333333;
margin-bottom: 60px; }
.production .main2 .img {
width: 100%;
border-radius: 10px;
overflow: hidden; }
.production .main2 .img .picture_container {
padding-top: 40%; }
.production .main3 {
padding-bottom: 70px; }
.production .main3 .black {
width: 31.66667%;
margin-bottom: 40px; }
.production .main3 .black:not(:nth-child(3n)) {
margin-right: 2.5%; }
.production .main3 .black .img {
width: 100%;
border-radius: 10px;
overflow: hidden; }
.production .main3 .black .img .picture_container {
padding-top: 68.42105%; }
.production .main3 .black .title {
margin-top: 20px;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
color: #333333;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.production .main3 .paging {
margin-top: 10px; }
/********************************* production END ********************************/
/********************************* contact STRAT ********************************/
.contact .main1 .content {
margin-top: 70px;
margin-bottom: 70px; }
.contact .main1 .content .black {
width: 21.66667%;
text-align: center; }
.contact .main1 .content .black .icon {
width: 126px;
height: 126px;
text-align: center;
line-height: 124px;
border-radius: 50%;
margin: 0 auto;
border: solid 2px #eeeeee; }
.contact .main1 .content .black .icon .iconfont {
font-size: 54px;
color: #298de3; }
.contact .main1 .content .black .icon .icondianhua1 {
font-size: 45px; }
.contact .main1 .content .black .icon .iconyouxiang {
font-size: 45px; }
.contact .main1 .content .black .title {
margin-top: 35px;
margin-bottom: 20px;
font-size: 22px;
line-height: 22px;
letter-spacing: 1px;
color: #333333; }
.contact .main1 .content .black .abstract {
color: #666666;
font-size: 16px;
line-height: 28px;
letter-spacing: 0px; }
.contact .main2 {
background-color: #fcfeff;
padding: 70px 0;
/* inside_main START */
/* sale_leave START */
/* sale_leave END */
/* inside_main END */ }
.contact .main2 .sale_leave .list .item, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items {
width: 31.66667%;
position: relative;
background-color: #ffffff;
border-radius: 6px;
border: solid 1px #e5e5e5;
-o-transition: all 0.35s;
-moz-transition: all 0.35s;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin-bottom: 20px; }
.contact .main2 .sale_leave .list .item .placeholder .iconfont, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items .placeholder .iconfont, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items .placeholder .iconfont {
color: #bbbbbb;
font-size: 18px;
margin-right: 8px; }
.contact .main2 .sale_leave .list .item.code, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .code.items, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .code.items {
width: 23.33333%; }
.contact .main2 .sale_leave .list .item:nth-child(1), .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items:nth-child(1), .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items:nth-child(1),
.contact .main2 .sale_leave .list .item:nth-child(2),
.contact .main2 .sale_leave .list .footer .footer_top .foot_message .items:nth-child(2),
.footer .footer_top .foot_message .contact .main2 .sale_leave .list .items:nth-child(2) {
margin-top: 0; }
.contact .main2 .sale_leave .list .item:not(:nth-child(3n)), .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items:not(:nth-child(3n)), .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items:not(:nth-child(3n)) {
margin-right: 2.5%; }
.contact .main2 .sale_leave .list .item.item_two_column, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .item_two_column.items, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .item_two_column.items {
width: 100%;
margin-right: 0; }
.contact .main2 .sale_leave .list .item.active, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .active.items, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .active.items {
border-color: #298de3;
background: #fff; }
.contact .main2 .sale_leave .list .item.active .placeholder, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .active.items .placeholder, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .active.items .placeholder {
opacity: 0; }
.contact .main2 .sale_leave .list .item.item_picture, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .item_picture.items, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .item_picture.items {
margin-right: 0;
margin-left: 3.2%;
background: none;
border: none; }
.contact .main2 .sale_leave .list .item textarea, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items textarea, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items textarea,
.contact .main2 .sale_leave .list .item input,
.contact .main2 .sale_leave .list .footer .footer_top .foot_message .items input,
.footer .footer_top .foot_message .contact .main2 .sale_leave .list .items input {
width: 100%;
height: 60px;
padding: 0 20px;
position: relative;
font-size: 14px;
z-index: 10;
color: #666; }
.contact .main2 .sale_leave .list .item textarea, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items textarea, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items textarea {
height: 150px;
padding: 20px; }
.contact .main2 .sale_leave .list .item textarea + .placeholder, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items textarea + .placeholder, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items textarea + .placeholder {
line-height: normal;
bottom: auto;
top: 26px; }
.contact .main2 .sale_leave .list .item .placeholder, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items .placeholder, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items .placeholder {
position: absolute;
top: 0;
bottom: 0;
left: 18px;
margin: auto;
line-height: 60px;
font-size: 14px;
color: #666;
-o-transition: all 0.15s;
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
transition: all 0.15s; }
.contact .main2 .sale_leave .list .item .placeholder i, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items .placeholder i, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items .placeholder i {
color: #f00; }
.contact .main2 .sale_leave .list .item .item_code, .contact .main2 .sale_leave .list .footer .footer_top .foot_message .items .item_code, .footer .footer_top .foot_message .contact .main2 .sale_leave .list .items .item_code {
height: 60px; }
.contact .main2 .sale_leave .btn_group {
margin-top: 20px; }
.contact .main2 .sale_leave .btn_group .item, .contact .main2 .sale_leave .btn_group .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .contact .main2 .sale_leave .btn_group .items {
width: 25%;
height: 50px;
background: #eeeeee;
border: solid 1px #eeeeee;
font-size: 14px;
color: #b3b3b3;
border-radius: 25px;
cursor: pointer;
-o-transition: all 0.15s;
-moz-transition: all 0.15s;
-webkit-transition: all 0.15s;
transition: all 0.15s; }
.contact .main2 .sale_leave .btn_group .item:not(:last-child), .contact .main2 .sale_leave .btn_group .footer .footer_top .foot_message .items:not(:last-child), .footer .footer_top .foot_message .contact .main2 .sale_leave .btn_group .items:not(:last-child) {
margin-right: 75px; }
.contact .main2 .sale_leave .btn_group .item.active, .contact .main2 .sale_leave .btn_group .footer .footer_top .foot_message .active.items, .footer .footer_top .foot_message .contact .main2 .sale_leave .btn_group .active.items {
background: #298de3;
color: #fff; }
.contact .main2 .sale_leave .btn_group .item.active:hover, .contact .main2 .sale_leave .btn_group .footer .footer_top .foot_message .active.items:hover, .footer .footer_top .foot_message .contact .main2 .sale_leave .btn_group .active.items:hover {
opacity: 0.8; }
.contact .main2 .inside_main {
position: relative;
overflow: hidden; }
.contact .main2 .inside_main .main_title {
color: #333333;
font-size: 34px;
text-align: center;
letter-spacing: 1px; }
.contact .main2 .inside_main .main_video .item, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items {
position: relative;
margin-top: 32px;
width: 410px; }
.contact .main2 .inside_main .main_video .item:not(:nth-child(3n)), .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:not(:nth-child(3n)), .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:not(:nth-child(3n)) {
margin-right: 35px; }
.contact .main2 .inside_main .main_video .item:nth-child(1), .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:nth-child(1), .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:nth-child(1),
.contact .main2 .inside_main .main_video .item:nth-child(2),
.contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:nth-child(2),
.footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:nth-child(2),
.contact .main2 .inside_main .main_video .item:nth-child(3),
.contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:nth-child(3),
.footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:nth-child(3) {
margin-top: 0; }
.contact .main2 .inside_main .main_video .item .item_picture, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items .item_picture, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items .item_picture {
position: relative; }
.contact .main2 .inside_main .main_video .item .item_picture .picture_container, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items .item_picture .picture_container, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items .item_picture .picture_container {
padding-top: 60.97%; }
.contact .main2 .inside_main .main_video .item .item_picture .explain, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items .item_picture .explain, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items .item_picture .explain {
background: rgba(11, 33, 70, 0.5);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto; }
.contact .main2 .inside_main .main_video .item .item_picture .explain .explain_link, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items .item_picture .explain .explain_link, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items .item_picture .explain .explain_link {
color: #fff;
font-size: 70px;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.contact .main2 .inside_main .main_video .item .explain_title, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items .explain_title, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items .explain_title {
font-size: 18px;
color: #333333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center;
margin-top: 15px;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.contact .main2 .inside_main .main_video .item:hover .item_picture .explain .explain_link, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:hover .item_picture .explain .explain_link, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:hover .item_picture .explain .explain_link {
color: #00a8ea; }
.contact .main2 .inside_main .main_video .item:hover .explain_title, .contact .main2 .inside_main .main_video .footer .footer_top .foot_message .items:hover .explain_title, .footer .footer_top .foot_message .contact .main2 .inside_main .main_video .items:hover .explain_title {
color: #00a8ea; }
.contact .main2 .inside_main .main_video .main_video_popup {
position: fixed;
width: 100%;
height: 100%;
max-width: 1920px;
top: 0;
left: 0;
z-index: -1;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: rgba(0, 0, 0, 0);
visibility: hidden; }
.contact .main2 .inside_main .main_video .main_video_popup.active {
background: rgba(0, 0, 0, 0.5);
visibility: visible;
z-index: 100000; }
.contact .main2 .inside_main .main_video .main_video_popup.active .center {
-o-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
.contact .main2 .inside_main .main_video .main_video_popup.active .center .popup_container iframe {
display: block; }
.contact .main2 .inside_main .main_video .main_video_popup .center {
width: 1000px;
margin: auto;
background: #fff;
border-radius: 5px;
position: relative;
padding: 30px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-o-transform: translate3d(0, -200px, 0);
-moz-transform: translate3d(0, -200px, 0);
-webkit-transform: translate3d(0, -200px, 0);
transform: translate3d(0, -200px, 0);
opacity: 0; }
.contact .main2 .inside_main .main_video .main_video_popup .center .close {
position: absolute;
right: 10px;
top: 8px;
font-size: 14px;
color: #666;
cursor: pointer; }
.contact .main2 .inside_main .main_video .main_video_popup .center .close:hover {
color: #00a8ea; }
.contact .main2 .inside_main .main_video .main_video_popup .center .popup_container {
background: #f4f4f4;
overflow: hidden;
height: 530px; }
.contact .main2 .inside_main .main_video .main_video_popup .center .popup_container iframe {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
display: none; }
.contact .main2 .inside_main .main_consult .main_picture {
width: 546px; }
.contact .main2 .inside_main .main_consult .main_explain {
width: 630px;
background: #ffffff;
box-shadow: 4px 6px 21px 0px rgba(129, 129, 129, 0.07);
border-radius: 10px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container {
padding: 32px 38px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .line {
height: 1px;
opacity: 0.4;
background: #eee;
margin: 35px 0 25px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .item, .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .items {
padding: 0 10px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .item:not(:last-child), .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .footer .footer_top .foot_message .items:not(:last-child), .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .items:not(:last-child) {
margin-bottom: 15px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .item .item_icon, .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .footer .footer_top .foot_message .items .item_icon, .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .items .item_icon {
line-height: 28px;
font-size: 20px;
color: #00a8ea; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .item .explain_content, .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .footer .footer_top .foot_message .items .explain_content, .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_explain .items .explain_content {
line-height: 28px;
font-size: 16px;
color: #888888;
padding-left: 45px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label {
position: relative; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label:not(:last-child) {
margin-bottom: 20px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .explain {
color: #333333;
font-size: 16px;
font-weight: bold;
margin-right: 3px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container {
position: relative; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container.area_control input {
cursor: pointer; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input {
width: 100%;
height: 50px;
border-radius: 6px;
border: solid 1px #eeeeee;
font-size: 14px;
color: #888;
padding: 0 16px;
padding-right: 45px; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input::-webkit-input-placeholder {
color: #d3d3d3; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input:-moz-placeholder {
color: #d3d3d3; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input:-ms-input-placeholder {
color: #d3d3d3; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input::placeholder {
color: #d3d3d3; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input + .iconfont {
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
color: #d3d3d3;
font-size: 14px;
line-height: 50px;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container input + .iconfont.active {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg); }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container button {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
color: #d3d3d3;
font-size: 18px;
cursor: pointer;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container button:hover {
color: #00a8ea; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list {
position: absolute;
background: #fff;
width: 100%;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
overflow-y: auto;
border-radius: 6px;
border: solid 1px #eeeeee;
max-height: 240px;
padding: 10px 0;
top: 70px;
opacity: 0;
z-index: -1;
visibility: hidden;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list.active {
top: 53px;
opacity: 1;
z-index: 10;
visibility: visible; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .item, .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .items {
line-height: 46px;
padding: 0 16px;
color: #777;
-o-transition: all 0.35s;
-moz-transition: all 0.35s;
-webkit-transition: all 0.35s;
transition: all 0.35s; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .item:not(:last-child), .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .footer .footer_top .foot_message .items:not(:last-child), .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .items:not(:last-child) {
border-bottom: 1px solid #f9f9f9; }
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .item:hover, .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .footer .footer_top .foot_message .items:hover, .footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .items:hover,
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .item.active,
.contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .footer .footer_top .foot_message .active.items,
.footer .footer_top .foot_message .contact .main2 .inside_main .main_consult .main_explain .form_container .form_filter label .label_container .list .active.items {
background: #00a8ea;
color: #fff; }
/********************************* contact END ********************************/
/********************************* product STRAT ********************************/
.product .main1 {
padding-bottom: 70px; }
.product .main1 .inner_title {
margin-top: 40px; }
.product .main1 .product_monu {
padding: 40px;
padding-top: 0;
margin-bottom: 50px;
background-color: #ffffff;
box-shadow: 1px 1px 21px 0px rgba(113, 113, 113, 0.07); }
.product .main1 .product_monu .title {
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
color: #666666;
margin-right: 30px;
margin-top: 40px; }
.product .main1 .product_monu .btn {
margin-top: 40px;
margin-right: 40px;
padding: 12px 22px;
border-radius: 20px;
border: solid 1px #dcdcdc;
color: #666666;
font-size: 14px;
line-height: 14px;
letter-spacing: 0px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.product .main1 .product_monu .btn.active {
color: #ffffff;
background-color: #298de3;
border: solid 1px #298de3; }
.product .main1 .product_monu .btn:hover {
color: #ffffff;
background-color: #298de3;
border: solid 1px #298de3; }
.product .main1 .content .black {
margin-bottom: 45px;
width: 31.25%; }
.product .main1 .content .black:not(:nth-child(3n)) {
margin-right: 2.91667%; }
.product .main1 .content .black .img {
width: 100%;
border-radius: 10px;
background-color: #fefefe;
overflow: hidden;
position: relative; }
.product .main1 .content .black .img .picture_container {
padding-top: 66.66667%; }
.product .main1 .content .black .img .mask {
padding-top: 80px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
opacity: 0;
background-color: rgba(76, 148, 214, 0.7);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.product .main1 .content .black .img .mask .title {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #ffffff;
font-weight: 600;
margin-bottom: 15px; }
.product .main1 .content .black .img .mask .title .icon {
width: 18.66667%;
margin-right: 10px;
height: 1px;
background-color: #ffffff; }
.product .main1 .content .black .img .mask .abstract {
width: 76%;
margin: 0 auto;
font-size: 14px;
letter-spacing: 0px;
color: #ffffff;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 28px; }
.product .main1 .content .black .txt {
text-align: center; }
.product .main1 .content .black .txt .title {
margin-top: 30px;
margin-bottom: 15px;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
color: #333333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.product .main1 .content .black .txt .abstract {
font-size: 14px;
color: #999999;
line-height: 14px;
letter-spacing: 0px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.product .main1 .content .black:hover .mask {
opacity: 1; }
.product .main1 .content .black:hover .txt .abstract {
opacity: 0; }
.product .main1 .paging {
margin-top: 15px; }
/********************************* product END ********************************/
/********************************* product-details STRAT ********************************/
.product-details .main1 {
padding-top: 120px;
padding-bottom: 70px; }
.product-details .main1 .product_top {
margin-bottom: 80px; }
.product-details .main1 .product_top .product_left {
width: 40%; }
.product-details .main1 .product_top .product_left .img_big {
border-radius: 10px;
overflow: hidden; }
.product-details .main1 .product_top .product_left .img_big.picture_container {
width: 480px;
height: 320px; }
.product-details .main1 .product_top .product_left #fdj2 {
margin-bottom: 20px; }
.product-details .main1 .product_top .product_left .img_small {
width: 100%;
overflow: hidden;
border-radius: 10px;
border: solid 1px #eeeeee;
cursor: pointer; }
.product-details .main1 .product_top .product_left .img_small .picture_container {
padding-top: 66.21622%; }
.product-details .main1 .product_top .product_left .img_small .picture_container img {
max-height: 50%; }
.product-details .main1 .product_top .product_left .swiper-slide-active .img_small {
border: solid 1px #298de3; }
.product-details .main1 .product_top .product_right {
margin-left: 7.08333%;
padding-top: 10px; }
.product-details .main1 .product_top .product_right .name {
padding-bottom: 25px;
border-bottom: 1px dashed #e5e5e5; }
.product-details .main1 .product_top .product_right .name .title {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #333333;
margin-bottom: 20px; }
.product-details .main1 .product_top .product_right .name .abstract {
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
color: #b7c1c8; }
.product-details .main1 .product_top .product_right .txt {
padding-top: 25px; }
.product-details .main1 .product_top .product_right .txt .line {
font-size: 14px;
line-height: 26px;
letter-spacing: 0px;
color: #788287;
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start; }
.product-details .main1 .product_top .product_right .txt .line:not(:last-child) {
margin-bottom: 20px; }
.product-details .main1 .product_top .product_right .txt .line .title {
margin-right: 25px;
width: 70px; }
.product-details .main1 .product_top .product_right .btn {
margin-top: 65px;width: 635px; }
.product-details .main1 .product_top .product_right .btn .item, .product-details .main1 .product_top .product_right .btn .footer .footer_top .foot_message .items, .footer .footer_top .foot_message .product-details .main1 .product_top .product_right .btn .items {
width: 37.79528%;
text-align: center;
line-height: 48px;
height: 50px;
border-radius: 25px;
color: #298de3;
border: solid 1px #298de3;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.product-details .main1 .product_top .product_right .btn .item:nth-child(1), .product-details .main1 .product_top .product_right .btn .footer .footer_top .foot_message .items:nth-child(1), .footer .footer_top .foot_message .product-details .main1 .product_top .product_right .btn .items:nth-child(1) {
margin-right: 4.72441%; }
.product-details .main1 .product_top .product_right .btn .item:hover, .product-details .main1 .product_top .product_right .btn .footer .footer_top .foot_message .items:hover, .footer .footer_top .foot_message .product-details .main1 .product_top .product_right .btn .items:hover {
color: #ffffff;
background-color: #298de3; }
.product-details .main1 .product_bottom .bottom_title {
width: 100%;
border-bottom: 1px solid #eeeeee;
margin-bottom: 25px; }
.product-details .main1 .product_bottom .bottom_title p {
font-size: 20px;
line-height: 20px;
letter-spacing: 0px;
font-weight: 600;
color: #333333;
padding-bottom: 20px;
position: relative;
display: inline-block; }
.product-details .main1 .product_bottom .bottom_title p::after {
content: " ";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 3px;
background-color: #298de3; }
.product-details .main1 .product_bottom .content {
width: 72.5%; }
.product-details .main1 .product_bottom .product_relevant {
margin-left: 3.75%;
width: 23.33333%; }
.product-details .main1 .product_bottom .product_relevant .more .black {
border-radius: 10px;
overflow: hidden; }
.product-details .main1 .product_bottom .product_relevant .more .black:not(:last-child) {
margin-bottom: 30px; }
.product-details .main1 .product_bottom .product_relevant .more .black .img {
border-radius: 10px;
overflow: hidden;
width: 100%;
border: solid 1px #eeeeee; }
.product-details .main1 .product_bottom .product_relevant .more .black .img .picture_container {
padding-top: 66.66667%; }
.product-details .main1 .product_bottom .product_relevant .more .black .img .picture_container img {
max-height: 50%; }
.product-details .main1 .product_bottom .product_relevant .more .black .title {
padding: 15px 0;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 16px;
letter-spacing: 0px;
color: #333333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
background-color: #f9f9f9; }
/********************************* product-details END ********************************/
/********************************* develop STRAT ********************************/
.develop .main1 {
padding-top: 124px;
height: 1000px;
background-image: url(plan_bg.png); }
.develop .main1 .content {
position: relative; }
.develop .main1 .inner_title {
margin-bottom: 0; }
.develop .main1 .black {
position: relative;
float: left;
width: 400px;
height: 566px;
border-radius: 60px 10px 60px 10px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface {
padding: 0 25px;
width: 100%;
height: 100%;
position: relative; }
.develop .main1 .black .surface .surface_top {
position: absolute;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface .surface_top .title {
margin-bottom: 12px;
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
color: #333333;
text-align: center; }
.develop .main1 .black .surface .surface_top .circle {
width: 21px;
height: 21px;
margin: 0 auto;
border-radius: 50%;
background-color: #b9d3e0;
border: 6px solid #e2eff6; }
.develop .main1 .black .surface .txt {
width: 354px;
position: absolute;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface .txt .line {
line-height: 16px;
letter-spacing: 0px;
color: #666666;
line-height: 28px;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface .txt .line:not(:last-child) {
margin-bottom: 25px; }
.develop .main1 .black .surface .txt .line .iconfont {
font-size: 14px;
color: #d4e9f3;
margin-right: 10px;
-o-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface .icon {
position: absolute;
width: 103px;
height: 103px;
text-align: center;
line-height: 101px;
border-radius: 50%;
border: solid 2px #c7dce8; }
.develop .main1 .black .surface .icon .iconfont {
font-size: 46px;
color: #c7dce8; }
.develop .main1 .black .surface .show {
position: absolute;
top: 55px;
left: 25px;
opacity: 0;
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
color: #ffffff;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.develop .main1 .black .surface .show .en {
font-family: 'enA';
margin-bottom: 15px; }
.develop .main1 .black .surface .show .cn {
margin-bottom: 55px; }
.develop .main1 .black .surface .show .line_icon {
width: 48px;
height: 4px;
background-color: #f4fbff; }
.develop .main1 .black:hover {
background-color: #4c94d6; }
.develop .main1 .black:hover .surface_top {
opacity: 0; }
.develop .main1 .black:hover .icon {
opacity: 0; }
.develop .main1 .black:hover .txt .line {
color: #fff; }
.develop .main1 .black:hover .txt .line .iconfont {
color: #fff; }
.develop .main1 .black:hover .show {
opacity: 1; }
.develop .main1 .black.t1 {
top: 156px; }
.develop .main1 .black.t1 .surface .surface_top {
top: 36.5%;
right: 39%; }
.develop .main1 .black.t1 .surface .txt {
top: 50%;
left: 50%;
-o-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.develop .main1 .black.t1 .surface .icon {
top: 15%;
left: 49%;
-o-transform: translate3d(-49%, 0, 0);
-moz-transform: translate3d(-49%, 0, 0);
-webkit-transform: translate3d(-49%, 0, 0);
transform: translate3d(-49%, 0, 0); }
.develop .main1 .black.t2 {
top: 78px; }
.develop .main1 .black.t2 .surface .surface_top {
top: 9%;
right: 24%; }
.develop .main1 .black.t2 .surface .txt {
top: 64%;
left: 28%; }
.develop .main1 .black.t2 .surface .icon {
top: 28.5%;
left: 64%;
-o-transform: translate3d(-49%, 0, 0);
-moz-transform: translate3d(-49%, 0, 0);
-webkit-transform: translate3d(-49%, 0, 0);
transform: translate3d(-49%, 0, 0); }
.develop .main1 .black.t2:hover .txt {
left: 25px;
top: 285px; }
.develop .main1 .black.t3 {
top: 0; }
.develop .main1 .black.t3 .surface .surface_top {
top: 13%;
right: 20%; }
.develop .main1 .black.t3 .surface .txt {
top: 78%;
left: 37%; }
.develop .main1 .black.t3 .surface .icon {
top: 42.5%;
left: 66%;
-o-transform: translate3d(-49%, 0, 0);
-moz-transform: translate3d(-49%, 0, 0);
-webkit-transform: translate3d(-49%, 0, 0);
transform: translate3d(-49%, 0, 0); }
.develop .main1 .black.t3:hover .txt {
left: 25px;
top: 285px; }
/********************************* develop END ********************************/
/********************************* about STRAT ********************************/
.about .main1 {
padding-bottom: 170px; min-height:500px; }
.about .main1 .inner_title {
margin-top: 70px; }
.about .main1 .content {
line-height:30px; text-align:justify; }
.about .main2 .img {
width: 50%;
position: relative; }
.about .main2 .img .picture_container {
padding-top: 50%; }
.about .main2 .img .icon {
width: 64px;
height: 64px;
position: absolute;
top: 50%;
right: 0;
background-color: #63aaeb;
line-height: 64px;
text-align: center;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
font-size: 24px;
color: #fff; }
.about .main2 .black {
padding-top: 125px;
padding-left: 80px;
width: 50%;
background-color: #f5faff; }
.about .main2 .black .background_img {
height: 100%;
width: 100%;
background-size: auto;
background-position: 100%;
background-image: url(about_bg01.png); }
.about .main2 .black .background_img .title {
font-size: 30px;
line-height: 30px;
letter-spacing: 1px;
margin-bottom: 55px; }
.about .main2 .black .background_img .title .en {
font-family: 'enA';
color: #3d96e8;
margin-bottom: 20px; }
.about .main2 .black .background_img .abstract {
width: 53.64583%;
letter-spacing: 0px;
color: #666666;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 32px;
max-height: 128px;
min-height: 128px; }
.about .main3 {
padding: 70px 0 190px;
height: 946px;
background-size: auto;
background-position: center bottom;
background-image: url(about_bg02.png); }
.about .main3 .content {
position: relative; }
.about .main3 .content .hexagon {
width: 297px;
height: 343px;
overflow: hidden;
visibility: hidden;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform: rotate(-60deg) skewY(30deg); }
.about .main3 .content .hexagon .hexagon-cont {
width: 100%;
height: 100%;
position: relative;
visibility: visible;
background-size: cover;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
background-color: rgba(95, 169, 236, 0.2); }
.about .main3 .content .hexagon .hexagon-cont .title {
position: absolute;
top: 14px;
left: 14px;
width: 269px;
height: 311px;
overflow: hidden;
visibility: hidden;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform: rotate(-60deg) skewY(30deg); }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont {
width: 100%;
height: 100%;
position: relative;
visibility: visible;
background-size: cover;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg);
background-color: #63aaeb;
color: #fff;
text-align: center; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt {
padding-top: 70px; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt .iconfont {
font-size: 40px;
margin-bottom: 40px; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt .iconfont.iconjiazhiguan {
font-size: 43px; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt .iconfont.iconshiming {
font-size: 50px;
margin-bottom: 35px; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt .name {
font-size: 26px;
line-height: 26px;
letter-spacing: 1px;
margin-bottom: 15px; }
.about .main3 .content .hexagon .hexagon-cont .title .title-cont .txt .abstract {
line-height: 28px;
letter-spacing: 0px;
width: 180px;
margin: 0 auto; }
.about .main3 .content .hexagons {
width: 297px;
height: 343px;
overflow: hidden;
visibility: hidden;
-webkit-transform: rotate(-60deg) skewY(30deg);
-ms-transform: rotate(-60deg) skewY(30deg);
transform: rotate(-60deg) skewY(30deg);
border: 1px solid rgba(95, 169, 236, 0.5); }
.about .main3 .content .hexagons .hexagon-cont {
width: 100%;
height: 100%;
position: relative;
visibility: visible;
background-size: cover;
-webkit-transform: skewY(-30deg) rotate(60deg);
-ms-transform: skewY(-30deg) rotate(60deg);
transform: skewY(-30deg) rotate(60deg); }
.about .main3 .content .black {
position: absolute;
top: 256px;
left: 148px; }
.about .main3 .content .mate1 {
-o-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.about .main3 .content .mate2 {
-o-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.about .main3 .content .mate3 {
-o-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.about .main3 .content .mate4 {
-o-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.about .main3 .content .mate5 {
-o-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.about .main3 .content .mate6 {
-o-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; }
.about .main3 .content .mate7 {
-o-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s; }
.about .main4 {
height: 650px; }
.about .main4 .inner_title {
color: #fff; }
.about .main4 .background_img {
position: relative;
padding: 60px 0 75px;
height: 100%;
background-image: url(about_line_bg.png); }
.about .main4 .line {
width: 100%;
position: absolute;
top: 57%;
left: 0;
-o-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.about .main4 .line .picture_container {
padding-top: 204px; }
.about .main4 .line img {
max-width: none;
max-height: none;
width: 1920px;
left: 50%;
-o-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.about .main4 .content {
height: 100%;
position: relative; }
.about .main4 .content .black {
position: absolute; }
.about .main4 .content .black .icon {
margin-bottom: 50px;
position: relative; }
.about .main4 .content .black .icon .icon_circle {
position: relative;
border-radius: 50%;
width: 28px;
height: 28px;
background-color: rgba(255, 255, 255, 0.2); }
.about .main4 .content .black .icon .icon_circle .small_circle {
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.about .main4 .content .black .icon .icon_circle::after {
content: " ";
position: absolute;
width: 1px;
height: 31px;
background-color: #ffffff;
top: 28px;
left: 50%;
-o-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.about .main4 .content .black .icon .icon_circle::before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 50%;
height: 50%;
border-radius: 50%;
border: 1px solid #fff;
-o-animation: diffusion 2s linear infinite;
-moz-animation: diffusion 2s linear infinite;
-webkit-animation: diffusion 2s linear infinite;
animation: diffusion 2s linear infinite; }
.about .main4 .content .black .txt {
padding-left: 8px;
position: relative;
-o-animation: drift_top 2s linear infinite;
-moz-animation: drift_top 2s linear infinite;
-webkit-animation: drift_top 2s linear infinite;
animation: drift_top 2s linear infinite; }
.about .main4 .content .black .txt .title {
margin-bottom: 5px;
font-size: 22px;
line-height: 22px;
font-weight: 600;
letter-spacing: 1px;
color: #ffffff; }
.about .main4 .content .black .txt .title .icon_square {
width: 14px;
height: 14px;
border: 1px solid #fff;
-o-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
margin-right: 10px; }
.about .main4 .content .black .txt .abstract {
line-height: 32px;
letter-spacing: 0px;
color: #ffffff; }
.about .main4 .content .black.acitve .txt {
-o-animation: drift_top 2s linear infinite;
-moz-animation: drift_top 2s linear infinite;
-webkit-animation: drift_top 2s linear infinite;
animation: drift_top 2s linear infinite; }
.about .main4 .content .black.acitve .icon {
margin-top: 50px;
margin-bottom: 0; }
.about .main4 .content .black.acitve .icon_circle::after {
top: auto;
bottom: 28px; }
.about .main4 .content .black.one {
top: 220px;
left: 0; }
.about .main4 .content .black.two {
top: 0;
left: 180px; }
.about .main4 .content .black.three {
top: 270px;
left: 505px; }
.about .main4 .content .black.four {
top: -1px;
left: 675px; }
.about .main4 .content .black.five {
top: 240px;
left: 958px; }
.about .main4 .content .black.six {
top: 113px;
left: 1230px; }
.about .main4 .content .black.six .icon_circle::after {
content: none; }
@-webkit-keyframes diffusion {
0% {
width: 50%;
height: 50%;
opacity: 1; }
25% {
width: 75%;
height: 75%;
opacity: 1; }
50% {
width: 100%;
height: 100%;
opacity: 0.75; }
75% {
width: 125%;
height: 125%;
opacity: 0.5; }
100% {
width: 150%;
height: 150%;
opacity: 0; } }
@keyframes diffusion {
0% {
width: 50%;
height: 50%;
opacity: 1; }
25% {
width: 75%;
height: 75%;
opacity: 1; }
50% {
width: 100%;
height: 100%;
opacity: 0.75; }
75% {
width: 125%;
height: 125%;
opacity: 0.5; }
100% {
width: 150%;
height: 150%;
opacity: 0; } }
@-webkit-keyframes drift_bottom {
0% {
margin-bottom: 50px; }
50% {
margin-bottom: 60px; }
100% {
margin-bottom: 50px; } }
@keyframes drift_bottom {
0% {
margin-bottom: 50px; }
50% {
margin-bottom: 60px; }
100% {
margin-bottom: 50px; } }
@-webkit-keyframes drift_top {
0% {
margin-top: 0px;
margin-bottom: 50px; }
50% {
margin-top: -10px;
margin-bottom: 60px; }
100% {
margin-top: 0;
margin-bottom: 50px; } }
@keyframes drift_top {
0% {
margin-top: 0px;
margin-bottom: 50px; }
50% {
margin-top: -10px;
margin-bottom: 60px; }
100% {
margin-top: 0;
margin-bottom: 50px; } }
.about .main5 {
padding: 60px 0 70px; }
.about .main5 .black .img {
border: solid 1px #eeeeee; }
.about .main5 .black .img .picture_container {
padding-top: 65.78947%; }
.about .main5 .black .title {
margin-top: 20px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.about .main5 .swiper-button-next,
.about .main5 .swiper-button-prev {
top: 40%;
background-image: none;
width: 64px;
height: 64px;
background-color: rgba(0, 0, 0, 0.15);
line-height: 64px;
text-align: center;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.about .main5 .swiper-button-next .iconfont,
.about .main5 .swiper-button-prev .iconfont {
font-size: 24px;
color: #ffffff; }
.about .main5 .swiper-button-next:hover,
.about .main5 .swiper-button-prev:hover {
background-color: rgba(41, 141, 227, 0.5); }
.about .main5 .swiper-button-prev,
.about .main5 .swiper-container-rtl .swiper-button-next {
left: 0; }
.about .main5 .swiper-button-next,
.about .main5 .swiper-container-rtl .swiper-button-prev {
right: 0; }
.about .main6 {
padding-bottom: 50px; }
.about .main6 .img {
width: 23.33333%;
background-color: #f9f9f9;
margin-bottom: 20px; }
.about .main6 .img:not(:nth-child(4n)) {
margin-right: 2.08333%; }
.about .main6 .img .picture_container {
padding-top: 57.14286%; }
/********************************* about END ********************************/
/********************************* sitemap STRAT ********************************/
.sitemap {
padding: 70px 0;
border-top: 1px solid #eee; }
.sitemap .sitemap_title {
text-align: center;
font-weight: 600;
font-size: 40px;
margin-bottom: 50px; }
.sitemap .inner_title {
padding-bottom: 20px;
margin-bottom: 0;
text-align: left;
border-bottom: 1px solid #298de3; }
.sitemap .content .black {
padding: 20px 0;margin-bottom:30px; }
.sitemap .content .black a {
width: 30%;
line-height: 26px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.sitemap .content .black a:not(:nth-child(3n)) {
margin-right: 5%; }
.sitemap .content .black a:hover {
color: #298de3; }
/********************************* sitemap END ********************************/
@media screen and (max-width: 1600px) {
.about .main2 .black {
padding-top: 100px; } }
@media screen and (max-width: 1500px) {
.talent .main3 .txt {
padding-top: 100px; }
.about .main2 .black {
padding-top: 50px; } }
@media screen and (max-width: 1350px) {
.talent .main3 .txt {
padding-top: 50px; }
.about .main2 .black {
padding-top: 30px; } }
.map img{max-width: none;max-height:none;}