@font-face {
font-family: 'song';
src: url("../fonts/åŽæ–‡ä»¿å®‹.ttf"); }
body {
font-family: "Microsoft YaHei"; }
input{outline:none}
textarea{outline:none}
textarea{resize:none}
.fl {
float: left; }
.top .logo{padding-left:30px;}
.fr {
float: right; }
.clear {
clear: both; }
a {
text-decoration: none;
color: inherit; }
.com {
width: 1200px;
margin: 0 auto; }
.indexContainer {
width: 100%;
min-width: 1200px;overflow: hidden; }
.indexContainer .top {
width: 100%;
height: 176px;
background-image: url("../images/top_bg.png");
background-size: 100% 100%; }
.indexContainer .top .com {
padding-top: 25px; }
.indexContainer .top .com .logo a {
display: block; }
.indexContainer .top .com .logo a img {
width: 116px;
height: 114px; }
.indexContainer .top .com .title {
padding-top: 30px;
padding-left: 87px;
position: relative; }
.indexContainer .top .com .title:before {
width: 1px;
height: 116px;
content: '';
position: absolute;
top: 0;
left: 45px;
background: #C9C9C9; }
.indexContainer .top .com .title .title_t {
color: #171717;
font-size: 28px; }
.indexContainer .top .com .title .title_t .hig {
color: #1B81C5; }
.indexContainer .top .com .title .title_b {
color: #696969;
font-size: 14px;
margin-top: 12px; }
.indexContainer .top .com .info {
text-align: right;
font-size: 16px;
color: #787878;
position: relative; }
.indexContainer .top .com .info .row {
line-height: 24px; }
.indexContainer .top .com .info .row_last{font-size:14px;}
.indexContainer .top .com .info .row a {
color: #676767;
padding-left: 15px;
position: relative;
display: inline-block; }
.indexContainer .top .com .info .row a:hover {
color: #1B81C5; }
.indexContainer .top .com .info .row a.dp:before {
content: '';
width: 15px;
height: 15px;
display: inline-block;
background: url("../images/dp.png");
background-size: 100% 100%;
margin-right: 8px;
position: relative;
top: 2px; }
.indexContainer .top .com .info .row a.dt {
margin-bottom: 10px; }
.indexContainer .top .com .info .row a.dt:before {
content: '';
width: 2px;
height: 16px;
display: inline-block;
background: #676767;
margin-right: 8px;
position: relative;
top: 1px; }
.indexContainer .top .com .info .phone {
width: 249px;
height: 26px;
margin-top: 8px;
background: url("../images/phone.png");
background-size: 100% 100%;
position: absolute;
right: 0;
text-align: center; }
.indexContainer .top .com .info .phone .value {
font-size: 26px;
color: #166CBD;
font-weight: bold;
letter-spacing: 1px;
margin-left: 20px;
position: relative;
top: -5px; }
.indexContainer .nav {
height: 58px;
background: #1b81c5; }
.indexContainer .nav .com {
font-size: 0; }
.indexContainer .nav .com ul li #sy_yjlm {
width: 133px;
height: 58px;
display: inline-block;
line-height: 58px;
color: #fff;
font-size: 16px;
text-align: center;
position: relative; }
.indexContainer .nav .com ul li #sy_yjlm:after {
content: '';
width: 100%;
height: 1px;
background: #f08300;
position: absolute;
bottom: 0;
left: 0;
display: none; z-index:10;}
.indexContainer .nav .com ul li #sy_yjlm:before {
content: '';
position: absolute;
bottom: 0;
left: calc(50% - 8px);
border-width: 8px;
border-style: solid;
border-color: transparent transparent #f08300 transparent;
display: none; z-index:10;}
.indexContainer .nav .com ul li #sy_yjlm.active {
background: #fff !important;
color: #1B81C5; }
.indexContainer .nav .com ul li #sy_yjlm.active:after {
display: block; }
.indexContainer .nav .com ul li #sy_yjlm.active:before {
display: block; }
.indexContainer .nav .com ul li #sy_yjlm:hover {
background: #fff;
color: #1B81C5;
}
.indexContainer .nav .com ul li #sy_yjlm:hover:after {
display: block; }
.indexContainer .nav .com ul li #sy_yjlm:hover:before {
display: block; }
.indexContainer .nav .com ul li .sy_yjlm {
width: 133px;
height: 58px;
display: inline-block;
line-height: 58px;
color: #fff;
font-size: 16px;
text-align: center;
position: relative; }
.indexContainer .nav .com ul li .sy_yjlm:after {
content: '';
width: 100%;
height: 1px;
background: #f08300;
position: absolute;
bottom: 0;
left: 0;
display: none; z-index:10;}
.indexContainer .nav .com ul li .sy_yjlm:before {
content: '';
position: absolute;
bottom: 0;
left: calc(50% - 8px);
border-width: 8px;
border-style: solid;
border-color: transparent transparent #f08300 transparent;
display: none; z-index:10;}
.indexContainer .nav .com ul li .sy_yjlm.active {
background: #fff !important;
color: #1B81C5; }
.indexContainer .nav .com ul li .sy_yjlm.active:after {
display: block; }
.indexContainer .nav .com ul li .sy_yjlm.active:before {
display: block; }
.indexContainer .nav .com ul li .sy_yjlm:hover {
background: #fff;
color: #1B81C5;
}
.indexContainer .nav .com ul li .sy_yjlm:hover:after {
display: block; }
.indexContainer .nav .com ul li .sy_yjlm:hover:before {
display: block; }
.indexContainer .nav .com ul li .rj_nav{
width: 100%;
height: 100%;
position: absolute;
top: 58px;
display: none;
z-index: 9999;
}
.indexContainer .nav .com ul li .rj_nav a{
display: block;
width: 100%;
height: 47px;
background: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid #838383;
line-height: 47px;
color: #565656;
font-size: 14px;
text-align: center;
float: left;
}
.indexContainer .nav .com ul li:hover .rj_nav{
display: block;
}
.indexContainer .nav .com ul li .rj_nav a:hover{
background: rgba(255, 255, 255, 1);
color: #008ad7;
}
.indexContainer .banner {
width: 100%;
height: 600px;
min-width: 1200px; }
.indexContainer .banner .swiper-container {
width: 100%;
height: 100%; }
.indexContainer .banner .swiper-container .swiper-pagination-bullet {
width: 45px;
height: 2px;
border-radius: 0px;
background: #fff; }
.indexContainer .banner .swiper-container .swiper-pagination-bullet-active {
background: #007ECA; }
.indexContainer .banner a {
height: 100%;
display: block;
position: relative; }
.indexContainer .banner a img {
width: 100%;
height: 100%; }
.indexContainer .banner a .bannercontent {
width: 480px;
color: #F5F5F5;
position: absolute;
left: 50%;
top: 200px;
font-size: 14px; }
.indexContainer .banner a .bannercontent .title {
font-size: 24px;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 22px;
position: relative; }
.indexContainer .banner a .bannercontent .title:before {
content: '';
width: 78px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0; }
.indexContainer .banner a .bannercontent .dec {
line-height: 22px;
margin: 22px 0; }
.indexContainer .banner a .bannercontent .link {
display: inline-block;
width: 140px;
height: 38px;
line-height: 36px;
text-align: center;
border-radius: 19px;
border: 1px solid #fff; }
.indexContainer .search {
height: 72px; }
.indexContainer .search .com {
padding-top: 20px; }
.indexContainer .search .com span {
color: #8C8C8C;
font-size: 14px;
display: inline-block; }
.indexContainer .search .com span.value {
width: 92px;
height: 31px;
line-height: 31px;
text-align: center;
border-radius: 31px;
background: #F5F5F5;
transition:all 0.3s ease 0s;
}
.indexContainer .search .com span.value:hover{
color: #fff;
background: #0058AA;
transition:all 0.3s ease 0s;
}
.indexContainer .search .com span.value.active {
color: #fff;
background: #0058AA; }
.indexContainer .search .com .fr {
position: relative; }
.indexContainer .search .com .searchinput {
width: 398px;
height: 33px;
border-radius: 16px;
border: none;
outline: none;
background: #F5F5F5;
padding-left: 19px;
padding-right: 36px; }
.indexContainer .search .com .searchicon {
cursor:pointer;
width: 21px;
height: 21px;
display: inline-block;
position: absolute;
right: 15px;
top: 6px;
background: url("../images/search.png");
background-size: 21px 21px; }
.indexContainer .conTitle {
font-size: 51px;
color: #b8dbee;
text-align: center;
position: relative;
top: 47px;
z-index: 2;
font-family: 'song';
}
.indexContainer .com2 {
text-align: center;
position: relative;
z-index: 2;
top: 30px;
overflow: hidden; width: 1200px;
margin: auto; }
.indexContainer .com2 .com_title {
font-size: 26px;
color: #514E4D;
font-weight: bold;
padding-bottom: 20px;
position: relative; }
.indexContainer .com2 .com_title:after {
content: '';
width: 42px;
height: 1px;
background: #008DD8;
position: absolute;
bottom: 0;
left: calc(50% - 42px/2); }
.indexContainer .com2 .com_title2 {
display: inline-block;
margin-top: 18px;
height: 37px;
line-height: 37px;
color: #505050;
padding: 0 20px;
border: 1px solid #BFBFBF;
position: relative;
font-size: 14px;
background: #fff; }
.indexContainer .com2 .com_title2:before {
content: '';
width: 600px;
height: 1px;
background: #BFBFBF;
position: absolute;
left: calc(50% - 733px);
top: 50%;
z-index: -1;
}
.indexContainer .com2 .com_title2:after {
content: '';
width: 600px;
height: 1px;
background: #BFBFBF;
position: absolute;
right: calc(50% - 733px);
top: 50%;
z-index: -1;
}
.indexContainer .com2 .com_title2 .text:before {
content: '';
width: 13px;
height: 13px;
border-radius: 50%;
border: 1px solid #BFBFBF;
display: block;
position: absolute;
left: calc(-8px);
top: calc(12px);
background: #fff; }
.indexContainer .com2 .com_title2 .text:after {
content: '';
width: 13px;
height: 13px;
border-radius: 50%;
border: 1px solid #BFBFBF;
display: block;
position: absolute;
right: calc(-8px);
top: calc(12px);
background: #fff; }
.indexContainer .content1 {
width: 100%;
position: relative;
height: 548px;
background: #f5f5f5;
overflow: hidden; }
.indexContainer .content1 .content1_bg {
width: 100%;
height: 100%;
min-width: 1200px;
background: url("../images/content1_bg-2.png");
background-size: 1920px 548px;
background-position: center;
position: absolute;
z-index: 1; }
.indexContainer .content1 .com2 .com_title2 {
background: #F5F5F5; }
.indexContainer .content1 .com2 .com_title2 .text:before, .indexContainer .content1 .com2 .com_title2 .text:after {
background: #F5F5F5; }
.indexContainer .content1 .com {
padding-top: 80px;
position: relative;
z-index: 1;
font-size: 0; }
.indexContainer .content1 .com .item {
width: calc(25% - 50px);
display: inline-block;
font-size: 14px;
text-align: center;
vertical-align: top;
padding: 0 25px; }
.indexContainer .content1 .com .item a.active {
color: #1B81C5; }
.indexContainer .content1 .com .item a.active .icon {
border-color: #0058AA; }
.indexContainer .content1 .com .item a.active .title {
color: #1B81C5; }
.indexContainer .content1 .com .item a:hover {
color: #1B81C5; }
.indexContainer .content1 .com .item a:hover .icon {
border-color: #0058AA; }
.indexContainer .content1 .com .item a:hover .title {
color: #1B81C5; }
.indexContainer .content1 .com .item a .icon {
display: inline-block;
width: 117px;
height: 117px;
line-height: 117px;
font-size: 54px;
border-radius: 50%;
border: 1px solid #514E4D; }
.icon-toubiao:before,.icon-caigou:before,.icon-dingzhi:before,.icon-gongsi:before{color:#514E4D;}
.indexContainer .content1 .com .item a .title {
margin: 20px 0;
color: #464646;
font-size: 18px;
font-weight: bold; }
.indexContainer .content1 .com .item .dec {
text-align: left;
color: #464646;
line-height: 24px;
height: 125px;
overflow: hidden; }
.indexContainer .content2 {
width: 100%;
position: relative;
height: 1300px;
overflow: hidden; }
.indexContainer .content2 .com {
padding-top: 80px; }
.indexContainer .content2 .com .com2_left {
width: 273px;
float: left;
font-size: 18px; }
.indexContainer .content2 .com .com2_left .li {
height: 71px;
color: #272727;
line-height: 71px;
margin-bottom: 3px;
background: #EEEEEE;
cursor: pointer; }
.indexContainer .content2 .com .com2_left .li:hover {
background: #aaa; }
.indexContainer .content2 .com .com2_left .li.active {
color: #fff;
background: #0058AA; }
.indexContainer .content2 .com .com2_left .li .icon {
width: 45px;
height: 42px;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: right;
margin-left: 50px;
margin-right: 20px; }
.indexContainer .content2 .com .com2_left .com_left_more {
height: 73px;
display: block;
line-height: 73px;
color: #fff;
font-size: 18px;
text-align: center;
background: #404040; }
.indexContainer .content2 .com .com2_right {
float: right;
width: calc(100% - 273px - 60px); }
.indexContainer .content2 .com .com2_right .com2_right_t {
margin-bottom: 20px; }
.indexContainer .content2 .com .com2_right .com2_right_t img {
width: 395px;
height: 296px; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info {
width: 430px;
display: inline-block;
vertical-align: top;
padding-left: 20px; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info .title {
color: #565656;
font-size: 18px;
font-weight:bold;
padding-top: 13px;
padding-bottom: 15px; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info .ul {
padding: 27px 0;
margin-bottom: 20px;width: 100%;
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info .ul .li {
color: #464646;
font-size: 12px;
line-height: 24px;}
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info a {
width: 98px;
height: 28px;
line-height: 28px;
display: inline-block;
border-radius: 28px;
font-size: 12px;
text-align: center;
margin-left: 10px;
color: #fff; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info .xq {
background: #888888; }
.indexContainer .content2 .com .com2_right .com2_right_t .com2_right_info .zx {
background: #0058AA; }
.indexContainer .content2 .com .com2_right .com2_right_b {
font-size: 0; }
.indexContainer .content2 .com .com2_right .com2_right_b .item {
display: inline-block;
margin-right: 7px; margin-bottom:12px;}
.indexContainer .content2 .com .com2_right .com2_right_b .item img {
width: 280px;
height: 280px; }
.indexContainer .content2 .com .com2_right .com2_right_b .item .text {
height: 55px;
line-height: 55px;
background: #F5F5F5;
color: #565656;
font-size: 18px;
text-align: center; }
.indexContainer .content2 .com .com2_right .com2_right_b .item.nomr {
margin-right: 0; }
.indexContainer .banner2 {
height: 189px;
background: url("../images/banner2.png") no-repeat;
background-size: auto 189px;
background-position: center;
display: block; }
.indexContainer .banner2 .com .phone {
width: 277px;
padding-top: 126px;
padding-left: 50px;
font-size: 28px;
color: #373737; }
.indexContainer .content3 {
width: 100%;
position: relative;
margin-bottom: 60px; }
.indexContainer .content3 .com {
margin-top: 50px; }
.indexContainer .content3 .com .down {
width: 0;
height: 0;
margin: 0 auto;
margin-bottom: 30px;
border-width: 8px;
border-style: solid;
border-color: #0058AA transparent transparent transparent; }
.indexContainer .content3 .com .row {
height: 184px;
position: relative;
}
.indexContainer .content3 .com .row:hover .info .icon {
color: #1B81C5;
border-color: #1B81C5; }
.indexContainer .content3 .com .row:hover .info .text .title {
color: #1B81C5; }
.indexContainer .content3 .com .row img {
width: 497px;
height: 100%; }
.indexContainer .content3 .com .row .info {
width: 665px;
height: calc(100% - 50px);
padding-top: 50px;
padding-left: 30px;
display: inline-block;
vertical-align: top;
position: relative;
}
.indexContainer .content3 .com .row .info .icon {
width: 82px;
height: 82px;
border-radius: 50%;
border: 1px solid #666666;
text-align: center;
line-height: 82px;
font-size: 49px;
color: #666666;
display: inline-block;
vertical-align: top; }
.indexContainer .content3 .com .row .info .text {
width: 504px;
padding-left: 20px;
display: inline-block; }
.indexContainer .content3 .com .row .info .text .title {
font-size: 31px;
color: #0b0b0b;
margin-bottom: 10px; }
.indexContainer .content3 .com .row .info .text .title span {
font-size: 13px;
padding-left: 10px; }
.indexContainer .content3 .com .row .info .text .dec {
font-size: 14px;
color: #666;
line-height: 24px; }
.indexContainer .content3 .com .row .biaochi {
position: absolute;
width: 701px;
height: 25px;
right: 3px;
bottom: -18px;
background: url("../images/biaochi.png"); }
.indexContainer .honor {
height: 578px;
background: #0058aa;
position: relative;
overflow: hidden; }
.indexContainer .honor .honor_bg {
width: 1920px;
height: 100%;
background: url("../images/honor_bg.png");
background-position: center;
position: absolute;
z-index: 1; }
.indexContainer .honor .conTitle {
color: #678dc1; }
.indexContainer .honor .com_title {
color: #fff; }
.indexContainer .honor .com2 .com_title2 {
color: #fff;
background: initial;
}
.indexContainer .honor .com2 .com_title2 .text:before, .indexContainer .honor .com2 .com_title2 .text:after {
background: #0058aa; }
.indexContainer .honor .com {
margin-top: 80px;
position: relative;
z-index: 3; }
.indexContainer .honor .com .honors {
width: 1130px;
height: 270px;
margin: 0 auto; }
.indexContainer .honor .com .honors.honors-container {
overflow: hidden; }
.indexContainer .honor .com .honors.honors-container img {
max-width: 217px;
max-height: 100%; }
.indexContainer .honor .com .honors.honors-container .swiper-slide {
text-align: center; }
.indexContainer .honor .com .honors.honors-container .swiper-button-next {
right: 0px; }
.indexContainer .honor .com .honors.honors-container .swiper-button-prev {
left: 0px; }
.indexContainer .gongsi {
padding-top: 50px; }
.indexContainer .gongsi .gongsi_info {
position: relative;
margin: 0 28px;
height: 194px; }
.indexContainer .gongsi .gongsi_info .bor {
display: block;
width: 216px;
height: 100%;
border-top: 2px solid #0058AA;
border-left: 2px solid #0058AA;
position: absolute;
left: 0;
top: 0; }
.indexContainer .gongsi .gongsi_info .bor:before {
content: '';
width: 2px;
height: 30px;
background: #0058AA;
position: absolute;
top: 0;
right: 0; }
.indexContainer .gongsi .gongsi_info .more {
width: 105px;
height: 31px;
font-size: 14px;
color: #777777;
text-align: center;
line-height: 31px;
border-radius: 31px;
border: 1px solid #E5E5E5;
display: inline-block;
position: absolute;
right: 0;
top: 40px; }
.indexContainer .gongsi .gongsi_info .text {
padding-left: 20px;
padding-top: 50px; }
.indexContainer .gongsi .gongsi_info .text .title {
font-size: 24px;
color: #0058AA;
font-weight: bold; }
.indexContainer .gongsi .gongsi_info .text .dec {
height: 85px;
font-size: 14px;
color: #777;
line-height: 28px;
margin-top: 20px;
overflow: hidden;
text-indent: 2em; }
.indexContainer .gongsi .video_bg {
width: 100%;
height: 409px;
background: url("../img1/gsjj.jpg") no-repeat;
background-position: 20% 62%;
position: relative; }
.indexContainer .gongsi .video_bg .tip {
width: 216px;
height: 249px;
background: #0058AA;
position: absolute;
left: 28px;
top: 0;
font-size: 14px;
text-align: center;
color: #fff; }
.indexContainer .gongsi .video_bg .tip .title {
margin-top: 30px;
font-size: 24px; }
.indexContainer .gongsi .video_bg .tip .text1 {
color: #9eb4d5;
padding-top: 12px;
padding-bottom: 13px;
margin-bottom: 17px;
position: relative;
font-size: 22px; }
.indexContainer .gongsi .video_bg .tip .text1:before {
content: '';
width: 51px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: calc(50% - 51px/2); }
.indexContainer .gongsi .video_bg .tip .play {
width: 54px;
height: 54px;
background: #fff;
border-radius: 50%;
margin: 13px auto;
display: block;
position: relative; }
.indexContainer .gongsi .video_bg .tip .play:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 30px solid #0058AA;
left: calc(50% - 10px);
top: calc(50% - 17px); }
.indexContainer .gongsi .pic1111 {
margin-top: 55px;
margin-bottom: 70px;
font-size: 0;
height: 227px;
overflow: hidden; }
.indexContainer .gongsi .pic1111 .picsss {
width: 30000px; }
.indexContainer .gongsi .pic1111 #piccc1, .indexContainer .gongsi .pic1111 #piccc2 {
display: inline-block; }
.indexContainer .gongsi .pic1111 .pic-item {
width: 286px;
display: inline-block;
margin-right: 15px; }
.indexContainer .gongsi .pic1111 .pic-item img {
width: 100%;
height: 203px; }
.indexContainer .gongsi .pic1111 .pic-item .text {
font-size: 16px;
color: #757575;
line-height: 24px; }
.indexContainer .content4 {
height: calc(673px - 120px);
padding: 60px 0;
background: #F5F5F5;
position: relative; }
.indexContainer .content4 .biaochi {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 22px;
}
.indexContainer .content4 .com .c4_l {
width: 281px;
margin-right: 24px; }
.indexContainer .content4 .com .c4_l .title {
height: 62px;
line-height: 62px;
border-top: 1px solid #BFBFBF; }
.indexContainer .content4 .com .c4_l .title .title_l {
float: left; }
.indexContainer .content4 .com .c4_l .title .title_l .gt {
font-size: 24px;
color: #8B8B8B;
vertical-align: middle;
margin: 0 10px; }
.indexContainer .content4 .com .c4_l .title .title_l .text {
font-size: 16px;
color: #3E3E3E;
vertical-align: middle; }
.indexContainer .content4 .com .c4_l .title .more {
float: right;
color: #777777;
font-size: 14px; }
.indexContainer .content4 .com .c4_l .title .more:hover {
color: #1B81C5; }
.indexContainer .content4 .com .c4_l .pics-box {
width: calc(100% - 2px);
height: 446px;
border: 1px solid #BFBFBF;
}
.indexContainer .content4 .com .c4_l .pics {
width: 100%);
height: 406px;
margin-top:20px;
overflow: hidden; }
.indexContainer .content4 .com .c4_l .pics img {
width: calc(100% - 32px);
height: 141px;
margin: 0 16px;
margin-top: 16px; }
.indexContainer .content4 .com .c4_r {
width: 895px; }
.indexContainer .content4 .com .c4_r .title {
height: 62px;
line-height: 62px;
border-top: 1px solid #BFBFBF; }
.indexContainer .content4 .com .c4_r .title .title_l {
float: left; }
.indexContainer .content4 .com .c4_r .title .title_l .item {
margin-right: 30px;
cursor: pointer; }
.indexContainer .content4 .com .c4_r .title .title_l .item:hover .gt, .indexContainer .content4 .com .c4_r .title .title_l .item:hover .text {
color: #1B81C5; }
.indexContainer .content4 .com .c4_r .title .title_l .item .gt {
font-size: 24px;
color: #8B8B8B;
vertical-align: middle;
margin: 0 10px; }
.indexContainer .content4 .com .c4_r .title .title_l .item .text {
font-size: 16px;
color: #3E3E3E;
vertical-align: middle; }
.indexContainer .content4 .com .c4_r .title .more {
float: right;
color: #777777;
font-size: 14px; }
.indexContainer .content4 .com .c4_r .title .more:hover {
color: #1B81C5; }
.indexContainer .content4 .com .c4_r .c4com {
height: calc(448px - 60px - 1px);
padding: 30px;
border: 1px solid #BFBFBF; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l {
width: 283px;
float: left; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .c4item {
height: 343px; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .c4item img {
width: 283px;
height: 177px;
display: block;
margin-bottom: 20px; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .c4item .c4title {
color: #282828;
font-size: 16px; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .c4item .c4dec {
height: 120px;
overflow: hidden;
font-size: 14px;
color: #7B7B7B;
line-height: 28px;
margin: 10px 0;
margin-bottom: 0; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .paging {
text-align: right; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .paging span {
width: 31px;
height: 30px;
background: red;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 18px;
cursor: pointer;float:left; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .paging span#c4down {
color: #707070;margin-left: 221px;
background: #E3E3E3; }
.indexContainer .content4 .com .c4_r .c4com .c4com_l .paging span#c4up {
color: #fff;
background: #0058AA; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r {
width: 525px;
height: 100%;
float: right;
overflow: hidden; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a {
height: 24%;
width: 490px;
padding-left: 30px;
padding-right: 20px;
display: inline-block;
position: relative;
border-bottom: 1px dashed #D2D2D2; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a .text1 {
font-size: 16px;
color: #282828;
margin-top: 25px;
position: relative; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a .text2 {
font-size: 14px;
color: #7B7B7B;
line-height: 28px;
margin-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a:hover {
background: #D6D6D6; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a:hover .text1 {
color: #1B81C5; }
.indexContainer .content4 .com .c4_r .c4com .c4com_r a:hover .text1:before {
content: '';
position: absolute;
border-width: 6px;
border-style: solid;
border-color: transparent transparent transparent #1B81C5;
left: -20px;
top: 2px; }
.indexContainer .msg {
height: calc(670px - 50px);
padding-top: 50px; }
.indexContainer .msg .com img {
width: 385px;
height: 553px;
margin-left: 10px;
margin-right: 40px;
display: inline-block; }
.indexContainer .msg .com .msgright {
width: 738px;
display: inline-block;
vertical-align: top; }
.indexContainer .msg .com .msgright form .title {
height: 42px;
line-height: 42px;
text-align: center;
color: #3E3E3E;
font-size: 18px;
border-bottom: 1px solid #BFBFBF; }
.indexContainer .msg .com .msgright form .title span {
color: #AEC6DC;text-transform:uppercase; }
.indexContainer .msg .com .msgright form .row {
padding-top: 33px; }
.indexContainer .msg .com .msgright form .row input {
width: 327px;
height: 40px;
border: 1px solid #DCDCDC;
padding: 0 10px; }
.indexContainer .msg .com .msgright form .row textarea {
padding: 10px;
height: 106px;
width: calc(100% - 22px);
border: 1px solid #DCDCDC; }
.indexContainer .msg .com .msgright form .row .submit {
width: 140px;
height: 41px;
line-height: 41px;
text-align: center;
background: #0058AA;
color: #fff;
display: inline-block;
outline: 0;
border: 0; }
.indexContainer .msg .com .msgright .link {
width: 100%;
margin-top: 30px;
color: #727272; }
.indexContainer .msg .com .msgright .link .linktext {
font-size: 16px; }
.indexContainer .msg .com .msgright .link .links {
height: 68px;
overflow: hidden;
font-size: 0; }
.indexContainer .msg .com .msgright .link .links a {
margin-top: 20px;
margin-right: 40px;
display: inline-block;
font-size: 14px; }
.indexContainer .msg .com .msgright .link .links a:hover {
color: #1B81C5; }
.indexContainer .footer {
width: 100%;
height: 335px;
color: #fff;
position: relative;
background: url("../images/footer_bg.png"); }
.indexContainer .footer .com {
font-size: 0; }
.indexContainer .footer .com .lxwm {
padding-top: 60px;
width: 296px;
display: inline-block; }
.indexContainer .footer .com .lxwm .title {
font-size: 16px;font-weight:bold; }
.indexContainer .footer .com .lxwm .phone {
margin: 18px 0; }
.indexContainer .footer .com .lxwm .phone .value {
font-size: 22px; }
.indexContainer .footer .com .lxwm .phone .value2 {
color: #fff;
font-size: 12px;
padding-left: 20px; }
.indexContainer .footer .com .lxwm .li {
font-size: 14px;
line-height: 28px; }
.indexContainer .footer .com .lxwm .li .label {
width: 70px;
display: inline-block; }
.indexContainer .footer .com .footer_c {
font-size: 12px;
width: 440px;
vertical-align: top;
position: absolute;
left: calc(50% - 220px); }
.indexContainer .footer .com .footer_c .title {
padding-top: 60px;
font-size: 18px;
margin-bottom: 15px;
text-align: center;letter-spacing:8px; }
.indexContainer .footer .com .footer_c .ewms {
width: 100%;
height: 150px;
border-left: 1px solid #fff;
border-right: 1px solid #fff; }
.indexContainer .footer .com .footer_c .ewms .ewm {
width: 130px;
display: inline-block; }
.indexContainer .footer .com .footer_c .ewms .ewm .img {
width: 130px;
height: 130px;
background: #fff;
border-radius: 8px;
margin: 10px 0;
overflow: hidden; }
.indexContainer .footer .com .footer_c .ewms .ewm .img img {
width: 100%;
height: 100%; }
.indexContainer .footer .com .footer_c .ewms .ewm.e1 {
margin-left: 70px; }
.indexContainer .footer .com .footer_c .ewms .ewm.e2 {
margin-right: 70px; }
.indexContainer .footer .com .footer_c .ewms .ewm .text {
text-align: center; }
.indexContainer .footer .com .wzdh {
width: 282px;
font-size: 14px;
vertical-align: top;
padding-top: 50px;
margin-right: 80px;
display: inline-block; }
.indexContainer .footer .com .wzdh .title {
font-size: 16px;font-weight:bold; margin-left: 27px;}
.indexContainer .footer .com .wzdh a {
display: inline-block;
width: 100px;
margin-left: 27px;
margin-top: 15px;
overflow: hidden; }
.indexContainer .footer .com .wzdh a:hover {
color: #819299; }
.indexContainer .footer .footer_b {
width: 100%;
color: #fff;
height: 45px;
line-height: 45px;
text-align: center;
background: rgba(0, 0, 0, 0.3);
position: absolute;
bottom: 0; }
.indexContainer #gotop {
width: 50px;
height: 50px;
color: #fff;
background: #f08300;
text-align: center;
/*line-height: 50px;*/
position: fixed;
bottom: 128px;
right: 128px;
z-index: 33;
font-size: 12px;
border-radius: 50%;
cursor: pointer;
display: block; }
.indexContainer #gotop span{
display: block;
width: 100%;
font-size: 14px;
line-height: 15px;
margin-top: 10px;
}
/*.indexContainer #gotop:before {
content: '';
width: 15px;
height: 15px;
background: #ACAFB8;
border-radius: 50%;
position: absolute;
top: -7.5px;
left: 7px; }*/
/*# sourceMappingURL=style.css.map */
/*================================内页左侧通用================================================*/
.outside_box{width:100%;height:auto;overflow:hidden;background:#f5f5f5;box-shadow:1px 1px 7px #999 inset;padding-bottom:43px;}
.box{width:1200px;margin:auto;overflow:hidden;margin-top:35px;}
.box .left{width:240px;float:left;overflow:hidden;height:auto;}
.box .left .n-title{width:215px;float:left;height:82px;background:#404040;border-left:5px solid #007ac8;}
.box .left .n-title h4{font-size:24px;color:#fff;margin-top:17px;text-indent:22px;}
.box .left .n-title p{font-size:16px;color:#fff;text-indent:22px;text-transform:uppercase;margin-top:8px;}
.box .left .secondary{width:215px;float:left;display:block;border-left:5px solid #007ac8;margin-top:6px;}
.box .left .secondary li{width:width;min-height:70px;display:block;background:#404040;border-bottom:1px solid #515151;color:#fff;font-size:16px;position:relative;text-align:center;line-height:70px;}
.box .left .secondary li:last-child{border-bottom:none;}
.box .left .secondary .suspension{display:block;position:absolute;width:217px;height:56px;background-image: linear-gradient(45deg, #0058aa 0%, #008dd8 100%);top:8px;opacity:0;transition:all 0.3s ease 0s;left:0px;line-height:56px;display: flex;justify-content:center;align-items:Center;}
.box .left .secondary li:hover .suspension{opacity:1;transition:all 0.3s ease 0s;left:0px;}
.box .left .secondary li:hover .suspension .jt{transition:all 0.3s ease 0s;}
.box .left .secondary li:hover .suspension .jt.main{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.box .left .secondary .hover .suspension{opacity:1;transition:all 0.3s ease 0s;left:0px;}
.box .left .secondary .hover .suspension .jt{transition:all 0.3s ease 0s;}
.box .left .secondary .hover .suspension .jt.main{transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.box .left .secondary .suspension span:nth-child(1){display: flex;justify-content:center;align-items:Center;width:61px;}
.box .left .secondary .suspension span:nth-child(2){width:139px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box .left .secondary .suspension span:nth-child(3){display: flex;justify-content:center;align-items:Center;width:17px;}
.box .left .secondary .lowest{width:100%;height:auto;overflow:hidden;display:none;}
.box .left .secondary li ol{color:#c8c8c8;height:52px;line-height:52px;border-bottom:1px solid #515151;font-size:14px;transition:all 0.3s ease 0s;}
.box .left .secondary li ol a{display:block;width:100%;height:100%;}
.box .left .secondary li ol:hover{color:#0071bf;transition:all 0.3s ease 0s;}
.box .left .secondary li ol:nth-child(1){border-top:1px solid #515151;}
.box .left .secondary li ol:last-child{border-bottom:6px solid #515151;}
.box .left .secondary .lowest.main{display:block;}
.box .left .hotline{width:220px;float:left;background:#404040;border-top:8px solid #008dd8;margin-top:17px;height:106px;position:relative;}
.box .left .hotline h4{color:#fff;font-size:28px;text-align:center;margin-top:60px;}
.box .left .hotline .up{width:132px;height:51px;background:#fff;position:absolute;top:-8px;left:50%;margin-left:-66px;}
.box .left .hotline .up span{color:#a3b7d7;font-size:12px;display:block;text-align:center;text-transform:uppercase;margin-top:10px;}
.box .left .hotline .up p{color:#0e70d7;font-size:16px;display:block;text-align:center;text-transform:uppercase;margin-top:2px;}
.box .left .contact{width:220px;height:auto;overflow:hidden;background:#404040;margin-top:6px;float:left;padding-top:27px;padding-bottom:25px;}
.box .left .contact p{width:174px;margin:auto;color:#fff;font-size:14px;padding-left:18px;line-height:2em;}
.box .left .contact .tel{background:url(../images/licom_03.png)no-repeat left top 8px;}
.box .left .contact .qq{background:url(../images/licom_06.png)no-repeat left top 6px;}
.box .left .contact .add{background:url(../images/licom_10.png)no-repeat left top 6px;}
.box .right{width:930px;float:right;height:auto;overflow:hidden;background:#fff;}
.box .right.cpzx{background:none;}
.page{margin-top:30px;margin-bottom:30px;}
/*================================产å“列表================================================*/
.product{width:100%;height:auto;overflow:hidden;}
.product li{width:289px;float:left;margin-right: 31px;margin-bottom:25px;}
.product .img{width:289px;height:216px;display: flex;justify-content:center;align-items:Center;display:block;overflow:hidden;}
.product .img img{max-width:289px;max-height:216px;transition:all 1s ease 0s;}
.product .title{display:block;width:289px;height:52px;background:#fff;position:relative;}
.product .title p{width:289px;color:#565656;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;transition:all .3s ease 0s;top:17px;left:0;position:absolute;}
.product li:hover .img img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.product li:hover .title p{transition:all .3s ease 0s;color:#007ac8;top:12px;}
.product li:nth-child(3n+0){margin-right:0;}
/*================================产å“详情================================================*/
.product-details{width:1200px;margin:auto;overflow:hidden;height:auto;}
.p-d-nav{width:100%;height:64px;line-height:64px;color:#6a6a6a;font-size:14px;}
.p-d-nav .xz{color:#007eca;font-size:14px;}
.p-t-box{width:1200px;margin:auto;overflow:hidden;background:#fff;padding-top:21px;padding-bottom:23px;}
.ban{ width:568px; height:auto; position:relative; overflow:hidden;margin-left:26px;float:left;}
.ban2{ width:568px; height:425px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:568px; height:425px;}
.ban2 ul li a{display:block;display: flex;justify-content:center;align-items:Center;}
.ban2 ul li a img{max-width:568px;max-height:425px;}
.prev{ float:left; cursor:pointer;}
.num{ height:101px;overflow:hidden; width:100%; position:relative;float:left;}
.min_pic{ padding-top:10px; width:100%;height:auto;overflow:hidden;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:133px; height:99px; margin-right:7px; padding:1px;}
.num ul li a{display:block;display: flex;justify-content:center;align-items:Center;}
.num ul li a img{max-width:133px; max-height:99px;}
.num ul li.on{ border:1px solid #428aca; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{ width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
.p-t-infbox{width:525px;float:right;height:auto;overflow:hidden;margin-right:50px;}
.p-t-infbox .title{width:100%;border-bottom:1px solid #c9c9c9;}
.p-t-infbox .title p{color:#424242;font-size:24px;margin-top:18px;}
.p-t-infbox .title span{color:#007eca;font-size:16px;margin-top:14px;margin-bottom:24px;display:block;}
.p-t-parameter{width:100%;border-bottom:1px solid #c9c9c9;padding-top:36px;padding-bottom:10px;}
.p-t-parameter p{white-space:pre;color:#888888;font-size:14px;margin-bottom:20px;}
.p-t-advice{width:100%;border-bottom:1px solid #c9c9c9;height:auto;overflow:hidden;padding-bottom:34px;padding-top:34px;}
.p-t-advice a{display:block;float:left;width:157px;height:42px;display: flex;justify-content:center;align-items:Center;border:1px solid #006cbc;border-radius:42px;position:relative;overflow:hidden;}
.p-t-advice a:nth-child(2){margin-left:20px;}
.p-t-advice a b{position:absolute;transition:all 0.3s ease 0s;width:100%;height:100%;left:0;top:0;font-weight:normal;display: flex;justify-content:center;align-items:Center;color:#428aca;z-index:2;}
.p-t-advice a:before{position:absolute;top:0;left:0;background-image: linear-gradient(45deg, #0058aa 0%, #008dd8 100%);content:"";width:0%;height:100%;transition:all 0.3s ease 0s;}
.p-t-advice a:hover b{color:#fff;transition:all 0.3s ease 0s;}
.p-t-advice a:hover:before{width:100%;transition:all 0.3s ease 0s;}
.remind{color:#ea5858;font-size:14px;height:34px;margin-top:30px;background:url(../images/pro-t-i_03.png)no-repeat center left;line-height:30px;text-indent:42px;}
.det-com{width:1200px;margin:auto;overflow:hidden;height:auto;margin-top:20px;}
.det-com .left{width:903px;float:left;height:auto;overflow:hidden;}
.det-com .left .title{width:calc(100% - 5px);border-left:5px solid #428aca;height:auto;overflow:hidden;background:#fff;height:53px;line-height:53px;color:#515151;font-size:18px;text-indent:17px;overflow:hidden;}
.det-com .left .content{padding:26px;width:851px;background:#fff;height:auto;overflow:hidden;margin-top:5px;}
.det-com .right{width:280px;height:auto;overflow:hidden;float:right;}
.det-com .right .title{background-color:#fff;height:53px;line-height:53px;color:#3e3e3e;margin-bottom:5px;font-size:18px;text-indent:49px;background-image:url(../images/r-jt_07.png);background-repeat:no-repeat;background-position: center left 21px;}
.det-com .right .title a{float:right;color:#777777;font-size:14px;margin-right:15px;}
.det-com .right .case-list{width:100%;height:auto;overflow:hidden;background:#fff;padding-bottom:14px;margin-bottom:21px;}
.det-com .right .case-list li{width:252px;height:auto;overflow:hidden;margin:auto;margin-top:14px;}
.det-com .right .case-list li .img{width:252px;height:145px;display: flex;justify-content:center;align-items:Center;}
.det-com .right .case-list li .img img{max-width:252px;max-height:145px;}
.det-com .right .case-list li .subtitle{height:45px;line-height:45px;color:#5c5c5c;font-size:16px;width:100%;display:block;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.det-com .right .case-list.rec .subtitle{background:#f5f5f5;}
/*================================关于我们================================================*/
.about_com{width:850px;margin:auto;overflow:hidden;height:auto;margin-top:35px;margin-bottom:50px;}
/*================================è£èª‰èµ„è´¨================================================*/
.honor-list{width:870px;margin:auto;overflow:hidden;height:auto;margin-top:30px;}
.honor-list li{width:276px;height:auto;overflow:hidden;float:left;margin-right: 21px;margin-bottom:16px;}
.honor-list li:nth-child(3n+0){margin-right:0;}
.honor-list a{width:276px;height:215px;background:#f5f5f5;display:block;display: flex;justify-content:center;align-items:Center;}
.honor-list a img{max-width:276px;max-height:215px;}
.honor-list p{width:100%;color:#7c7c7c;font-size:18px;text-align:center;height:51px;line-height:51px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*================================新闻列表================================================*/
.news-list{width:100%;height:auto;overflow:hidden;margin-top:34px;}
.news-list li{width:865px;height:auto;overflow:hidden;border-bottom:1px solid #e5e5e5;padding:18px 32.5px;}
.news-list li:nth-child(even){background:#dcf2fe;}
.news-list .img{width:193px;height:120px;float:left;overflow:hidden;}
.news-list .img img{max-width:193px;max-height:120px;transition:all 1s ease 0s;}
.news-list li:hover .img img{max-width:193px;max-height:120px;transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.news-list .title{width:650px;float:right;color:#333333;font-size:18px;line-height:1em;margin-top:4px;transition:all 0.5s ease 0s;white-space: nowrap;text-overflow: ellipsis;}
.news-list li:hover .title{transition:all 0.5s ease 0s;transform: translateX(5px);-moz-transform: translateX(5px);-ms-transform: translateX(5px);-o-transform: translateX(5px);-webkit-transform: translateX(5px);color:#3f89c9;}
.news-list .time{background:url(../images/time_07.jpg)no-repeat center left;color:#333333;font-size:12px;width:650px;float:right;height:14px;line-height:14px;text-indent:20px;margin-top:18px;}
.news-list .description{width:650px;float:right;margin-top:10px;color:#333333;font-size:12px;line-height:1.75em;max-height:5.25em;overflow:hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
/*================================新闻详情================================================*/
.news-details{width:1200px;margin:auto;overflow:hidden;height:auto;}
.n-d-left{width:812px;height:auto;overflow:hidden;padding:33px;background:#fff;float:left;}
.n-d-left .n-d-title{width:100%;color:#007eca;font-size:25px;text-align:center;margin-top:10px;}
.n-d-left .n-d-time{width:100%;color:#9a9a9a;font-size:14px;text-align:center;margin-top:14px;}
.n-d-left .n-d-drce{width:calc(100% - 50px);color:#7a7a7a;font-size:14px;border:1px solid #dcdcdc;background:#f6f6f6;padding:24px;line-height:1.75em;text-indent:2em;margin-top:28px;}
.n-d-left .n-d-com{width:100%;height:auto;overflow:hidden;margin-top:30px;}
.n-d-left .n-d-share{width:100%;height:auto;overflow:hidden;margin-top:30px;color:#b9b9b9;font-size:14px;}
.n-d-left .n-d-share p{float:left;height:29px;line-height:29px;}
.n-d-left .n-d-share .bdsharebuttonbox{float:left;}
.n-d-left .n-d-newsnext{width:100%;border-top:1px solid #d2d2d2;margin-top:20px;}
.n-d-left .n-d-newsnext span{display:block;width:380px;border:1px solid #d2d2d2;border-radius:36px;height:36px;margin-top:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:36px;font-size:14px;color:#828282;text-align:center;}
.n-d-left .n-d-newsnext a{font-size:14px;color:#828282;}
.n-d-left .n-d-newsnext br{display:none;}
.n-d-left .n-d-newsnext .up{float:left;}
.n-d-left .n-d-newsnext .down{float:right;}
.n-d-right{width:300px;float:right;height:auto;overflow:hidden;background:#fff;}
.n-d-right .recommend{width:260px;margin:auto;color:#575757;font-size:18px;height:64px;line-height:74px;margin:auto;}
.n-d-right .recommend-list{width:258px;margin:auto;height:auto;overflow:hidden;border:1px solid #dcdcdc;}
.n-d-right .recommend-list li{width:242px;padding:13px;height:auto;overflow:hidden;border-bottom:1px solid #dcdcdc;color:#6e6e6e;font-size:14px;line-height:1.5em;}
.n-d-right .recommend-list li:last-child{border-bottom:none;}
.n-d-right .recommend-more{display:block;width:260px;margin:auto;overflow:hidden;margin-top:25px;border-top:1px solid #dcdcdc;height:67px;line-height:67px;color:#0071bf;font-size:16px;}
/*================================æ‹›è˜åˆ—表================================================*/
.job-list{width:785px;margin:auto;overflow:hidden;height:auto;}
.job-list .job-title{width:100%;position:relative;color:#606161;font-size:20px;margin-top:37px;margin-bottom:70px;}
.job-list .job-title:before{position:absolute;width:36px;height:2px;content:"";background-image: linear-gradient(45deg, #0058aa 0%, #008dd8 100%);top:29px;left:0;}
.job-list .job-list{width:100%;height:auto;overflow:hidden;}
.job-list .job-list li{width:100%;height:auto;overflow:hidden;margin-bottom:34px;}
.job-list .job-list .title{color:#3a3b3b;font-size:24px;width:100%;height:1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.job-list .job-list .info{color:#00a0e9;font-size:12px;margin-top:20px;line-height:1em;padding-bottom:27px;border-bottom:1px solid #e4eaec;}
.job-list .job-list .info span{margin-right:15px;}
.job-list .job-list .info span:nth-child(2){background:url(../images/job-icom_03.jpg)no-repeat center left;padding-left:15px;}
.job-list .job-list .info span:nth-child(3){background:url(../images/job-icom1_06.jpg)no-repeat center left;padding-left:13px;}
.job-list .job-list .info span:nth-child(4){background:url(../images/job-icom_09.jpg)no-repeat center left;padding-left:17px;}
.job-list .job-list .com{width:100%;height:aito;overflow:hidden;padding-bottom:30px;padding-top:30px;border-bottom:1px solid #e4eaec;}
.job-list .job-list .cv{width:100%;height:aito;overflow:hidden;padding-bottom:30px;padding-top:20px;border-bottom:1px solid #e4eaec;}
.job-list .job-list .cv a{display:block;width:128px;height:36px;margin-left:20px;border-radius:36px;background-image:linear-gradient(45deg,#0058aa 0%,#008dd8 100%);color:#fff;display: flex;justify-content:center;align-items:Center;}
/*================================æ‹›è˜è¯¦æƒ…================================================*/
.job-table{height:auto;overflow:hidden;margin-top:40px;margin-bottom:75px;}
.job-table label{color:#6c6c6c;font-size:16px;display:block;margin-bottom:16px;}
.job-table select{padding-left:10px;width:322px;height:42px;border:1px solid #bfbfbf;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/x-jt_03.jpg)no-repeat center right 21px;border-radius:5px;margin-bottom:27px;}
.job-table .input-text{padding-left:10px;width:310px;height:42px;border:1px solid #bfbfbf;border-radius:5px;margin-bottom:27px;}
.job-table .rad{color:#6c6c6c;font-size:16px;margin-bottom:27px;}
.job-table .textarea{color:#6c6c6c;font-size:16px;margin-bottom:27px;width:725px;height:230px;border-radius:5px;resize:none;padding:10px;}
.job-table .input-text.bz{width:735px;}
.job-table .an{height:44px;margin-top:35px;}
.job-table .submit{height:44px;width:157px;float:left;margin-right:24px;border:none;background:#c9c9c9;color:#fff;font-size:16px;border-radius:5px;}
.job-table .submit:nth-child(1){background-image:linear-gradient(45deg, #0058aa 0%, #008dd8 100%);}
/*================================è”系我们================================================*/
.contact-us{width:1200px;background:#fff;height:auto;overflow:hidden;margin-top:30px;}
.contact-us .con-info{width:850px;height:auto;overflow:hidden;margin:auto;margin-top:54px;}
.contact-us .con-info .web{width:515px;height:auto;overflow:hidden;float:left;}
.contact-us .con-info .web h4{color:#404040;font-size:24px;margin-bottom:27px;line-height:1em;}
.contact-us .con-info .web p{color:#676767;font-size:14px;margin-bottom:19px;line-height:1em;}
.contact-us .con-info .ewm{width:335px;float:left;height:auto;overflow:hidden;}
.contact-us .con-info .ewm img{width:124px;height:124px;float:left;margin-top:20px;}
.contact-us .con-info .ewm img:nth-child(1){margin-right:55px;}
.contact-us .con-add {width:1055px;margin:auto;overflow:hidden;height:354px;background:url(../images/add_03.jpg)no-repeat center center;}
.contact-us .con-add iframe{width:1045px;height:345px;margin:auto;margin-left:5px;margin-top:4.5px;}
.mess-name{width:1055px;margin:auto;overflow:hidden;height:auto;}
.mess-name .title{height:70px;text-align:center;margin-top:23px;color:#3e3e3e;font-size:24px;line-height:70px;border-bottom:1px solid #dcdcdc;}
.mess-name .title span{text-transform:uppercase;color:#aec6dc;font-size:24px;}
.mess-name .mess{width:1055px;margin:auto;overflow:hidden;height:auto;margin-top:33px;margin-bottom:50px;}
.mess-name .mess .input-text{padding:15px;color:#727272;font-size:14px;width:477px;margin-bottom:27px;}
.mess-name .mess .input-text:nth-child(2n+0){margin-left: 25px;}
.mess-name .mess .textarea{width:calc(100% - 32px);padding:15px;color:#727272;font-size:14px;height:216px;}
.mess-name .mess .submit{width:140px;height:40px;background:#0058aa;color:#fff;border:none;margin-top:25px;}
/*================================工厂实景================================================*/
.honor-list.scenery a{background:#fff;}
.honor-list.scenery p{text-align:left;}
/*================================案例================================================*/
.honor-list.case a{background:#fff;height:160px;overflow:hidden;}
/*================================æœç´¢================================================*/
.p-d-search{width:100%;height:auto;overflow:hidden;background:#fff;}
.search_mid{width: 883px;height: auto;margin: auto;}
.search_ipt{position: relative;width: 539px;padding:64px 0 54px 192px;}
.search_ipt input{width: 453px;height: 40px;border: 1px solid #c9c9c9;border-radius: 8px;padding-left: 20px;}
.search_ipt img{position: absolute;right: 65px;top: 65px;}
.search_ipt span{color: #606161;font-size: 18px;padding-left: 10px;}
.search_content{text-align: center;}
.content_word{height:26px;font-size: 14px;line-height: 26px;border-bottom: 1px dashed #c6c6c6;margin-bottom: 16px;}
.content_word .search_wz{color: #5a5a5a;float: left;}
.content_word .search_wz em{color: #007eca;}
.content_word .search_time{color: #acacac;float: right;}
.filtrate{text-align: center;color: #007eca;line-height: 124px;font-size: 14px;}
.search_box{width:518px;margin:auto;overflow:hidden;height:auto;margin-top:40px;margin-bottom:54px;}
.search_box .input_box{width:474px;height:40px;float:left;border:1px solid #c9c9c9;border-radius:5px;}
.search_box .input_box .input{height:38px;float:left;width:408px;margin-left:20px;border:none;}
.search_box .input_box .sub{height:40px;float:right;width:44px;background:url(../images/search_03.jpg)no-repeat center center;cursor:pointer;border:none;}
.search_box P {color:#606161;font-size:18px;height:42px;line-height:42px;float:right;}
/*================================专题页================================================*/
.banner.zty{position:relative;}
.b-search{position:absolute;width:1200px;height:118px;left:50%;margin-left:-600px;top:100%;margin-top:-59px;background:#fff;z-index:999;}
.x-form{width:591px;float:left;height:118px;float:left;}
.z-p-series-box{width:553px;height:38px;background:#f5f5f5;border-radius:38px;margin-left:38px;margin-top:27px;float:left;}
.z-keyword{width:553px;margin-left:38px;color:#818181;font-size:14px;margin-top:18px;float:left;}
.z-keyword a{color:#818181;font-size:14px;float:left;margin-right:35px;}
.z-keyword span{color:#818181;font-size:14px;float:left;}
.z-p-series-box .input{height:38px;padding:0;border:none;margin-left:21px;float:left;width: 475px;background:#f5f5f5;}
.z-p-series-box .submit{float:left;background:url(../images/search.png)no-repeat center center;border:none;height:38px;width:38px;cursor:pointer;}
.b-search .customized{float:left;height:118px;display: flex;justify-content:center;align-items:Center;color:#0073c1;font-size:16px;line-height:1.75em;margin-left:60px;}
.b-search .customized img{margin-right:17px;}
.b-search .z-p-ewm{height:109px;width:155px;background:#fafafa;float:left;background:url(../images/zt-ewm_03.jpg)no-repeat center center;margin-left:64px;margin-top:5px;}
.b-search .z-p-ewm img{width:92px;height:92px;float:left;margin-left:11px;margin-top:7px;}
.z-p-series-list{width:1200px;margin:auto;margin-top:55px;height:auto;overflow:hidden;padding-bottom:10px;}
.z-p-series-list li{width:375px;float:left;height:auto;overflow:hidden;margin-right: 35px;transition:all 0.3s ease 0s;}
.z-p-series-list li:hover{transition:all 0.3s ease 0s;box-shadow:4px 4px 7px #999;}
.z-p-series-list li:nth-child(3n+0){margin-right:0px;}
.z-p-series-list li .img{width:375px;height:281px;display:block;overflow:hidden;display: flex;justify-content:center;align-items:Center;}
.z-p-series-list li .img img{max-width:375px;max-height:281px; width:100%; height:100%}
.z-p-series-list li .l-title{width:100%;height:60px;display:block;position:relative;transition:all 0.3s ease 0s;}
.z-p-series-list li:hover .l-title{background:#fff;transition:all 0.3s ease 0s;}
.z-p-series-list li .l-title:before{position:absolute;width:29px;height:1px;background:#b5b5b5;content:"";top:29px;right:-29px;transition:all 0.3s ease 0s;opacity:0;}
.z-p-series-list li .l-title:after{position:absolute;width:1px;height:29px;background:#b5b5b5;content:"";top:-29px;right:33px;transition:all 0.3s ease 0s;opacity:0;}
.z-p-series-list li:hover .l-title:before{top:29px;right:19px;transition:all 0.3s ease 0.3s;opacity:1;}
.z-p-series-list li:hover .l-title:after{top:15px;right:33px;transition:all 0.3s ease 0.3s;opacity:1;}
.z-p-series-list li .l-title span{width:302px;height:60px;line-height:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left:25px;color:#565656;font-size:16px;display:block;}
.series-more{width:186px;height:46px;border:1px solid #c9c9c9;border-radius:46px;display:block;margin:auto;display: flex;justify-content:center;align-items:Center;color:#6d6d6d;font-size:14px;margin-top:39px;transition:all 0.3s ease 0s;}
.series-more:hover{background:#1B81C5;color:#fff;border:1px solid #1B81C5;transition:all 0.3s ease 0s;}
.z-p-series{width:100%;height:823px;background:#f5f5f5;position:relative;overflow:hidden;}
.z-p-series .title{color:#514e4d;font-size:32px;text-align:center;margin-top:119px;position:relative;}
.z-p-series .title:before{content:"";position:absolute;width:42px;height:1px;background:#008dd8;left:50%;margin-left:-21px;top:66px;}
.z-p-series .subtitle{color:#5a5a5a;font-size:16px;text-align:center;margin-top:50px;}
.fun{width:100%;height:auto;background:url(../images/function.jpg)no-repeat center;height:591px;position:relative;}
.fun .range-box{width:1200px;height:99px;position:absolute;background:#fff;left:50%;margin-left:-600px;bottom:100%;margin-bottom:-50px;}
.fun .range-box h4{width:143px;height:37px;border:1px solid #0072c1;float:left;margin-top:31px;margin-left:37px;}
.fun .range-box h4 span{width:139px;height:33px;display:block;background:#0072c1;margin:auto;margin-top:2px;display: flex;justify-content:center;align-items:Center;color:#fff;font-size:16px;}
.fun .range-box p{width:980px;height:37px;float:left;line-height:37px;color:#5a5a5a;font-size:16px;margin-left:21px;margin-top:31px;}
.fun .fun-com{width:1155px;height:502px;position:absolute;left:50%;margin-left:-541.5px;top: 142px;}
.fun .fun-com .fun-box{width:507px;height:502px;background:url(../images/box_03.png)no-repeat center center;display: flex;justify-content:center;align-items:Center;float:left;}
.fun .fun-com .fun-box img{max-width:507px;max-height:502px;}
.fun .fun-com .fun-txt{width:610px;float:right;height:auto;overflow:hidden;}
.fun .fun-com .fun-txt h4{color:#fff;font-size:32px;font-weight:normal;position:relative;margin-top:4px;}
.fun .fun-com .fun-txt h4:before{width:42px;height:1px;background:#fff;content:"";top:66px;position:absolute;left:0;}
.fun .fun-com .fun-txt h3{color:#fff;font-size:14px;font-weight:normal;margin-top:50px;}
.fun .fun-com .fun-txt-box{color:#fff;font-size:14px;margin-top:36px;line-height:2.3em;}
.advantage{width:100%;height:800px;background:#f5f5f5;overflow:hidden;}
.advantage .title{color:#514e4d;font-size:32px;text-align:center;margin-top:130px;position:relative;}
.advantage .title:before{position:absolute;width:42px;height:1px;background:#1094da;content:"";left:50%;margin-left:-21px;top:70px;}
.advantage .subtitle{color:#505050;font-size:14px;text-align:center;margin-top:56px;position:relative;}
.advantage .adv-box{width:1200px;height:402px;margin:auto;margin-top:55px;}
.advantage .adv-box .disp{width:600px;float:left;height:201px;}
.advantage .adv-box .disp:nth-child(2){background:#fff;}
.advantage .adv-box .disp:nth-child(3){background:#fff;}
.advantage .adv-box .disp .img{width:135px;float:left;height:201px;overflow:hidden;}
.advantage .adv-box .disp .img img{margin-left:37px;margin-top:39px;}
.advantage .adv-box .disp .txt{width:465px;float:left;height:201px;}
.advantage .adv-box .disp .txt h4{font-size:32px;color:#0b0b0b;margin-top:38px;}
.advantage .adv-box .disp .txt h4 span{font-size:18px;color:#7f7f7f;font-weight:normal;margin-left:16px;text-transform:uppercase;}
.advantage .adv-box .disp .txt p{color:#666666;font-size:14px;margin-top:18px;line-height:2em;text-justify:inter-ideograph;text-align:justify;width:400px; }
.system-xq{width:100%;height:847px;overflow:hidden;}
.system-xq .title{color:#514e4d;font-size:32px;text-align:center;margin-top:94px;position:relative;}
.system-xq .title:before{position:absolute;width:42px;height:1px;background:#1094da;content:"";left:50%;margin-left:-21px;top:70px;}
.system-xq .subtitle{color:#505050;font-size:14px;text-align:center;margin-top:53px;position:relative;}
.system-xq .system-table{ border-collapse: collapse; margin:auto;margin-top:60px; }
/*.system-xq .system-table th,td{width:238px;height:98px;} */
.system-xq .system-table th{ background: #a5cee8 nonerepeat scroll 0 0; border: 1px solid #a5cee8; color: #fff; }
.system-xq .system-table td{ border: 1px solid#a5cee8;}
.system-xq .system-table .s-box{width:238px;height:98px;display: flex;justify-content:center;align-items:Center;}
.system-xq .system-table .s-box .img{width:63px;height:98px;display: flex;justify-content:center;align-items:Center;}
.system-xq .system-table .s-box p{width:175px;height:98px;display: flex;justify-content:center;align-items:Center;}
.system-xq .system-table .s-box p span{display:block;width:100%;color:#434343;font-size:14px;line-height:1.5em;}
.reason{width:100%;height:769px;background:url(../images/reason.jpg)no-repeat center;overflow:hidden;}
.reason .title{color:#514e4d;font-size:32px;text-align:center;margin-top:94px;position:relative;}
.reason .title:before{position:absolute;width:42px;height:1px;background:#1094da;content:"";left:50%;margin-left:-21px;top:68px;}
.reason .subtitle{color:#505050;font-size:14px;text-align:center;margin-top:45px;position:relative;}
.reason .reason-box{width:365px;height:362px;background:url(../images/reason_05.png)no-repeat center center;margin:auto;margin-top:94px;position:relative;}
.reason .reason-box .one{position:absolute;display: flex;justify-content:center;align-items:Center;left: -274px;top: -31px;}
.reason .reason-box .one .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .one .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .one .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .one .txt{float:left;margin-right:64px;width:290px;}
.reason .reason-box .one .txt h4{text-align:right;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .one .txt p{text-align:right;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .one:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .one:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .two{position:absolute;display: flex;justify-content:center;align-items:Center;left: -367px;top: 69px;}
.reason .reason-box .two .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .two .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .two .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .two .txt{float:left;margin-right:64px;width: 290px;}
.reason .reason-box .two .txt h4{text-align:right;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .two .txt p{text-align:right;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .two:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .two:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .three{position:absolute;display: flex;justify-content:center;align-items:Center;left: -379px;top: 197px;}
.reason .reason-box .three .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .three .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .three .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .three .txt{float:left;margin-right:64px;width: 290px;}
.reason .reason-box .three .txt h4{text-align:right;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .three .txt p{text-align:right;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .three:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .three:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .four{position:absolute;display: flex;justify-content:center;align-items:Center;left: -274px;top: 308px;}
.reason .reason-box .four .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .four .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .four .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .four .txt{float:left;margin-right:64px;width: 290px;}
.reason .reason-box .four .txt h4{text-align:right;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .four .txt p{text-align:right;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .four:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .four:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .five{position:absolute;display: flex;justify-content:center;align-items:Center;right: -285px;top: 308px;}
.reason .reason-box .five .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .five .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .five .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .five .txt{float:left;margin-left:64px;width: 290px;}
.reason .reason-box .five .txt h4{text-align:left;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .five .txt p{text-align:left;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .five:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .five:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .six{position:absolute;display: flex;justify-content:center;align-items:Center;right: -370px;top: 197px;}
.reason .reason-box .six .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .six .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .six .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .six .txt{float:left;margin-left:64px;width: 290px;}
.reason .reason-box .six .txt h4{text-align:left;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .six .txt p{text-align:left;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .six:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .six:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .seven{position:absolute;display: flex;justify-content:center;align-items:Center;right: -370px;top: 69px;}
.reason .reason-box .seven .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .seven .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .seven .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .seven .txt{float:left;margin-left:64px;width: 290px;}
.reason .reason-box .seven .txt h4{text-align:left;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .seven .txt p{text-align:left;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .seven:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .seven:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.reason .reason-box .eight{position:absolute;display: flex;justify-content:center;align-items:Center;right: -285px;;top: -31px;}
.reason .reason-box .eight .number{width:80px;height:80px;background:#007eca;border-radius:81px;display: flex;justify-content:center;align-items:Center;font-size:42px;color:#fff;float:right;position:relative;z-index:8;transition:all 0.3s ease 0s;}
.reason .reason-box .eight .number .radius{position:absolute;width:0px;height:0px;border-radius:0;background:#fff;left:40px;top:40px;z-index:9;display: flex;justify-content:center;align-items:Center; opacity: 0;transition:all .3s ease .3s;}
.reason .reason-box .eight .number .radius img{width:146px;height:146px;border-radius:146px;transition:all 0.3s ease 0s;opacity:0;}
.reason .reason-box .eight .txt{float:left;margin-left:64px;width: 290px;}
.reason .reason-box .eight .txt h4{text-align:left;color:#514e4d;font-size:16px;line-height:1em;}
.reason .reason-box .eight .txt p{text-align:left;color:#514e4d;font-size:14px;line-height:22px;margin-top:8px;}
.reason .reason-box .eight:hover .number .radius{width:154px;height:154px;border-radius:154px;left:-37px;top:-37px;opacity: 1;transition:all .3s ease 0s;}
.reason .reason-box .eight:hover .txt{}
.reason .reason-box .eight:hover .number .radius img{opacity: 1;transition:all .3s ease .3s;}
.explain{width:100%;height:900px;background:#fff;}
.explain .title{color:#514e4d;font-size:32px;text-align:center;margin-top:94px;position:relative;}
.explain .title:before{position:absolute;width:42px;height:1px;background:#1094da;content:"";left:50%;margin-left:-21px;top:68px;}
.explain .subtitle{color:#505050;font-size:14px;text-align:center;margin-top:45px;position:relative;}
.explain .explain-box{width:1141px;margin:auto;overflow:hidden;height:auto;margin-top:77px;}
.explain .explain-box img{display:block;float:left;}
.explain .explain-box .exp-txt{width:479px;height:267px;border:1px solid #0072c1;float:left;margin-left:29px;margin-top:21px;position:relative;}
.explain .explain-box .exp-txt h4{width: 143px;height: 37px;border: 1px solid #0072c1;position:absolute;top:-20px;left:-26px;}
.explain .explain-box .exp-txt h4 span{width: 139px;height: 33px;display: block;background: #0072c1;margin: auto;margin-top: 2px;display: flex;justify-content: center;align-items: Center;color: #fff;font-size: 16px;}
.explain .explain-box .exp-txt .txt{width:431px;height:auto;overflow:hidden;margin:auto;margin-top:30px;color:#626262;font-size:16px;line-height:1.75em;}
.explain .explain-box .exp-img{width:479px;height:auto;overflow:hidden;margin-top:25px;float:left;margin-left:29px;}
.explain .explain-box .exp-img img{float:left;}
.explain .explain-box .exp-img img:nth-child(1){margin-right: 7px;}
.z-case{width:100%;height:957px;background:#f5f5f5;overflow:hidden;}
.z-case .title{color:#514e4d;font-size:32px;text-align:center;margin-top:70px;position:relative;}
.z-case .title:before{position:absolute;width:42px;height:1px;background:#1094da;content:"";left:50%;margin-left:-21px;top:68px;}
.z-case .subtitle{color:#505050;font-size:14px;text-align:center;margin-top:45px;position:relative;}
.z-p-series-list.z-case-list li {margin-bottom:40px;}
.z-p-series-list.z-case-list li .img{height: 213px;}
.z-p-series-list.z-case-list li .img img{max-height: 213px;}
.series-more.zcase{margin-top:0;}
/*================================网站地图================================================*/
.webadd{width:100%;height:auto;background:#f5f5f5;padding-bottom:25px;padding-top:25px;}
.webadd .addbox{width:910px;height:auto;background:#fff;margin:auto;overflow:hidden;padding-bottom:30px;}
.webadd .addbox .addbox-title{width:760px;height:auto;background:#fff;margin:auto;margin-top:47px;font-size:24px;color:#646464;position:relative;padding-bottom: 34px;border-bottom:1px solid #f0f0f0;margin-bottom:30px;}
.webadd .addbox .addbox-title:before{position:absolute;width:28px;height:1px;background:#9d9e9e;left:0;top:22px;}
.webadd .addbox .add-list{width:660px;margin:auto;overflow:hidden;height:auto;}
.webadd .addbox .add-list .heb{width:100%;margin:auto;overflow:hidden;height:auto;background:url(../images/20180601175029_03.jpg)repeat-y left 113px top;}
.webadd .addbox .add-list .heb .lea{width:86px;height:26px;border:1px solid #dbdbdb;display:block;display: flex;justify-content:center;align-items:Center;color:#646464;font-size:14px;float:left;margin-bottom:24px;}
.webadd .addbox .add-list .heb .heb-list{float:left;height:auto;overflow:hidden;width:500px;margin-left:40px;}
.webadd .addbox .add-list .heb .heb-list a{float:left;padding-left:10px;padding-right:10px;height:26px;border:1px solid #dbdbdb;display:block;display: flex;justify-content:center;align-items:Center;color:#646464;font-size:14px;float:left;margin-left:11px;margin-bottom:24px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.fenye1 a{ padding:5px; padding-left:10px; padding-right:10px; background:#696969; color:#FFFFFF; margin-left:5px; line-height:2.2}
.fenye1 a.link{ background:#2697D2; color:#FFFFFF;}