html {
font: 14px/24px Arial, "Source Han Sans", "Microsoft YaHei", "Hiragino Sans GB", "PingFang SC", STHeiti, "WenQuanYi Micro Hei", Helvetica, sans-serif;
}
.lang {
float: right;
line-height: 77px;
height: 77px;
padding-top: 2px;
}
.lang a {
color: #333;
}
.lang a:hover {
color: #173378;
}
.lang img {
width: 15px;
height: 15px;
vertical-align: middle;
}
body,
html,
div,
a,
span,
p,
ul,
li,
img,
h1,
h2,
h3,
h4,
h5,
h6,
input {
margin: 0;
padding: 0;
}
img {
border: 0 none;
}
a {
text-decoration: none;
vertical-align: top;
cursor: pointer;
color:#000;
}
a:hover{text-decoration:none;}
body a.wfEditorMode {
display: none;
}
body.wfEditorMode a.wfEditorMode {
display: block;
height: 1.3em;
line-height: 1.3em;
float: right;
margin: 0;
padding: 0 0.5em;
background: white;
color: #99ccff;
margin-top: -1.3em
}
body.wfEditorMode a.wfEditorMode {
display: block;
height: 1.3em;
line-height: 1.3em;
float: right;
margin: 0;
padding: 0 0.5em;
background: white;
color: #3879D9;
margin-top: -1.3em;
z-index: 10;
position: relative;
font-size: 14px;
font-weight: normal;
}
li {
list-style: none;
}
.clearfix {
display: block;
*zoom: 1;
/* height: 1%; */
}
.clearfix:after {
display: block;
content: "\0020";
clear: both;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearBefore:before {
content: "";
font-size: 0;
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearAfter:after {
content: "";
font-size: 0;
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.contact_silder {
position: fixed;
top: 50%;
width: 36px;
height: 120px;
margin-top: -60px;
background: url(../images/contact_bg.png) no-repeat;
background-size: cover;
right: 0;
display:none;
}
.contact_silder .c_s_inner {
padding-top: 10px;
padding-left: 7px;
}
.contact_silder .c_s_inner p {
width: 24px;
padding-top: 27px;
background: url(../images/contact_bg02.png) no-repeat center top;
color: #ffffff;
line-height: 18px;
font-size: 14px;
text-align: center;
}
.page-cen {
position: relative;
width: 1400px;
margin: 0 auto;
}
.grid {
display: none;
}
.sideopen .grid {
display: block;
}
.container {
z-index: 5;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: -moz-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: -ms-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
position: relative;
overflow: hidden;
}
.three {
-webkit-transform: translateX(330px);
-moz-transform: translateX(330px);
-ms-transform: translateX(330px);
transform: translateX(330px);
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: -moz-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: -ms-transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1);
}
body.sideopen .three {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
/**************common start***********************/
.gotop {
display: none;
width: 50px;
height: 50px;
cursor: pointer;
position: fixed;
right: 30px;
bottom: 20%;
z-index: 99999;
background: url(../images/togreen.png) no-repeat 0 0;
transition: background .3s ease-in;
-moz-transition: background .3s ease-in;
-webkit-transition: background .3s ease-in
}
.gotop:hover {
background-image: url(../images/top1.png)
}
.search-area {
text-align: center;
margin-top: 214px
}
.search-area form {
display: inline-block
}
.search-area .search_input {
float: left;
border: 1px solid #969696;
width: 417px;
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 2px 53px 2px 5px
}
.search-area .btn {
width: 116px;
height: 36px;
float: left;
border: 0;
cursor: pointer;
color: #fff;
background: #c8c8c8
}
.search-result-content .title {
font-size: 18px;
color: #02abe2;
line-height: 32px
}
.search-error,
.search-result-empry {
text-align: center;
width: 100%;
padding: 50px 0;
max-width: 1200px;
margin: 0 auto 100px
}
.search-result-content {
max-width: 1200px;
margin: auto
}
.search-item {
padding: 20px 0;
border-bottom: 1px dashed #333
}
.header {
height: 80px;
background-color: #fff;
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 999;
border-bottom: 1px solid #e8e8e8;
}
.header .logo-pic {
position: absolute;
left: 40px;
top: 0;
width: 260px;
height: 80px;
background: url(../images/logo_index.png) top 5px center no-repeat
}
.header .logo-text{position: absolute;
left: 240px;
top: 18px;
width: 320px;
font-size: 20px;
color: #173378;
line-height: 26px;
font-weight:bold;
}
.header .logo-text span{ font-size:16px; }
.header .search {
float: right;
width: 70px;
height: 70px;
line-height: 70px;
background: url(../images/search_index.jpg) no-repeat 0 0;
margin-left: -10px;
}
.header ul {
float: right;
top: 0;
margin:0px;
padding:0px;
}
.header ul li {
float: left;
position: relative;
}
.header ul li .h1{ margin:0px; padding:0px;}
.header .hide_menu {
position: absolute;
top: 80px;
left: 0;
}
.header .h_m_inner {
padding: 10px 15px 30px;
background: #005bab;
}
.header .hide_menu {
display: none;
}
.header .hide_menu .h_m_ele {
/* padding-right: 18px; */
width: 118px;
border-bottom: 1px solid #e5e5e5;
}
.header .hide_menu .h_m_ele p {
line-height: 50px;
height: 50px;
color: #fff;
padding-right: 18px;
margin:0px;}
.header .hide_menu .h_m_ele p:hover {
/* color: #909090; */
color: #fff;
background: url(../images/h_m_ele.png) no-repeat right center;
}
.header .hide_menu .h_m_ele_p {
/* padding-right: 18px; */
width: 225px;
border-bottom: 1px solid #e5e5e5;
float:left;
margin:0px 10px;
overflow: hidden;
}
.header .hide_menu .h_m_ele_p:nth-child(2n+2){margin-right:0px;}
.header .hide_menu .h_m_ele_p p {
line-height: 36px;
height: 36px;
color: #333333;
padding-right: 18px;
}
.header .hide_menu .h_m_ele_p p:hover {
/* color: #909090; */
color: #173378;
background: url(../images/h_m_ele.png) no-repeat right center;
}
.header ul li .h1 p {
color: #333333;
line-height: 80px;
height: 80px;
padding: 0 30px;
font-size:16px;
margin:0px;
}
.header ul li.active .h1 p {
color: #173378;
border-color: #173378;
background: #005bab;
}
.header ul li.curren .h1 p {
color: #fff;
border-color: #173378;
background: #005bab;
}
.header ul li .h1 a:hover p {
color: #fff;
border-color: #173378;
background: #005bab;
}
.footer {
background-color: #005bab;
height: auto !important
}
.footer .footer-top {
padding: 30px 0
}
.footer .footer-top .input_con {
border: none;
border-bottom: 1px solid #fff;
outline: none;
color: #fff;
width: 100%;
max-width: 100%;
padding-left: 29px;
padding-bottom: 1px;
height: 30px;
background: none;
background: url(../images/icon_search.png) no-repeat 0 50%;
display: block;
}
.footer .footer-list li a:hover {
text-decoration: none;
color: #fff;
}
.footer .footer-top form {
position: relative;
}
.footer .footer-top .btn {
position: absolute;
height: 32px;
width: 29px;
left: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer;
}
.footer .footer-list {
margin-top: 50px
}
.footer .footer-list li {
float: left;
width: 100px;
margin-right: 20px
}
.footer .footer-list li span {
font-weight: bold;
margin-bottom: 12px;
display: block;
color: #fff;
font-size: 15px
}
.footer .footer-list li .weibo {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
background: url(../images/weibo.png) no-repeat 50% #373737;
margin-right: 10px
}
.footer .footer-list li .wechat {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
background: url(../images/wechat.png) no-repeat center center #373737;
position: relative;
left: 50%;
margin-left: -25px;
}
.footer .footer-list li .wechat .weixin {
position: absolute;
width: 155px;
left: -156px;
top: -107px;
display: none;
}
.footer .footer-list li .wechat:hover .weixin {
display: none;
}
.footer .footer-list li p {
font-size: 13px;
color: #dadada;
line-height: 26px
}
.footer .footer-list li.follow {
margin-right: 0;
float: right;
position: relative;
padding-bottom: 36px;
margin-left: 12px;
width: 130px;
}
.footer .footer-list li.follow .weixin_img {
position: static;
top: 96px;
left: -23px;
width: 100%;
margin-top: 20px;
}
.footer .footer-list li.follow .weixin_img img {
width: 100%;
}
.footer .foot-bottom {
padding: 20px 0;
line-height: 20px;
background-color: #373737;
color: #dadada
}
.footer .foot-bottom ul {
overflow: hidden
}
.footer .foot-bottom ul li {
float: left
}
.footer .foot-bottom a {
color: #dadada
}
/**************common end***********************/
.hbanner {
width: 100%;
height:298px;
position: relative;
overflow: hidden;
}
.hbanner .nav_crumbs {
height: 51px;
background: url(../images/nav_crumbs_bg.png) repeat-x left bottom;
}
.hbanner .nav_crumbs_inner {
padding-right: 120px;
padding-top: 13px;
text-align: right;
}
.hbanner .nav_crumbs_inner p {
color: #ffffff;
}
.hbanner .nav_crumbs_inner p a {
color: #ffffff;
}
.hbanner .nav_crumbs_inner p a:hover {
color: #173378;
}
.hbanner .hbanner-img {
position: absolute;
width: 1920px;
left: 50%;
margin-left: -960px;
top: 0;
z-index: -1;
}
.hbanner .hbanner-title {
padding-top: 50px;
width: 614px;
}
.hbanner .hbanner-title p {
font-size: 18px;
line-height: 32px;
color: #ffffff;
}
.hbanner .hbanner-title .h {
font-size: 40px;
line-height: 80px;
}
#customer_service .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #ffffff url(../images/cur_ser_sec01.jpg) no-repeat;
background-size: cover;
}
#customer_service .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#customer_service .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#customer_service .sec01_title .h_p {
font-size: 24px;
line-height: 38px;
}
#customer_service .sec01_p {
padding-bottom: 60px;
width: 665px;
margin: 0 auto;
text-align: center;
}
#customer_service .sec01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer_service .sec01_eles {
width: 665px;
margin: 0 auto;
}
#customer_service .sec01_ele {
float: left;
width: 20%;
}
#customer_service .sec01_ele .icon_block {
height: 60px;
position: relative;
text-align: center;
}
#customer_service .sec01_ele .font_block {
padding-top: 10px;
text-align: center;
}
#customer_service .sec01_ele p {
font-size: 18px;
line-height: 24px;
color: #333333;
}
#customer_service .section02 {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
overflow-x: hidden;
background: #ffffff url(../images/cur_ser_sec02.jpg) no-repeat;
background-size: cover;
}
#customer_service .sec02_con {
padding-top: 50px;
padding-bottom: 80px;
background: url(../images/cur_ser_bg.png) repeat;
}
#customer_service .sec02_con .sec01_title p {
color: #ffffff;
}
#customer_service .sec02_eles {
padding-top: 46px;
}
#customer_service .sec02_ele {
float: left;
width: 33.333%;
}
#customer_service .sec02_ele_inner {
height: 288px;
border-right: 1px solid rgba(255, 255, 255, 0.2)
}
#customer_service .sec02_ele_last .sec02_ele_inner {
border: none;
}
#customer_service .sec02_icon {
height: 92px;
text-align: center;
}
#customer_service .sec02_e_title {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
#customer_service .sec02_e_title p {
font-size: 24px;
font-weight: bold;
line-height: 38px;
color: #ffffff;
}
#customer_service .sec02_e_title .line {
width: 50px;
margin: 0 auto;
padding-top: 28px;
border-bottom: 1px solid #ffffff;
}
#customer_service .sec02_e_con {
width: 238px;
margin: 0 auto;
padding-top: 10px;
text-align: center;
}
#customer_service .sec02_e_con p {
color: #ffffff;
font-size: 14px;
line-height: 28px;
}
#customer_service .section03 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #ffffff;
}
#customer_service .sec03_title {
text-align: center;
}
#customer_service .sec03_title p {
font-size: 36px;
line-height: 45px;
color: #333333;
}
#customer_service .sec03_title .h_p {
font-size: 24px;
line-height: 38px;
}
#customer_service .sec03_con {
padding-top: 33px;
overflow-y: hidden;
}
#customer_service .s03_ele {
float: left;
width: 33.333%;
}
#customer_service .s03_e_padd {
padding: 0 12px;
}
#customer_service .s03_ele .imgWrap img {
display: block;
width: 100%;
}
#customer_service .s03_ele .font_wrap {
padding-top: 22px;
}
#customer_service .s03_title p {
font-size: 18px;
line-height: 32px;
color: #333333;
}
#customer_service .section03 .moreWrap {
padding-top: 38px;
}
#customer_service .section03 .more {
width: 138px;
height: 40px;
border: 1px solid #173378;
background: #173378;
border-radius: 38px;
margin: 0 auto;
}
#customer_service .section03 .more p {
text-align: center;
line-height: 40px;
color: #ffffff;
}
#customer_service .section03 .more:hover {
background: #ffffff;
}
#customer_service .section03 .more:hover p {
color: #173378;
}
#customer_safe .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow: hidden;
background: #ffffff url(../images/cur_ser_sec01.jpg) no-repeat;
background-size: cover;
}
#customer_safe .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#customer_safe .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#customer_safe .sec01_title .h_p {
font-size: 24px;
line-height: 38px;
}
#customer_safe .sec01_p {
padding-bottom: 30px;
width: 800px;
margin: 0 auto;
text-align: center;
}
#customer_safe .sec01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer_safe .four_icon {
padding-bottom: 30px;
margin: 0 -18px;
}
#customer_safe .f_icon_ele {
float: left;
width: 25%;
}
#customer_safe .f_icon_e_padd {
padding: 0 18px;
}
#customer_safe .four_icon .icon_img {
height: 63px;
position: relative;
text-align: center;
}
#customer_safe .f_icon_e {
padding: 35px;
height: 313px;
background: #f6f6f6;
}
#customer_safe .four_icon .f_title {
padding-top: 32px;
text-align: center;
height: 60px;
}
#customer_safe .four_icon .f_title p {
font-size: 22px;
line-height: 38px;
color: #173378;
}
#customer_safe .four_icon .f_con {
padding-top: 10px;
}
#customer_safe .four_icon .f_con p {
font-size: 14px;
line-height: 24px;
color: #666666;
}
#customer_safe .t_icon_ele {
float: left;
width: 50%;
}
#customer_safe .two_icon {
margin: 0 -18px;
}
#customer_safe .t_icon_e_padd {
padding: 0 18px;
}
#customer_safe .t_icon_e {
padding: 54px 95px;
background: #f6f6f6;
height: 156px;
}
#customer_safe .section02 {
position: relative;
padding-bottom: 78px;
overflow: hidden;
background: #ffffff;
}
#customer_safe .sec02_ele {
padding-bottom: 67px;
}
#customer_safe .sec02_title {
text-align: center;
}
#customer_safe .sec02_title p {
font-size: 22px;
color: #173378;
line-height: 38px;
}
#customer_safe .sec02_e_con {
padding-top: 24px;
position: relative;
}
#customer_safe .silder_ele {
padding: 0 5px;
width: 262px;
float: left;
}
#customer_safe .sec02_e_con .font_block {
padding-top: 16px;
font-size: 14px;
line-height: 24px;
}
#customer_safe .prev_Sample,
#customer_safe .next_Sample {
position: absolute;
top: 100px;
width: 64px;
height: 63px;
margin-top: -32px;
background: url(../images/arrow.png) no-repeat 0 0;
cursor: pointer;
}
#customer_safe .prev_Sample {
left: -50px;
}
#customer_safe .next_Sample {
background-position: -64px 0;
right: -50px;
}
#customer_safe .next_Sample:hover {
background-position: -64px -64px;
}
#customer_safe .prev_Sample:hover {
background-position: 0 -64px;
}
#customer_safe .sec02_e_con .imgWrap {
height: 185px;
}
#customer_safe .sec02_e_con .imgWrap img {
width: 100%;
}
#customer_safe .sec02_e_con .font_block p {
color: #666666;
}
#customer_safe .t_icon_font {
height: 65px;
text-align: center;
}
#customer_safe .t_icon_font p {
font-size: 22px;
line-height: 38px;
color: #173378;
}
#customer_safe .t_icon_con {
padding-top: 10px;
}
#customer_safe .t_icon_con p {
font-size: 14px;
color: #666666;
line-height: 24px;
}
#customer .sectionwrap {
position: relative;
}
.common_inner .option_switch {
position: relative;
height: 79px;
background: #ffffff;
text-align: center;
font-size: 0px;
border-bottom: 1px solid #f6f6f6;
}
.common_inner .option_switch .o_s_ele {
display: inline-block;
/*width: 126px;*/
padding: 0 20px;
height: 76px;
line-height: 76px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 3px solid transparent;
text-align: center;
/* padding-top: 26px; */
cursor: pointer;
}
.common_inner .option_switch .o_s_title {
display: inline-block;
width: 126px;
height: 76px;
line-height: 76px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 3px solid transparent;
text-align: center;
}
.common_inner .option_switch .o_s_ele.active {
border-left-color: #e5e5e5;
border-right-color: #e5e5e5;
border-top-color: #173378;
background: #f5f5f5;
}
.common_inner .option_switch .o_s_ele:hover {
border-left-color: #e5e5e5;
border-right-color: #e5e5e5;
border-top-color: #173378;
background: #f5f5f5;
}
.common_inner .option_switch .o_s_ele p {
font-size: 16px;
color: #333333;
/* line-height: 24px; */
/* padding: 0 20px; */
}
.common_inner .option_switch .o_s_title p {
font-size: 16px;
color: #333333;
}
.common_inner .option_switch .o_s_ele.active p,
.common_inner .option_switch .o_s_ele:hover p {
color: #173378;
}
#customer .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
}
#customer .section01 {
background: #f6f6f6;
}
#customer .sec01_con {
position: relative;
}
#customer .sec01_con .img_block {
width: 50%;
/* z-index: 0; */
/* position: relative; */
position: absolute;
top: 0;
left: 0;
float: left;
}
#customer .sec01_con .img_block img {
width: 100%;
}
#customer .sec01_con .font_block {
padding-left: 40%;
padding-top: 138px;
position: relative;
z-index: 2;
/* float: left; */
}
#customer .sec01_con .f_b_padd {
padding: 60px 77px;
background: #ffffff;
}
#customer .sec01_con .f_b_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#customer .sec01_con .f_b_padd .p_wrap {
padding-bottom: 31px;
}
#customer .sec01_con .f_b_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer .sec01_con .f_b_padd .tel {
font-size: 16px;
line-height: 32px;
color: #173378;
background: url(../images/tel24.png) no-repeat left 2px;
padding-left: 45px;
}
#customer .section02 {
background: #ffffff;
}
#customer .sec02_title {
text-align: center;
padding-bottom: 20px;
}
#customer .sec02_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#customer .section02 .slider_wrap {
position: relative;
}
#customer .section02 .slider .s_ele {
float: left;
width: 433px;
height: 376px;
padding: 0 14px;
}
#customer .section02 .slider .imgWrap {
height: 276px;
overflow: hidden;
}
#customer .section02 .slider .imgWrap img {
width: 100%;
}
#customer .section02 .slider .fontWrap {
padding-top: 16px;
}
#customer .section02 .slider .fontWrap p {
font-size: 14px;
color: #333333;
line-height: 28px;
}
#customer .section02 .sec02_pagination {
position: relative;
padding-top: 20px;
height: 30px;
width: 100%;
text-align: center;
z-index: 10;
}
#customer .section02 .sec02_pagination a {
display: inline-block;
padding: 0 6px;
}
#customer .section02 .sec02_pagination a span {
display: inline-block;
width: 14px;
height: 14px;
font-size: 0;
overflow: hidden;
text-indent: 1000px;
background: url(../images/pag_cir.png) no-repeat center center;
}
#customer .section02 .sec02_pagination a.selected span {
background-image: url(../images/pag_cir_selected.png);
}
#customer .section03 {
background: #f6f6f6;
}
#customer .sec02_p {
padding-bottom: 60px;
width: 665px;
margin: 0 auto;
text-align: center;
}
#customer .sec02_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer .sec03_con01 {
position: relative;
height: 448px;
}
#customer .sec03_ele {
position: relative;
height: 448px;
padding-bottom: 78px;
}
#customer .sec03_ele .line {
padding-top: 30px;
width: 30px;
border-bottom: 2px solid #173378;
}
#customer .sec03_con01 .left_img {
width: 50%;
float: left;
height: 100%;
overflow: hidden;
}
#customer .sec03_con01 .left_font {
width: 50%;
float: left;
height: 100%;
background: #ffffff;
}
#customer .sec03_con01 .sec03_ele_even .left_img {
float: right;
}
#customer .sec03_con01 .left_f_padd {
padding: 90px 40px 0 40px;
}
#customer .sec03_con01 .left_f_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#customer .sec03_con01 .left_f_padd .p_wrap {
padding-top: 30px;
padding-bottom: 31px;
}
#customer .sec03_con01 .left_f_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer .sec03_con01 .left_f_padd .more {
padding-top: 16px;
}
#customer .sec03_con01 .left_f_padd .more a {
color: #173378;
}
#customer .sec03_con01 .left_f_padd .more a:hover {
text-decoration: none;
}
#customer .sec03_con01 .left_f_padd .p_wrap p strong {
color: #173378;
}
#customer .sec03_con01 .left_f_padd .p_wrap p a {
color: #173378;
}
#customer .sec03_con01 .left_f_padd .p_wrap p a:hover {
text-decoration: none;
}
#customer .sec03_con01 .left_f_padd .tel {
font-size: 16px;
line-height: 32px;
color: #173378;
background: url(../images/tel24.png) no-repeat left 2px;
padding-left: 45px;
}
#customer .sec03_con02 {
padding-top: 78px;
margin-left: -25px;
margin-right: -25px;
overflow-y: hidden;
}
#customer .sec03_con02 .s03_ele {
float: left;
width: 25%;
}
#customer .sec03_con02 .s03_border {
padding: 0 25px;
}
#customer .sec03_con02 .s03_inner {
padding-left: 24px;
padding-right: 24px;
padding-top: 48px;
height: 245px;
background: #ffffff;
}
#customer .sec03_con02 .title {
padding-left: 57px;
}
#customer .sec03_con02 .s03_ele01 .title {
background: url(../images/c_s03_icon01.png) no-repeat left 3px;
}
#customer .sec03_con02 .s03_ele02 .title {
background: url(../images/c_s03_icon02.png) no-repeat left 3px;
}
#customer .sec03_con02 .s03_ele03 .title {
background: url(../images/c_s03_icon03.png) no-repeat left 3px;
}
#customer .sec03_con02 .s03_ele04 .title {
background: url(../images/c_s03_icon04.png) no-repeat left 3px;
}
#customer .sec03_con02 .title p {
padding: 13px 0;
font-size: 18px;
line-height: 32px;
color: #173378;
}
#customer .sec03_con02 .p_wrap {
padding-top: 16px;
}
#customer .sec03_con02 .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#customer_scheme .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
}
#customer_scheme .section01 {
background: #f5f5f5;
}
#customer_scheme .section02 {
background: #ffffff;
}
#customer_scheme .section03 {
background: #f5f5f5;
}
#customer_scheme .section03 .moreWrap {
padding-top: 80px;
}
#customer_scheme .section03 .more {
width: 212px;
height: 58px;
margin: 0 auto;
border: 1px solid #173378;
border-radius: 58px;
background: #173378;
}
#customer_scheme .section03 .more p {
text-align: center;
line-height: 58px;
font-size: 14px;
color: #ffffff;
}
#customer_scheme .section03 .more:hover {
background: #ffffff;
}
#customer_scheme .section03 .more:hover p {
color: #173378;
}
#customer_scheme .sec01_con {
position: relative;
}
#customer_scheme .sec01_con .img_block {
width: 50%;
/* z-index: 0; */
/* position: relative; */
position: absolute;
top: 0;
left: 0;
float: left;
}
#customer_scheme .sec01_con .img_block img {
width: 100%;
}
#customer_scheme .sec01_con .font_block {
padding-left: 40%;
padding-top: 138px;
position: relative;
z-index: 2;
/* float: left; */
}
#customer_scheme .sec01_con .f_b_padd {
padding: 60px 77px;
background: #ffffff;
}
#customer_scheme .sec01_con .f_b_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#customer_scheme .sec01_con .f_b_padd .p_wrap {
padding-bottom: 31px;
}
#customer_scheme .sec01_con .f_b_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer_scheme .sec01_con .f_b_padd .tel {
font-size: 16px;
line-height: 32px;
color: #173378;
background: url(../images/tel24.png) no-repeat left 2px;
padding-left: 45px;
}
#customer_scheme .sec02_title {
text-align: center;
padding-bottom: 36px;
}
#customer_scheme .sec02_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#customer_scheme .sec02_con .ele01_imgBlock {
float: left;
width: 50%;
height: 500px;
overflow: hidden;
}
#customer_scheme .sec02_con .ele01_fontBlock {
width: 50%;
float: left;
}
#customer_scheme .sec02_con .ele01_font_inner {
padding-left: 55px;
padding-top: 96px;
}
#customer_scheme .sec02_con .ele_title p {
font-size: 32px;
color: #333333;
line-height: 45px;
}
#customer_scheme .sec02_con .ele_con_p {
padding-top: 18px;
}
#customer_scheme .sec02_con .ele_con_p p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#customer_scheme .sec02_con .ele_con_p .list p {
padding-left: 34px;
position: relative;
}
#customer_scheme .sec02_con .ele_con_p .list p span {
position: absolute;
left: 0;
top: 0;
}
#customer_scheme .sec02_block02 {
padding-top: 22px;
}
#customer_scheme .sec02_con .ele2 {
float: left;
width: 50%;
}
#customer_scheme .sec02_con .ele2_inner {
padding-top: 150px;
padding-left: 137px;
}
#customer_scheme .sec02_con .ele2_inner .imgWrap {
padding-top: 20px;
}
#customer_scheme .sec02_con .ele2_inner .imgWrap img {
width: 100%;
}
#customer_scheme .sec02_con .ele3 {
float: left;
width: 50%;
}
#customer_scheme .sec02_con .ele3_inner {
padding-left: 137px;
}
#customer_scheme .sec02_con .ele3_inner .imgWrap {
padding-bottom: 20px;
}
#customer_scheme .sec02_con .ele3_inner .imgWrap img {
width: 100%;
}
#customer_scheme .section03 table {
width: 100%;
background: #ffffff;
border-color: #ececec;
}
#customer_scheme .section03 table th {
font-size: 18px;
padding: 15px 15px;
text-align: left;
color: #173378;
font-weight: normal;
}
#customer_scheme .section03 table th:first-child {
color: #333333;
}
#customer_scheme .section03 table td {
font-size: 14px;
padding: 15px 15px;
}
#customer_scheme .section03 table td:first-child {
color: #173378;
}
#customer_install .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#customer_install .section01 {
background: #f6f6f6;
}
#customer_install .sec01_title {
text-align: center;
}
#customer_install .sec01_title p {
font-size: 30px;
line-height: 44px;
color: #333333;
}
#customer_install .sec01_con {
padding-top: 60px;
overflow-y: hidden;
}
#customer_install .sec01_ele {
width: 33.333%;
float: left;
}
#customer_install .sec01_ele_border {
padding: 0 18px;
}
#customer_install .sec01_ele_inner {
padding-top: 69px;
padding-left: 18px;
padding-right: 18px;
background: #ffffff;
height: 452px;
border-radius: 10px;
}
#customer_install .sec01_ele .icon_wrap {
position: relative;
height: 120px;
text-align: center;
}
#customer_install .sec01_ele .icon_wrap img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
#customer_install .sec01_ele .title {
text-align: center;
padding-top: 23px;
}
#customer_install .sec01_ele .h_wrap {
height: 58px;
}
#customer_install .sec01_ele .h_wrap p {
font-size: 20px;
line-height: 38px;
color: #666666;
}
#customer_install .sec01_ele .line {
width: 50px;
margin: 0 auto;
border-bottom: 1px solid #d1d1d1;
}
#customer_install .sec01_ele .con_p {
padding-top: 20px;
text-align: center;
}
#customer_install .sec01_ele .con_p.f_left {
text-align: left;
}
#customer_install .sec01_ele .con_p p {
font-size: 14px;
line-height: 24px;
color: #666666;
}
#customer_detail .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#customer_detail .section01 {
background: #f6f6f6;
}
#customer_detail .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#customer_detail .sec01_title p {
font-size: 30px;
line-height: 44px;
color: #333333;
}
#customer_detail .sec02_p {
padding-bottom: 60px;
width: 800px;
margin: 0 auto;
text-align: center;
}
#customer_detail .sec02_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#customer_detail .sec01_con {
padding-top: 60px;
overflow-y: hidden;
margin: 0 -8px;
}
#customer_detail .sec01_01_con img {
width: 100%;
display: block;
}
#customer_detail .sec01_01_con {
overflow-y: hidden;
}
#customer_detail .sec01_ele {
width: 20%;
float: left;
}
#customer_detail .sec01_ele_border {
padding: 0 8px;
}
#customer_detail .sec01_ele_inner {
padding-top: 42px;
padding-left: 14px;
padding-right: 14px;
background: #ffffff;
height: 328px;
border-radius: 10px;
}
#customer_detail .sec01_ele .icon_wrap {
position: relative;
height: 65px;
text-align: center;
}
#customer_detail .sec01_ele .icon_wrap img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
#customer_detail .sec01_ele .title {
text-align: center;
padding-top: 23px;
}
#customer_detail .sec01_ele .h_wrap {
height: 58px;
}
#customer_detail .sec01_ele .h_wrap p {
font-size: 18px;
line-height: 27px;
color: #666666;
}
#customer_detail .sec01_ele .line {
width: 50px;
margin: 0 auto;
border-bottom: 1px solid #d1d1d1;
}
#customer_detail .sec01_ele .con_p {
padding-top: 20px;
text-align: center;
}
#customer_detail .sec01_ele .con_p p {
font-size: 14px;
line-height: 24px;
color: #666666;
}
#duty_safe .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#duty_safe .section02 {
padding-bottom: 0;
}
#duty_safe .section01 {
background: #f6f6f6;
}
#duty_safe .section .sec_title {
padding-bottom: 60px;
text-align: center;
}
#duty_safe .section .sec_title h3 {
font-size: 36px;
line-height: 45px;
color: #333333;
font-weight: normal;
}
#duty_safe .section .sec_title p {
padding-top: 16px;
font-size: 16px;
line-height: 32px;
color: #333333;
}
#duty_safe .sec01_con {
height: 472px;
overflow-x: hidden;
}
#duty_safe .sec01_con .left_img {
float: left;
width: 50%;
height: 100%;
overflow: hidden;
}
#duty_safe .sec01_con .right_font {
float: left;
width: 50%;
height: 100%;
background: #ffffff;
}
#duty_safe .sec01_con .right_padd {
padding-top: 90px;
padding-left: 60px;
padding-right: 60px;
}
#duty_safe .sec01_con .right_padd p {
font-size: 14px;
line-height: 28px;
padding-bottom: 26px;
color: #333333;
}
#duty_safe .sec02_con {
position: relative;
}
#duty_safe .sec02_con .silder_ele {
height: 678px;
overflow: hidden;
position: relative;
float: left;
}
#duty_safe .sec02_con img {
display: block;
}
#duty_safe .sec02_con .pos_p {
width: 358px;
position: absolute;
right: 18%;
top: 33%;
}
#duty_safe .sec02_con .pos_p p {
font-size: 16px;
line-height: 32px;
color: #333333;
}
#duty_safe .sec02_con .pos_p .h {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#duty_safe .sec02-pagination {
position: absolute;
left: 0px;
right: 0;
bottom: 40px;
/* top: 159px; */
text-align: center;
z-index: 10;
}
#duty_safe .sec02-pagination a span {
display: inline-block;
height: 0;
font-size: 0;
overflow: hidden;
text-indent: 1000px;
width: 12px;
height: 12px;
margin: 0 5px;
background: #fff;
background: url(../images/un_disc.png) no-repeat center center;
}
#duty_safe .sec02-pagination a.selected span {
background: url(../images/sel_disc.png) no-repeat center center;
}
#duty_safe .sec03_con {
padding-top: 68px;
}
#duty_safe .sec03_con .mobile_pic {
text-align: center;
padding-bottom: 24px;
}
#duty_safe .sec03_con .mobile_pic img {
max-width: 100%;
}
#duty_safe .sec03_con .p_wrap {
text-align: center;
padding-bottom: 16px;
}
#duty_safe .sec03_con .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#duty_safe .sec03_con .readerMore {
width: 170px;
height: 53px;
margin: 0 auto;
cursor: pointer;
background: url(../images/pro_more.png) no-repeat center center;
}
#duty_safe .sec03_con .readerMore:hover {
background-image: url(../images/pro_more_hover.png);
}
#duty_safe .sec03_con .readerMore p {
font-size: 14px;
line-height: 53px;
text-align: center;
color: #333333;
}
#duty_safe .sec03_con .readerMore:hover p {
color: #005bac;
}
#duty_environment .section01 {
background: #f6f6f6;
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#duty_environment .section .sec_title {
padding-bottom: 60px;
text-align: center;
}
#duty_environment .section .sec_title h3 {
font-size: 36px;
line-height: 45px;
color: #333333;
font-weight: normal;
}
#duty_environment .section .sec_title .p_wrap {
margin: 0 auto;
width: 800px;
}
#duty_environment .section .sec_title p {
padding-top: 16px;
font-size: 16px;
line-height: 32px;
color: #333333;
}
#duty_environment .sec01_con {
overflow-x: hidden;
}
#duty_environment .sec01_con .sec01_ele {
height: 380px;
}
#duty_environment .sec01_img {
float: left;
width: 50%;
height: 100%;
overflow: hidden;
}
#duty_environment .sec01_font {
float: left;
width: 50%;
height: 100%;
}
#duty_environment .sec01_ele.even .sec01_img {
float: right;
}
#duty_environment .sec01_font_in {
padding: 75px 70px 0;
}
#duty_environment .sec01_font .title {
padding-top: 9px;
padding-bottom: 6px;
}
#duty_environment .sec01_font .title p {
font-size: 24px;
line-height: 38px;
color: #333333;
}
#duty_environment .sec01_font .pWrap {
padding-top: 5px;
}
#duty_environment .sec01_font .pWrap p {
font-size: 14px;
line-height: 24px;
}
#duty_respon .section01 {
background: #f6f6f6;
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#duty_respon .sec01_con {
padding-bottom: 38px;
height: 374px;
}
#duty_respon .sec01_con .sec01_font {
float: left;
width: 50%;
height: 100%;
}
#duty_respon .sec01_con.even .sec01_font {
float: right;
}
#duty_respon .sec01_con .sec01_f_padd {
height: 100%;
padding-right: 10px;
}
#duty_respon .sec01_con.even .sec01_f_padd {
padding-right: 0;
padding-left: 10px;
}
#duty_respon .sec01_con .sec01_f_inner {
height: 100%;
background: #ffffff;
}
#duty_respon .sec01_con .sec01_f_con {
padding-left: 36px;
padding-top: 50px;
padding-right: 36px;
}
#duty_respon .sec01_title {
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
color: #333333;
}
#duty_respon .sec01_title p {
font-size: 24px;
line-height: 33px;
}
#duty_respon .sec01_p {
padding-top: 10px;
}
#duty_respon .sec01_p p {
font-size: 15px;
line-height: 24px;
color: #333333;
padding-bottom: 10px;
}
#duty_respon .sec01_con .sec01_img {
float: left;
width: 50%;
height: 100%;
overflow: hidden;
}
#duty_respon .sec01_con .sec01_img_padd {
height: 100%;
padding-left: 10px;
}
#duty_respon .sec01_con.even .sec01_img_padd {
padding-left: 0;
padding-right: 10px;
}
#duty_respon .sec01_con .sec01_img_inner {
height: 100%;
position: relative;
}
#duty_respon .sec02_imgs {
padding-bottom: 38px;
height: 330px;
}
#duty_respon .sec02_img_ele {
float: left;
width: 31.6%;
height: 100%;
}
#duty_respon .sec02_img_ele.padd_inter {
padding-right: 2.6%;
}
#duty_respon .sec02_imgs_con {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
#news .section01 {
background: #f6f6f6;
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#news .sec01_ele {
padding-bottom: 50px;
height: 310px;
}
#news .sec01_img {
float: left;
width: 50%;
height: 100%;
}
#news .sec01_img_padd {
padding-right: 40px;
height: 100%;
}
#news .sec01_img_con {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
#news .sec01_img_con img {
width: 100%;
}
#news .sec01_font {
float: left;
width: 50%;
height: 100%;
}
#news .sec01_font_inner {
padding-top: 60px;
}
#news .sec01_title {
padding-bottom: 12px;
}
#news .sec01_title p {
font-size: 16px;
line-height: 32px;
color: #3d3d3d;
}
#news .sec01_title p:hover {
color: #173378;
}
#news .sec01_p {
padding-bottom: 20px;
border-bottom: 1px solid #d5d5d5;
}
#news .sec01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#news .sec01_p p:hover {
color: #173378;
}
#news .sec01_font .p_time {
padding-top: 10px;
}
#news .sec01_font .p_time p {
font-size: 16px;
color: #666666;
line-height: 32px;
}
#news .sec01_font .p_time p:hover {
color: #173378;
}
#solution .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
}
#solution .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#solution .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#solution .sec01_p {
padding-bottom: 60px;
width: 665px;
margin: 0 auto;
text-align: center;
}
#solution .sec01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#solution .sec01_left {
float: left;
width: 50%;
}
#solution .sec01_right {
float: left;
width: 50%;
}
#solution .sec01_l_inner {
padding-right: 25px;
}
#solution .sec01_r_inner {
padding-left: 25px;
}
#solution .sec01_ele {
height: 494px;
border: 1px solid #e6e6e6;
}
#solution .sec01_ele .imgWrap {
height: 378px;
overflow: hidden;
}
#solution .sec01_ele .imgWrap img {
width: 100%;
}
#solution .sec01_ele .font_wrap {
padding-top: 26px;
text-align: center;
}
#solution .sec01_ele .font_wrap p {
font-size: 24px;
line-height: 38px;
color: #333333;
}
#solution .sec01_ele .font_wrap .line {
width: 30px;
margin: 0 auto;
border-bottom: 1px solid #173378;
padding-top: 10px;
}
#solution .section01 .moreWrap {
padding-top: 38px;
}
#solution .section01 .more {
width: 138px;
height: 40px;
border: 1px solid #173378;
background: #173378;
border-radius: 38px;
margin: 0 auto;
}
#solution .section01 .more p {
text-align: center;
line-height: 40px;
color: #ffffff;
}
#solution .section01 .more:hover {
background: #ffffff;
}
#solution .section01 .more:hover p {
color: #173378;
}
#solution .section02 {
position: relative;
height: 527px;
overflow-x: hidden;
background: url(../images/solu_sec02bg.jpg) no-repeat;
background-size: cover;
}
#solution .sec02_font {
padding-top: 138px;
width: 526px;
}
#solution .sec02_title {
padding-bottom: 30px;
}
#solution .sec02_title p {
font-size: 50px;
line-height: 65px;
color: #333333;
}
#solution .sec02_con {
padding-bottom: 30px;
}
#solution .sec02_con p {
font-size: 14px;
line-height: 32px;
color: #333333;
}
#solution .sec02_btn {
width: 138px;
height: 40px;
border: 1px solid #999999;
border-radius: 58px;
}
#solution .sec02_btn p {
text-align: center;
line-height: 40px;
font-size: 14px;
color: #333333;
}
#solution .sec02_btn:hover {
background: #173378;
border-color: #173378;
}
#solution .sec02_btn p:hover {
color: #fff;
}
/**/
#solution .section03 {
position: relative;
padding-bottom: 78px;
padding-top: 78px;
overflow: hidden;
background: #f6f6f6;
}
#solution .s03_title {
padding-bottom: 20px;
text-align: center;
}
#solution .s03_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#solution .s03_cata {
text-align: center;
padding-bottom: 60px;
}
#solution .s03_c_ele {
display: inline-block;
padding: 5px;
}
#solution .s03_c_ele p {
width: 172px;
height: 46px;
border-radius: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
cursor: pointer;
color: #333333;
background: transparent;
}
#solution .s03_c_ele p:hover,
#solution .s03_c_ele.active p {
color: #ffffff;
background: #173378;
}
#solution .s03_slider_ele {
display: none;
position: relative;
padding-bottom: 80px;
}
#solution .s03_slider_ele.active {
display: block;
}
#solution .s03_slider_ele .slider_ele {
float: left;
padding: 0 10px;
width: 328px;
height: 456px;
}
#solution .s03_slider_ele .slider_ele img {
width: 100%;
}
#solution .s03_slider_ele .paging {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
#solution .s03_slider_ele .paging a {
margin: 0 5px;
width: 12px;
height: 12px;
background: url(../images/des_cir.png) no-repeat center center;
display: inline-block;
font-size: 0;
line-height: 0;
text-indent: 1000;
overflow: hidden;
}
#solution .s03_slider_ele .paging a.selected {
background-image: url(../images/des_cir_active.png);
}
#product .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
}
#product .section_odd {
background: #f6f6f6;
}
#product .section_even {
background: #ffffff;
}
#product .section07 {
background: #f6f6f6;
}
#product .section_con {
height: 353px;
position: relative;
}
#product .section_con .font_block {
width: 50%;
height: 100%;
}
#product .section_con .font_block_inner {
height: 100%;
}
#product .section_con .img_block {
width: 50%;
height: 100%;
}
#product .section_con .img_block_inner {
height: 100%;
}
#product .section_con .font_con {
position: relative;
height: 100%;
}
#product .section_con .font_con .num {
width: 95px;
height: 95px;
float: left;
text-align: center;
}
#product .section01 .font_con .num {
background: #17354f;
}
#product .section02 .font_con .num {
background: #b6b6b6;
}
#product .section03 .font_con .num {
background: #2ab272;
}
#product .section04 .font_con .num {
background: #173378;
}
#product .section05 .font_con .num {
background: #3e3a39;
}
#product .section06 .font_con .num {
background: #d1ad59 url(../images/pro_font_con_bg.jpg) no-repeat;
background-size: cover;
}
#product .section_con .font_con .num p {
color: #ffffff;
}
#product .section_con .font_con .num .digit {
font-size: 36px;
line-height: 32px;
padding-top: 19px;
}
#product .section_con .font_con .num .serise {
font-size: 18px;
line-height: 32px;
}
#product .section_con .font_con .ft_title {
padding-left: 137px;
padding-top: 27px;
}
#product .section05 .section_con .font_con .ft_title {
padding-top: 14px;
}
#product .section_con .font_con .ft_title p {
font-size: 32px;
line-height: 37px;
color: #333333;
}
#product .section_con .font_con .ft_title td {
word-break: break-all;
}
#product .section_con .font_con .readerMore {
width: 170px;
height: 53px;
position: absolute;
left: 0;
bottom: 20px;
cursor: pointer;
background: url(../images/pro_more.png) no-repeat center center;
}
#product .section_con .font_con .readerMore:hover {
background-image: url(../images/pro_more_hover.png);
}
#product .section_con .font_con .readerMore p {
font-size: 14px;
line-height: 53px;
text-align: center;
color: #333333;
}
#product .section_con .font_con .readerMore:hover p {
color: #005bac;
}
#product .section_con .font_con .p_wrap {
padding-top: 46px;
}
#product .section_con .font_con .p_wrap p {
font-size: 16px;
line-height: 29px;
color: #484848;
}
#product .section_con .img_con {
position: relative;
height: 100%;
overflow: hidden;
}
#product .section_con .img_con img {
width: 100%;
}
#product .section_odd .font_block {
float: left;
}
#product .section_odd .img_block {
float: right;
}
#product .section_odd .font_block_inner {
padding-right: 34px;
}
#product .section_odd .img_block_inner {
padding-left: 34px;
}
#product .section_even .font_block {
float: right;
}
#product .section_even .img_block {
float: left;
}
#product .section_even .font_block_inner {
padding-left: 34px;
}
#product .section_even .img_block_inner {
padding-right: 34px;
}
#product .sec07_title {
text-align: center;
}
#product .sec07_title p {
font-size: 36px;
line-height: 45px;
color: #333333;
}
#product .sec07_con {
padding-top: 33px;
overflow-y: hidden;
}
#product .s07_ele {
float: left;
width: 33.333%;
}
#product .s07_e_padd {
padding: 0 12px;
}
#product .s07_ele .imgWrap img {
display: block;
width: 100%;
}
#product .s07_ele .font_wrap {
padding-top: 22px;
}
#product .s07_title p {
font-size: 18px;
line-height: 32px;
color: #333333;
}
#product .s07_title p:hover {
color: #005bac;
}
#product .font_wrap .p_wrap {
padding-top: 10px;
padding-bottom: 20px;
}
#product .font_wrap .p_wrap p {
font-size: 14px;
line-height: 24px;
color: #333333;
}
#product .font_wrap .p_wrap p:hover {
color: #005bac;
}
#product .font_wrap .readerMore p {
font-size: 14px;
color: #666666;
}
#product .font_wrap .readerMore p:hover {
color: #005bac;
}
#about .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
}
#about .section01 {
/*background: #ffffff url(../images/about_sec01_bg.jpg) no-repeat center bottom;*/
}
#about .sec_title {
text-align: center;
padding-bottom: 26px;
}
#about .sec_title p {
font-size: 36px;
line-height: 45px;
color: #333333;
}
#about .section .p_wrap p {
font-size: 14px;
line-height: 24px;
color: #777;
}
#about .sec01_con .three_cir {
padding: 40px 0;
width: 1000px;
margin: 0 auto;
}
#about .sec01_con .three_cir_ele {
float: left;
width: 33.333%;
text-align: center;
}
#about .sec01_con .t_c_cir {
width: 230px;
height: 230px;
display: inline-block;
position: relative;
}
#about .sec01_con .cir_bg {
display: block;
width: 100%;
height: 100%;
}
#about .sec01_con .pos_font {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
#about .sec01_con .pos_font .num {
padding-top: 60px;
}
#about .sec01_con .pos_font .num p {
font-size: 80px;
line-height: 79px;
color: #173378;
}
#about .sec01_con .pos_font .p_intro {
padding-top: 9px;
}
#about .sec01_con .pos_font .p_intro p {
font-size: 14px;
line-height: 19px;
color: #666666;
}
#about .section02 {
background: url(../images/a_sec02_bg.jpg) no-repeat center center;
background-size: cover;
}
#about .section02 .sec_title p {
color: #ffffff;
}
#about .section02 .p_wrap p {
color: #ffffff;
}
#about .sec02_cir {
padding: 35px 0;
width: 643px;
margin: 0 auto;
}
#about .s02_c_ele {
width: 33.333%;
text-align: center;
float: left;
}
#about .s02_c_ele .s02_c_e {
display: inline-block;
width: 138px;
height: 138px;
position: relative;
}
#about .s02_c_ele .s02_c_e .s02_c_bg01 {
width: 100%;
height: 100%;
}
#about .s02_c_ele .s02_c_e p {
position: absolute;
width: 100%;
top: 64%;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #ffffff;
}
#about .section03 {
background: #ffffff;
}
#about .sec03_con {
position: relative;
background: url(../images/ab_cir_line.png) repeat-x center 135px;
}
#about .sec03_con .slider_ele {
float: left;
width: 276px;
height: 606px;
position: relative;
}
#about .sec03_con .slider_ele .bg_line {
position: absolute;
bottom: 0px;
right: 0px;
height: 370px;
width: 2px;
background: url(../images/bg_line.png) repeat-y;
}
#about .sec03_con .iconWrap {
height: 146px;
position: relative;
text-align: center;
}
#about .sec03_con .icon_01 {
position: absolute;
left: 0;
right: 0;
bottom: 0px;
margin: 0 auto;
cursor: pointer;
}
#about .sec03_con .icon_02 {
display: none;
}
#about .sec03_con .slider_ele.active .iconWrap {
height: 263px;
}
#about .sec03_con .slider_ele.active .icon_01 {
display: none;
}
#about .sec03_con .slider_ele.active .icon_02 {
width: 96%;
display: inline-block;
}
#about .sec03_con .font_block {
padding-top: 16px;
}
#about .sec03_con .f_title {
padding-bottom: 20px;
text-align: center;
}
#about .sec03_con .f_title p {
font-size: 24px;
line-height: 45px;
color: #333333;
}
#about .sec03_con .f_con {
padding: 0 20px;
}
#about .sec03_con .f_con p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#about .sec03_con .f_con p strong {
color: #173378;
}
#about .sec03_con .sec03_prev {
width: 40px;
height: 40px;
background: url(../images/sec03_prev.png) no-repeat center center;
position: absolute;
left: -40px;
top: 116px;
cursor: pointer;
}
#about .sec03_con .sec03_next {
width: 40px;
height: 40px;
background: url(../images/sec03_next.png) no-repeat center center;
position: absolute;
right: -40px;
top: 116px;
cursor: pointer;
}
#about .sec03_con_mobile {
position: relative;
display: none;
}
#about .section04 {
background: #f6f6f6;
}
#about .sec04_con {
padding-top: 50px;
}
#about .sec04_ele {
width: 33.333%;
float: left;
}
#about .sec04_ele_padd {
padding: 0 18px;
}
#about .sec04_ele_inner {
height: 348px;
padding-bottom: 46px;
cursor: pointer;
}
#about .sec04_ele_padd .sec04_imglist {
display: none;
}
#about .sec04_con .imgWrap {
height: 281px;
overflow: hidden;
}
#about .sec04_con .imgWrap img {
width: 100%;
}
#about .sec04_con .font_wrap {
padding-right: 8px;
padding-top: 24px;
padding-bottom: 12px;
border-bottom: 1px solid #cfcfcf;
}
#about .sec04_con .font_wrap p {
line-height: 28px;
color: #333333;
height: 28px;
font-size: 16px;
padding-right: 26px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: url(../images/a_sec4_right.png) no-repeat right center;
}
#about .sec04_con .font_wrap p:hover {
background-image: url(../images/a_sec4_right_hover.png);
}
#about .section05 {
background: url(../images/about_sec05_bg.jpg) no-repeat center center;
background-size: cover;
}
#about .sec05_con {
width: 60%;
}
#about .sec05_title {
padding-bottom: 13px;
}
#about .sec05_title p {
font-size: 36px;
line-height: 45px;
color: #ffffff;
}
#about .sec05_title .line {
width: 60px;
padding-bottom: 16px;
border-bottom: 3px solid #ffffff;
}
#about .sec05_con_p {
padding-bottom: 20px;
}
#about .sec05_con_p p {
font-size: 16px;
line-height: 28px;
color: #ffffff;
}
#about .sec05_con .more {
width: 212px;
height: 58px;
border: 1px solid #173378;
border-radius: 58px;
background: #173378;
}
#about .sec05_con .more p {
text-align: center;
line-height: 58px;
font-size: 14px;
color: #ffffff;
}
#about .sec05_con .more:hover {
background: #ffffff;
}
#about .sec05_con .more:hover p {
color: #173378;
}
#projects .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
background: #f6f6f6;
}
#projects .sec01_ele {
padding-bottom: 58px;
}
#projects .sec01_inner {
padding-bottom: 58px;
border-bottom: 1px solid #e4e4e4;
}
#projects .sec01_in .img_block {
width: 445px;
float: left;
}
#projects .sec01_in .img_block img {
display: block;
width: 100%;
}
#projects .sec01_in .font_block {
padding-left: 476px;
}
#projects .sec01_in .font_block p {
font-size: 16px;
color: #666666;
line-height: 30px;
}
#projects .sec01_in .font_block .h {
font-size: 18px;
line-height: 28px;
color: #333333;
padding-top: 26px;
font-weight: bold;
}
#projects .sec01_in .font_block .p01 {
color: #173378;
padding-top: 16px;
padding-bottom: 16px;
}
#projects .readerMore {
width: 170px;
height: 53px;
margin: 0 auto;
cursor: pointer;
background: url(../images/pro_more.png) no-repeat center center;
}
#projects .readerMore:hover {
background-image: url(../images/pro_more_hover.png);
}
#projects .readerMore p {
font-size: 14px;
line-height: 53px;
text-align: center;
color: #333333;
}
#projects .readerMore:hover p {
color: #005bac;
}
#aboutus_select .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f6f6f6;
}
#aboutus_select .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#aboutus_select .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#aboutus_select .sec01_eles {
padding-top: 20px;
font-size: 0;
}
#aboutus_select .sec01_ele {
/*float: left;*/
display: inline-block;
vertical-align: top;
width: 25%;
padding-bottom: 20px;
}
#aboutus_select .sec01_ele_inner {
padding: 0 10px;
}
#aboutus_select .sec01_e_img {
/*height: 300px;*/
min-height: 300px;
position: relative;
overflow: hidden;
}
#aboutus_select .sec01_e_img .fss_img {
position: relative;
width: 100%;
height: 100%;
}
#aboutus_select .sec01_e_img .fss_img img {
width: 100%;
display: block;
}
#aboutus_select .font_cover {
width: 100%;
/*overflow: hidden;*/
display: none;
/*height: 300px;*/
position: relative;
background: #eee;
/*background: url(../images/ab_s_cover.png) repeat;*/
}
#aboutus_select .font_cover>div {
min-height: 190px;
}
#aboutus_select .font_cover p {
font-size: 14px;
}
/*#aboutus_select .font_cover.active{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}*/
#aboutus_select .f_c_inner {
/*position: absolute;*/
/*bottom: 36px;
top: 36px;
left: 36px;
right: 36px;*/
padding: 11px;
}
#aboutus_select .f_c_inner p {
font-size: 14px;
line-height: 24px;
color: #333;
}
#aboutus_select .sec01_e_name {
height: 48px;
background: #ffffff;
}
#aboutus_select .sec01_e_padd {
padding: 12px 26px 0;
}
#aboutus_select .sec01_e_padd p.name {
float: left;
font-size: 18px;
line-height: 26px;
color: #333333;
font-weight: bold;
}
#aboutus_select .sec01_e_padd p.per_post {
float: right;
font-size: 14px;
line-height: 26px;
color: #333333;
}
#aboutus_select .section02 {
position: relative;
height: 673px;
overflow-x: hidden;
background: url(../images/ab_s_sec02bg_02.jpg) no-repeat center center;
background-size: cover;
}
#aboutus_select .sec02_font {
padding-top: 155px;
float: left;
width: 53%;
}
#aboutus_select .sec02_title {
padding-bottom: 50px;
}
#aboutus_select .sec02_title p {
font-size: 50px;
line-height: 65px;
color: #ffffff;
}
#aboutus_select .sec02_con {
padding-bottom: 60px;
}
#aboutus_select .sec02_con p {
font-size: 18px;
line-height: 32px;
color: #ffffff;
}
#aboutus_select .sec02_btn {
width: 192px;
height: 58px;
border: 1px solid #ffffff;
border-radius: 58px;
}
#aboutus_select .sec02_btn p {
text-align: center;
line-height: 58px;
font-size: 18px;
color: #ffffff;
}
#aboutus_select .sec02_btn:hover {
background: #173378;
border-color: #173378;
}
#aboutus_select .section03 {
position: relative;
overflow-x: hidden;
padding-top: 70px;
padding-bottom: 70px;
background: #f6f6f6;
}
#aboutus_select .sec03_title {
padding-bottom: 30px;
}
#aboutus_select .sec03_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_select .sec03_con {
height: 435px;
}
#aboutus_select .sec03_img {
float: left;
height: 100%;
width: 50%;
overflow: hidden;
}
#aboutus_select .sec03_font {
float: left;
height: 100%;
width: 50%;
background: #ffffff;
}
#aboutus_select .sec03_f_inner {
padding: 94px 50px 0;
}
#aboutus_select .sec03_f_wrap {
padding-bottom: 58px;
}
#aboutus_select .sec03_f_wrap p {
font-size: 16px;
line-height: 30px;
color: #333333;
}
#aboutus_select .sec03_btn {
width: 140px;
height: 44px;
border-radius: 44px;
border: 1px solid #173378;
background: #173378;
}
#aboutus_select .sec03_btn p {
text-align: center;
line-height: 44px;
font-size: 14px;
color: #ffffff;
}
#aboutus_select .sec03_btn:hover {
background: transparent;
}
#aboutus_select .sec03_btn:hover p {
color: #173378;
}
#aboutus_select .section04 {
position: relative;
overflow-x: hidden;
padding-top: 70px;
padding-bottom: 70px;
background: #ffffff;
}
#aboutus_select .sec04_title {
padding-bottom: 30px;
float: left;
}
#aboutus_select .sec04_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_select .sec04_sele_btn {
float: right;
}
#aboutus_select .sec_04_btn {
float: left;
margin-left: 10px;
width: 145px;
height: 42px;
border-radius: 42px;
border: 1px solid #828282;
}
#aboutus_select .sec_04_btn p {
text-align: center;
line-height: 42px;
font-size: 14px;
color: #333333;
}
#aboutus_select .sec_04_btn.active {
border-color: #2f99db;
background: #2f99db;
}
#aboutus_select .sec_04_btn.active p {
color: #ffffff;
}
#aboutus_select .sec_04_btn:hover {
border-color: #2f99db;
background: #2f99db;
}
#aboutus_select .sec_04_btn:hover p {
color: #ffffff;
}
#aboutus_select .sec04_content {
padding-top: 20px;
}
#aboutus_select .sec04_cata {
display: none;
font-size: 0px;
}
#aboutus_select .sec04_content .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
min-width: 100%;
}
#aboutus_select .sec04_cata01 {
text-align: center;
}
#aboutus_select .sec04_cata02 {
text-align: center;
}
#aboutus_select .sec04_cata.active {
display: block;
}
#aboutus_select .sec04_ele {
width: 176px;
height: 166px;
/* float:left; */
padding-right: 34px;
background: url(../images/ab_s_icon.png) no-repeat right center;
display: inline-block;
}
#aboutus_select .sec04_ele_last {
background: none;
}
#aboutus_select .sec04_ele p {
font-size: 20px;
line-height: 166px;
height: 166px;
margin-left: 10px;
text-align: center;
}
#aboutus_select .sec04_ele.active p {
border-radius: 176px;
background: #173378;
color: #ffffff;
}
#aboutus_select .section05 {
position: relative;
overflow-x: hidden;
padding-top: 70px;
padding-bottom: 70px;
background: #f6f6f6;
}
#aboutus_select .sec05_title {
padding-bottom: 30px;
float: left;
}
#aboutus_select .sec05_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_select .sec05_sele_btn {
float: right;
}
#aboutus_select .sec_05_btn {
float: left;
margin-left: 10px;
width: 145px;
height: 42px;
border-radius: 42px;
border: 1px solid #828282;
}
#aboutus_select .sec_05_btn p {
text-align: center;
line-height: 42px;
font-size: 14px;
color: #333333;
}
#aboutus_select .sec_05_btn.active {
border-color: #2f99db;
background: #2f99db;
}
#aboutus_select .sec_05_btn.active p {
color: #ffffff;
}
#aboutus_select .sec_05_btn:hover {
border-color: #2f99db;
background: #2f99db;
}
#aboutus_select .sec_05_btn:hover p {
color: #ffffff;
}
#aboutus_select .sec05_content {
padding-top: 20px;
}
#aboutus_select .sec05_cata {
display: none;
}
#aboutus_select .sec05_cata.active {
display: block;
}
#aboutus_select .sec05_ele {
padding-bottom: 26px;
}
#aboutus_select .sec05_e_padd {
padding: 18px 38px;
border: 1px solid #c7c7c7;
background: #f0f0f0;
cursor: pointer;
}
#aboutus_select .sec05_e_inner {
padding-left: 23px;
background: url(../images/ab_s5_cir.png) no-repeat left 8px;
}
#aboutus_select .sec05_ele.active .sec05_e_inner {
background-image: url(../images/ab_s5_cir_active.png);
}
#aboutus_select .sec05_t {
padding-right: 50px;
cursor: pointer;
background: url(../images/ab_s5_plu.png) no-repeat right 4px;
}
#aboutus_select .sec05_ele.active .sec05_t {
background-image: url(../images/ab_s5_redu.png);
}
#aboutus_select .sec05_t p {
font-size: 20px;
line-height: 28px;
}
#aboutus_select .sec05_hid {
display: none;
}
#aboutus_select .sec05_h_inner {
padding-top: 12px;
}
#aboutus_select .sec05_h_inner p {
font-size: 16px;
line-height: 32px;
color: #333333;
}
#aboutus_select .section05 .moreWrap {
padding-top: 20px;
}
#aboutus_select .section05 .more {
width: 145px;
height: 42px;
border: 1px solid #9f9f9f;
margin: 0 auto;
border-radius: 42px;
cursor: pointer;
}
#aboutus_select .section05 .more p {
line-height: 42px;
text-align: center;
color: #9f9f9f;
}
#aboutus_select .section05 .more:hover {
background: #2f99db;
border-color: #2f99db;
}
#aboutus_select .section05 .more:hover p {
color: #ffffff;
}
#contactus .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f6f6f6;
}
#contactus .sec01_ele {
float: left;
width: 50%;
}
#contactus .sec01_left {
padding-right: 15px;
}
#contactus .sec01_right {
padding-left: 15px;
}
#contactus .sec01_con {
height: 114px;
padding: 20px;
border: 1px solid rgb(220, 220, 220);
}
#contactus .sec01_con .company_title {
font-weight: bold;
color: #000;
font-size: 16px;
padding-bottom: 10px;
}
#contactus .sec01_con .address_text {
line-height: 30px;
color: #666;
position: relative;
padding-bottom: 10px;
}
#contactus .sec01_con .address_text strong {
font-weight: bold;
color: #333;
position: absolute;
left: 0;
top: 0;
width: 40px;
vertical-align: top;
}
#contactus .sec01_con .address_text .pWrap {
padding-left: 42px;
width: 90%;
}
#contactus .sec01_title {
padding-bottom: 40px;
}
#contactus .sec01_title p {
font-size: 26px;
line-height: 33px;
text-align: center;
color: #173378;
}
#aboutus_harvest .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f6f6f6;
}
#aboutus_harvest .sec01_img {
float: left;
width: 50%;
}
#aboutus_harvest .sec01_img_padd {
padding: 0 30px;
}
#aboutus_harvest .sec01_img img {
width: 100%;
}
#aboutus_harvest .sec01_font {
float: left;
width: 50%;
}
#aboutus_harvest .sec01_font_padd {
padding-left: 60px;
padding-top: 68px;
}
#aboutus_harvest .sec01_title {
padding-bottom: 34px;
}
#aboutus_harvest .sec01_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_harvest .sec01_ele {
padding-bottom: 10px;
}
#aboutus_harvest .sec01_ele .e_title {
cursor: pointer;
padding-left: 22px;
background: url(../images/ab_h_plus.png) no-repeat left 6px;
}
#aboutus_harvest .sec01_ele.active .e_title {
background-image: url(../images/ab_h_reduce.png);
}
#aboutus_harvest .sec01_ele .e_title p {
font-size: 18px;
line-height: 24px;
color: #333333;
}
#aboutus_harvest .sec01_ele .e_hid {
display: none;
}
#aboutus_harvest .sec01_ele .e_hid_inner {
padding-top: 10px;
padding-left: 22px;
}
#aboutus_harvest .sec01_ele .e_hid_inner p {
font-size: 14px;
line-height: 24px;
color: #666666
}
#aboutus_harvest .section02 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: url(../images/ab_h_sec02_bg.jpg) no-repeat;
background-size: cover;
}
#aboutus_harvest .sec02_title {
text-align: center;
padding-bottom: 20px;
}
#aboutus_harvest .sec02_title p {
font-size: 30px;
line-height: 45px;
color: #ffffff;
}
#aboutus_harvest .sec02_con {
padding-top: 20px;
}
#aboutus_harvest .sec02_ele {
width: 33.333%;
float: left;
}
#aboutus_harvest .sec02_e_padd {
padding: 0 25px;
}
#aboutus_harvest .sec02_inner {
padding: 42px 50px;
border: 1px solid #ffffff;
height: 450px;
}
#aboutus_harvest .sec2_e_title {
padding-bottom: 22px;
}
#aboutus_harvest .sec2_e_title p {
font-size: 32px;
line-height: 45px;
color: #ffffff;
}
#aboutus_harvest .sec2_e_float {
width: 50%;
float: left;
}
#aboutus_harvest .sec2_e_float p {
font-size: 16px;
line-height: 32px;
color: #ffffff;
}
/******************************/
#aboutus_person .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f6f6f6;
}
#aboutus_person .sec01_img {
float: left;
width: 50%;
}
#aboutus_person .sec01_img_padd {
padding: 0 30px;
}
#aboutus_person .sec01_img img {
width: 100%;
}
#aboutus_person .sec01_font {
float: left;
width: 50%;
}
#aboutus_person .sec01_font_padd {
padding-left: 60px;
padding-top: 68px;
}
#aboutus_person .sec01_title {
padding-bottom: 34px;
}
#aboutus_person .sec01_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_person .sec01_ele {
padding-bottom: 10px;
}
#aboutus_person .sec01_ele .e_title {
cursor: pointer;
padding-left: 22px;
background: url(../images/ab_h_plus.png) no-repeat left 6px;
}
#aboutus_person .sec01_ele.active .e_title {
background-image: url(../images/ab_h_reduce.png);
}
#aboutus_person .sec01_ele .e_title p {
font-size: 18px;
line-height: 24px;
color: #333333;
}
#aboutus_person .sec01_ele .e_hid {
display: none;
}
#aboutus_person .sec01_ele .e_hid_inner {
padding-top: 10px;
padding-left: 22px;
}
#aboutus_person .sec01_ele .e_hid_inner p {
font-size: 14px;
line-height: 24px;
color: #666666
}
#aboutus_person .sec01_ ele .e_hid_inner p img {
max-width: 100%;
display: block;
margin: 0 auto;
}
#aboutus_person .section02 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #e7e7e7;
}
#aboutus_person .sec02_title {
text-align: center;
padding-bottom: 20px;
}
#aboutus_person .sec02_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#aboutus_person .sec02_con {
padding-top: 20px;
}
#aboutus_person .sec02_con img {
max-width: 100%;
margin: 0 auto;
display: block;
}
#aboutus_person .sec02_ele {
width: 33.333%;
float: left;
}
#aboutus_person .sec02_e_padd {
padding: 0 25px;
}
#aboutus_person .sec02_inner {
padding: 42px 50px;
border: 1px solid #ffffff;
height: 450px;
}
#aboutus_person .sec2_e_title {
padding-bottom: 22px;
}
#aboutus_person .sec2_e_title p {
font-size: 32px;
line-height: 45px;
color: #ffffff;
}
#aboutus_person .sec2_e_float {
width: 50%;
float: left;
}
#aboutus_person .sec2_e_float p {
font-size: 16px;
line-height: 32px;
color: #ffffff;
}
#aboutus_recruit .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
}
#aboutus_recruit .section01_01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f6f6f6 url(../images/ab_re_se01_bg.jpg) no-repeat center center;
background-size: cover;
}
#aboutus_recruit .sec01_01_title {
text-align: center;
padding-bottom: 20px;
}
#aboutus_recruit .sec01_01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#aboutus_recruit .sec01_01_p {
width: 665px;
margin: 0 auto;
text-align: center;
}
#aboutus_recruit .sec01_01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#aboutus_recruit .section01 {
background: #f5f5f5;
}
#aboutus_recruit .sec01_con {
position: relative;
}
#aboutus_recruit .sec01_con .img_block {
width: 50%;
/* z-index: 0; */
/* position: relative; */
position: absolute;
top: 0;
left: 0;
float: left;
}
#aboutus_recruit .sec01_con .img_block img {
width: 100%;
}
#aboutus_recruit .sec01_con .font_block {
padding-left: 40%;
padding-top: 138px;
position: relative;
z-index: 2;
/* float: left; */
}
#aboutus_recruit .sec01_con .f_b_padd {
padding: 60px 77px;
background: #ffffff;
}
#aboutus_recruit .sec01_con .f_b_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#aboutus_recruit .sec01_con .f_b_padd .p_wrap {
padding-bottom: 31px;
}
#aboutus_recruit .sec01_con .f_b_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#aboutus_recruit .sec01_con .f_b_padd .p_wrap img {
max-width: 100%;
padding-top: 24px;
}
#aboutus_recruit .section02 {
padding-top: 100px;
padding-bottom: 100px;
background: url(../images/ab_re_sec02_01.jpg) no-repeat;
background-size: cover;
height: 492px;
}
#aboutus_recruit .sec02_con {
width: 50%;
position: relative;
width: 660px;
z-index: 2;
float: right;
margin-right: 80px;
}
#aboutus_recruit .sec02_inner {
/*width: 98%;*/
padding-top: 60px;
padding-right: 60px;
padding-bottom: 60px;
background: #ffffff;
}
#aboutus_recruit .sec02_font {
width: 500px;
padding-left: 54px;
}
#aboutus_recruit .sec02_font .h {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#aboutus_recruit .sec02_font .p_wrap {
padding-top: 16px;
}
#aboutus_recruit .sec02_font .p_wrap p {
font-size: 14px;
line-height: 24px;
color: #333333;
}
#aboutus_recruit .sec02_con .bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
bottom: -40px;
right: -80px;
background: url(../images/ab_re_sec02_bg.png) no-repeat right bottom;
}
#aboutus_recruit .section03 {
background: #f5f5f5;
}
#aboutus_recruit .sec03_block01 {
padding-bottom: 40px;
}
#aboutus_recruit .sec03_block01 .imgblock {
float: left;
width: 50%;
}
#aboutus_recruit .sec03_block01 .imgblock_inner {
padding-right: 25px;
}
#aboutus_recruit .sec03_block01 .imgblock_inner img {
width: 100%;
}
#aboutus_recruit .sec03_block01 .fontblock {
float: left;
width: 50%;
}
#aboutus_recruit .sec03_block01 .fontblock_inner {
padding-left: 25px;
padding-top: 50px;
}
#aboutus_recruit .sec03_block01 .fontblock_inner p {
font-size: 16px;
line-height: 32px;
color: #666666;
}
#aboutus_recruit .sec03_cata {
text-align: center;
font-size: 0px;
}
#aboutus_recruit .sec03_ele {
width: 176px;
height: 166px;
/* float:left; */
padding-right: 34px;
background: url(../images/ab_s_icon.png) no-repeat right center;
display: inline-block;
}
#aboutus_recruit .sec03_ele_last {
background: none;
}
#aboutus_recruit .sec03_ele p {
margin-left: 10px;
font-size: 20px;
line-height: 166px;
height: 166px;
text-align: center;
}
#aboutus_recruit .sec03_ele.active p {
border-radius: 176px;
background: #173378;
color: #ffffff;
}
#aboutus_recruit .section04 {
background: url(../images/ab_rec_sec04_02.jpg) no-repeat center center;
background-size: cover;
}
#aboutus_recruit .section04 .slider_wrap {
position: relative;
padding-bottom: 96px;
width: 862px;
margin: 0 auto;
}
#aboutus_recruit .section04 .slider_ele {
float: left;
}
#aboutus_recruit .section04 .slider_title {
padding-bottom: 20px;
text-align: center;
}
#aboutus_recruit .section04 .slider_title p {
font-size: 36px;
line-height: 45px;
color: #000000;
}
#aboutus_recruit .section04 .slider_title .line {
padding-bottom: 20px;
width: 30px;
margin: 0 auto;
border-bottom: 2px solid #ffffff;
}
#aboutus_recruit .section04 .img_icon {
padding-top: 33px;
}
#aboutus_recruit .section04 .slider_con {
text-align: center;
}
#aboutus_recruit .section04 .slider_con p {
font-size: 16px;
line-height: 32px;
color: #000000;
}
/**/
#aboutus_recruit .section04 .paging {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
#aboutus_recruit .section04 .paging a {
margin: 0 5px;
width: 12px;
height: 12px;
background: url(../images/des_cir_white.png) no-repeat center center;
display: inline-block;
font-size: 0;
line-height: 0;
text-indent: 1000;
overflow: hidden;
}
#aboutus_recruit .section04 .paging a.selected {
background-image: url(../images/des_cir_white_active.png);
}
/**/
#technology .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f5f5f5;
}
#technology .sec01_con {
position: relative;
}
#technology .sec01_con .img_block {
width: 50%;
/* z-index: 0; */
/* position: relative; */
position: absolute;
top: 0;
right: 0;
float: right;
}
#technology .sec01_con .img_block img {
width: 100%;
}
#technology .sec01_con .font_block {
padding-right: 40%;
padding-top: 138px;
position: relative;
z-index: 2;
/* float: left; */
}
#technology .sec01_con .f_b_padd {
padding: 60px 77px;
background: #ffffff;
}
#technology .sec01_con .f_b_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#technology .sec01_con .f_b_padd .p_wrap {
padding-bottom: 31px;
}
#technology .sec01_con .f_b_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#technology .sec01_con .f_b_padd .tel {
font-size: 16px;
line-height: 32px;
color: #173378;
background: url(../images/tel24.png) no-repeat left 2px;
padding-left: 45px;
}
#technology .section02 {
height: 620px;
position: relative;
}
#technology .section02 .videoWrap {
position: relative;
width: 100%;
height: 100%;
}
#technology .section02 .close_video {
position: absolute;
width: 72px;
height: 72px;
top: 3%;
right: 5%;
cursor: pointer;
background: url(../images/close_video.png) no-repeat center center;
}
#technology .section02 .sec02_con {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/te_sec02_con_bg.jpg) no-repeat center center;
background-size: cover;
}
#technology .sec02_rel {
height: 100%;
}
#technology .sec02_con .left {
float: left;
width: 50%;
height: 100%;
}
#technology .sec02_con .font_wrap {
padding: 173px 48px 0;
}
#technology .sec02_con .s2_title {
font-size: 30px;
line-height: 45px;
color: #ffffff;
}
#technology .sec02_con .p_wrap {
padding-top: 10px;
padding-bottom: 30px;
}
#technology .sec02_con .p_wrap p {
font-size: 14px;
line-height: 30px;
color: #ffffff;
}
#technology .sec02_con .more {
width: 214px;
height: 60px;
border-radius: 60px;
background: #173378;
text-align: center;
line-height: 60px;
font-size: 14px;
color: #ffffff;
border: 1px solid #173378;
cursor: pointer;
}
#technology .sec02_con .more:hover {
background: none;
color: #173378;
}
#technology .sec02_con .right {
float: left;
width: 50%;
height: 100%;
position: relative;
}
#technology .sec02_con .video_play {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 84px;
height: 84px;
cursor: pointer;
background: url(../images/video_play.png) no-repeat center center;
}
#technology .section03 {
position: relative;
padding-top: 78px;
/* padding-bottom: 78px; */
overflow-x: hidden;
background: #f5f5f5;
}
#technology .sec03_ele {
padding-bottom: 70px
}
#technology .sec03_con {
position: relative;
height: 456px;
}
#technology .sec03_con .left_img {
width: 50%;
float: left;
height: 100%;
overflow: hidden;
}
#technology .sec03_ele.even .sec03_con .left_img {
float: right;
}
#technology .sec03_con .left_font {
width: 50%;
float: left;
height: 100%;
background: #ffffff;
}
#technology .sec03_con .left_f_padd {
padding: 90px 40px 0 40px;
}
#technology .sec03_con .left_f_padd .h {
font-size: 30px;
line-height: 45px;
color: #333333;
padding-bottom: 16px;
}
#technology .sec03_con .left_f_padd .p_wrap {
padding-bottom: 31px;
}
#technology .sec03_con .left_f_padd .p_wrap p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#technology .sec03_con .left_f_padd .p_wrap ul {
padding-top: 10px;
}
#technology .sec03_con .left_f_padd .p_wrap li {
padding-left: 25px;
background: url(../images/te_icon01.png) no-repeat left 6px;
}
#technology .section04 {
position: relative;
/* padding-top: 78px; */
padding-bottom: 78px;
overflow-x: hidden;
background: #f5f5f5;
}
#technology .sec04_title {
text-align: center;
}
#technology .sec04_title p {
font-size: 36px;
line-height: 45px;
color: #333333;
}
#technology .sec04_title p.info {
font-size: 16px
}
#technology .sec04_con {
padding-top: 33px;
overflow-y: hidden;
}
#technology .s04_ele {
float: left;
width: 33.333%;
}
#technology .s04_e_padd {
padding: 0 12px;
}
#technology .s04_ele .imgWrap img {
display: block;
width: 100%;
}
#technology .s04_ele .font_wrap {
padding-top: 22px;
}
#technology .s04_title p {
font-size: 18px;
line-height: 32px;
color: #333333;
}
#design .section01 {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow: hidden;
background: #f6f6f6;
}
#design .sec01_title {
text-align: center;
padding-bottom: 20px;
}
#design .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#design .sec01_p {
padding-bottom: 30px;
width: 665px;
margin: 0 auto;
text-align: center;
}
#design .sec01_p p {
font-size: 14px;
line-height: 28px;
color: #666666;
}
#design .sec01_con .img_block img {
width: 100%;
}
#design .section02 {
position: relative;
padding-bottom: 78px;
overflow: hidden;
background: #f6f6f6;
}
#design .s02_title {
padding-bottom: 20px;
text-align: center;
}
#design .s02_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#design .s02_cata {
text-align: center;
padding-bottom: 60px;
}
#design .s02_c_ele {
display: inline-block;
padding: 5px;
}
#design .s02_c_ele p {
width: 172px;
height: 46px;
border-radius: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
cursor: pointer;
color: #333333;
background: transparent;
}
#design .s02_c_ele p:hover,
#design .s02_c_ele.active p {
color: #ffffff;
background: #173378;
}
#design .s02_slider_ele {
display: none;
position: relative;
padding-bottom: 80px;
}
#design .s02_slider_ele.active {
display: block;
}
#design .s02_slider_ele .slider_ele {
float: left;
padding: 0 10px;
width: 328px;
height: 456px;
}
#design .s02_slider_ele .slider_ele img {
width: 100%;
}
#design .s02_slider_ele .paging {
position: absolute;
bottom: 10px;
width: 100%;
text-align: center;
}
#design .s02_slider_ele .paging a {
margin: 0 5px;
width: 12px;
height: 12px;
background: url(../images/des_cir.png) no-repeat center center;
display: inline-block;
font-size: 0;
line-height: 0;
text-indent: 1000;
overflow: hidden;
}
#design .s02_slider_ele .paging a.selected {
background-image: url(../images/des_cir_active.png);
}
#advantage .section01 {
position: relative;
overflow-x: hidden;
background: #f6f6f6 url(../images/adv_sec01_bg.jpg);
background-size: cover;
height: 857px;
}
#advantage .sec01_font {
width: 50%;
float: right;
padding-top: 232px;
}
#advantage .sec01_title {
padding-bottom: 20px;
}
#advantage .sec01_title p {
font-size: 30px;
line-height: 45px;
color: #333333;
}
#advantage .sec01_ele {
float: left;
width: 50%;
}
#advantage .sec01_e_inner {
padding-top: 30px;
padding-right: 25px;
}
#advantage .sec01_e_con {
border-bottom: 1px solid #e6e6e6;
position: relative;
padding-left: 52px;
padding-bottom: 30px;
}
#advantage .s01_ic {
position: absolute;
left: 0;
top: 0;
}
#advantage .sec01_e_con p {
color: #333333;
font-size: 14px;
line-height: 24px;
}
#advantage .sec01_e_con p.h {
font-size: 20px;
line-height: 32px;
}
#advantage .section02 {
position: relative;
overflow-x: hidden;
padding-top: 129px;
padding-bottom: 129px;
}
#advantage .sec02_font {
float: left;
width: 50%;
padding-top: 118px;
}
#advantage .sec02_f_inner {
padding-right: 100px;
}
#advantage .sec02_font .h {
font-size: 42px;
line-height: 55px;
color: #333333;
}
#advantage .sec02_font .p1 {
font-size: 24px;
line-height: 48px;
}
#advantage .sec02_font .div_p {
padding-top: 20px;
}
#advantage .sec02_font p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#advantage .sec02_img {
float: left;
width: 50%;
}
#advantage .sec02_img_inner {
padding-left: 30px;
}
#advantage .sec02_img img {
max-width: 100%;
}
#advantage .section03 {
position: relative;
overflow-x: hidden;
}
#advantage .section03 .imgBlock img {
display: block;
width: 100%;
}
#advantage .sec03_font {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#advantage .section03 .sec02_f_in {
width: 50%;
padding-top: 270px;
}
#advantage .section03.odd .sec02_f_in {
float: right;
text-align: right;
}
#advantage .section03 .h {
font-size: 42px;
line-height: 55px;
}
#advantage .section03 .p1 {
font-size: 24px;
line-height: 48px;
}
#advantage .section03 .div_p {
padding-top: 20px;
}
#advantage .section03 p {
font-size: 14px;
line-height: 28px;
color: #ffffff;
}
#advantage .section03_03 p {
color: #333333;
}
#advantage .section04 {
position: relative;
overflow-x: hidden;
padding-top: 98px;
padding-bottom: 98px;
}
#advantage .sec04_con {
overflow: hidden;
}
#advantage .sec04_img {
float: left;
width: 50%;
}
#advantage .sec04_i_inner {
padding-right: 20px;
}
#advantage .sec04_i_inner img {
width: 100%;
}
#advantage .sec04_f_inner {
padding-left: 20px;
padding-top: 12px;
}
#advantage .sec04_font .h {
font-size: 42px;
line-height: 55px;
}
#advantage .sec04_font .p1 {
font-size: 24px;
line-height: 48px;
}
#advantage .sec04_font .div_p {
padding-top: 20px;
}
#advantage .sec04_font p {
font-size: 14px;
line-height: 28px;
color: #333333;
}
#product_detail .section {
position: relative;
padding-top: 78px;
padding-bottom: 78px;
overflow-x: hidden;
background: #f5f5f5;
}
#product_detail .sec01_con .img_block {
float: left;
width: 50%;
}
#product_detail .sec01_con .img_block_inner {
padding-right: 30px;
}
#product_detail .sec01_con .img_block img {
width: 100%;
}
#product_detail .sec01_con .font_block {
float: left;
width: 50%;
}
#product_detail .sec01_con .font_block_inner {
padding-left: 30px;
}
#product_detail .sec01_con .h {
font-size: 32px;
line-height: 45px;
padding-bottom: 26px;
padding-top: 46px;
color: #333333;
}
#product_detail .sec01_con p {
font-size: 16px;
line-height: 32px;
color: #333333;
}
#product_detail .sec02_con {
padding-top: 50px;
}
#product_detail .sec_title {
padding-bottom: 16px;
border-bottom: 3px solid #0776bb;
}
#product_detail .sec_title p {
font-size: 32px;
line-height: 45px;
color: #333333;
}
#product_detail .sec02_con .table {
padding-bottom: 58px;
padding-top: 18px;
}
#product_detail .sec02_con table {
width: 100%;
border-color: #ececec;
}
#product_detail .sec02_con table th {
font-size: 13px;
line-height: 24px;
padding: 12px;
color: #333333;
background: #f8f8f8;
}
#product_detail .sec02_con table th:first-child {
width: 14.28%;
}
#product_detail .sec02_con table th:nth-child(3) {
width: 24.97%;
}
#product_detail .sec02_con table td {
font-size: 13px;
color: #666666;
padding: 12px;
background: #fdfdfd;
text-align: center;
}
#product_detail .sec02_con .btn {
width: 260px;
height: 60px;
margin: 0 auto;
border-radius: 60px;
background: #173378;
border: 1px solid #173378;
}
#product_detail .sec02_con .btn p {
color: #ffffff;
line-height: 60px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#product_detail .sec02_con .btn:hover {
background: transparent;
}
#product_detail .sec02_con .btn:hover p {
color: #173378;
}
#product_detail .sec03_con {
padding-top: 50px;
}
#product_detail .sec03_block {
padding-top: 26px;
margin: 0 -15px;
}
#product_detail .sec03_ele {
width: 25%;
float: left;
}
#product_detail .sec03_inner {
padding: 0 15px;
}
#product_detail .sec03_in {
height: 309px;
background: #ffffff;
}
#product_detail .sec03_in_padd {
padding: 39px 26px 0;
}
#product_detail .sec03_ele .num {
font-size: 24px;
line-height: 48px;
padding-bottom: 10px;
color: #dfdfdf;
}
#product_detail .sec03_ele .s03_title {
font-size: 18px;
line-height: 32px;
color: #333333;
padding-bottom: 10px;
}
#product_detail .s03_pwrap ul {
padding-left: 16px;
}
#product_detail .s03_pwrap li {
font-size: 14px;
line-height: 24px;
color: #333333;
list-style: disc;
/* list-style-position: inside; */
}
#product_detail .sec04_con {
padding-top: 50px;
}
#product_detail .sec04_block {
padding-top: 26px;
position: relative;
margin: 0 -12px;
}
#product_detail .sec04_con .sli_ele {
padding: 10px;
/*width: 220px;*/
width: 215px;
float: left;
}
#product_detail .sec04_con .prevSample,
#product_detail .sec04_con .nextSample {
position: absolute;
top: 50%;
width: 64px;
height: 63px;
margin-top: -32px;
background: url(../images/arrow.png) no-repeat 0 0;
cursor: pointer;
}
#product_detail .sec04_con .prevSample {
left: -60px;
}
#product_detail .sec04_con .nextSample {
background-position: -64px 0;
right: -60px;
}
#product_detail .sec04_con .nextSample:hover {
background-position: -64px -64px;
}
#product_detail .sec04_con .prevSample:hover {
background-position: 0 -64px;
}
#product_detail .sec04_con .sli_img_wrap {
height: 110px;
position: relative;
}
#product_detail .sec04_con .sli_img {
width: 100%;
height: 100%;
overflow: hidden;
}
#product_detail .sec04_con .sli_img_wrap img {
width: 100%;
}
#product_detail .sec04_con .sli_font {
position: absolute;
top: 0px;
right: 0px;
width: 60px;
height: 60px;
background: #183650;
text-align: center;
}
#product_detail .sec04_con .sli_ele1 .sli_font {
background: #17354f;
}
#product_detail .sec04_con .sli_ele2 .sli_font {
background: #b6b6b6;
}
#product_detail .sec04_con .sli_ele3 .sli_font {
background: #2ab272;
}
#product_detail .sec04_con .sli_ele4 .sli_font {
background: #173378;
}
#product_detail .sec04_con .sli_ele5 .sli_font {
background: #3e3a39;
}
#product_detail .sec04_con .sli_ele6 .sli_font {
background: #d1ad59 url(../images/pro_font_con_bg.jpg) no-repeat;
background-size: cover;
}
#product_detail .sec04_con .sli_font .digit {
font-size: 23px;
line-height: 19px;
padding-top: 9px;
}
#product_detail .sec04_con .sli_font p {
color: #ffffff;
}
#product_detail .sec04_con .sli_font .serise {
font-size: 14px;
line-height: 26px;
}
#product_detail .sec04_con .sli_f_wrap {
height: 58px;
background: #ffffff;
}
#product_detail .sec04_con .sli_f_wrap table {
height: 100%;
}
#product_detail .sec04_con .sli_f_wrap p {
padding-left: 7px;
padding-right: 7px;
font-size: 14px;
line-height: 20px;
color: #666666;
}
.newsBg {
background-color: #f5f5f5;
padding: 38px 0;
}
.newsDetail {
max-width: 830px;
min-height: 600px;
padding: 30px;
margin: 0 auto;
}
.newsBg .page-cen {
width: 98%;
max-width: 1200px;
margin: 0 auto;
}
.newsBg .back {
width: 138px;
height: 40px;
border: 1px solid #173378;
background: #173378;
border-radius: 38px;
margin: 0 auto;
}
.newsBg .links {
margin-top: 60px;
}
.newsBg .links a {
display: block;
margin: 12px 0;
color: #333;
}
.newsBg .links a:hover {
text-decoration: none;
}
.newsBg .links a span {
font-weight: 600;
}
.newsBg .back:hover {
border: 1px solid #173378;
background: #fff;
}
.newsBg .back:hover a {
color: #173378;
}
.newsBg .back a {
display: block;
text-align: center;
line-height: 40px;
color: #ffffff;
}
.newsDetail .section-title {
position: relative;
text-align: center;
margin: 0 auto 40px;
color: #333;
}
.newsDetail .section-title h3 {
font-size: 26px;
font-weight: 600;
}
.newsDetail .section-title p {
font-size: 14px;
color: #999;
margin-top: 20px;
}
.newsDetail.info {
max-width: 860px;
margin: 0 auto;
}
.newsDetail .info p {
font-size: 16px;
text-align: left;
line-height: 30px;
margin-bottom: 20px;
}
.newsDetail .info img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.pagebox .yiiPager {
text-align: center;
}
.pagebox .yiiPager li {
display: inline-block;
margin: 0 20px;
}
.pagebox .yiiPager li a {
color: #666;
}
.pagebox .yiiPager li a:hover {
color: #173378;
}
.pagebox .yiiPager li.selected a {
color: #173378;
}
.mask_about04 {
position: fixed;
z-index: 999;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.mask_box {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 80%;
height: 500px;
max-width: 1400px;
padding: 30px 0;
background-color: #fff;
border-radius: 10px;
}
.mask_box .mask_title {
margin: 30px 0;
text-align: center;
font-size: 40px;
}
.mask_box .mask_caroul {
position: relative;
/*border-top: 1px solid #ccc;*/
max-width: 970px;
margin: 0 auto;
padding: 10px;
}
.mask_box .mask_caroul li {
height: 314px;
margin: 0 25px;
float: left;
max-width: 260px;
}
.mask_box .mask_caroul li img {
width: auto;
max-width: 100%;
height: 240px;
}
.mask_box .mask_caroul li p {
padding-top: 10px;
font-size: 14px;
color: #666666;
}
.mask_box .mask_close {
width: 40px;
height: 40px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background: url(../images/popup_close.png) no-repeat 50%;
}
.mask_box .mask_caroul .mask_prev {
width: 40px;
height: 40px;
background: url(../images/sec03_prev.png) no-repeat center center;
position: absolute;
left: -40px;
top: 116px;
cursor: pointer;
}
.mask_box .mask_caroul .mask_next {
width: 40px;
height: 40px;
background: url(../images/sec03_next.png) no-repeat center center;
position: absolute;
right: -40px;
top: 116px;
cursor: pointer;
}
.search-area {
text-align: center;
/*padding-top: 214px;*/
/*background-color: #f5f6f7;*/
}
.page-block {
/*background-color: #f5f6f7;*/
padding-bottom: 100px;
}
.search-area form {
display: inline-block
}
.search-area .search_input {
float: left;
border: 1px solid #969696;
width: 417px;
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 2px 53px 2px 5px
}
.search-area .btn {
width: 116px;
height: 36px;
float: left;
border: 0;
cursor: pointer;
color: #fff;
background: #c8c8c8
}
.search-result-content .title {
font-size: 18px;
color: #004386;
line-height: 32px
}
.search-error,
.search-result-empry {
text-align: center;
width: 100%;
padding: 50px 0 100px;
/*background: #f5f6f7*/
}
.search-result-content {
max-width: 1200px;
margin: auto
}
.search-item {
padding: 20px 0;
border-bottom: 1px dashed #333
}
.zhaopin_wrap {
width: 70%;
padding: 20px;
margin: 35px auto 0;
border: 2px solid #173378;
border-radius: 20px;
position: relative;
display: none;
}
.zhaopin_wrap .zhaopin_arrow {
position: absolute;
left: 27%;
top: -18px
}
.zhaopin_wrap .zhaopin_title {
text-align: left;
color: #173378;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px
}
.zhaopin_wrap .zhaopin_text {
font-size: 15px;
color: #333;
line-height: 25px;
text-align: left;
}
.zhaopin_wrap.active {
display: block;
}
.zhaopin_wrap .zhaopin_box {
display: none
}
.zhaopin_wrap .zhaopin_box.active {
display: block
}
.zp_container {}
.zp_container .zp_container_title {
font-size: 32px;
line-height: 45px;
color: #333333;
margin-bottom: 35px
}
.zp_container .zp_list {
text-align: center;
}
.zp_container .zp_list .main_li {
display: inline-block;
width: 33%
}
.zp_container .zp_list .main_li.main_li_0 .zp_list_title {
color: #ffb400
}
.zp_container .zp_list .main_li.main_li_1 .zp_list_title {
color: #34abff
}
.zp_container .zp_list .main_li.main_li_2 .zp_list_title {
color: #6edd24
}
.zp_container .zp_list .main_li .zp_list_title {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px
}
.zp_container .zp_list .zp_list_deep {
text-align: left;
}
.zp_container .zp_list .zp_list_deep li {
display: inline-block;
position: relative;
width: 34%;
margin-left: -3%
}
.zp_container .zp_list .zp_list_deep li.li_0 {
margin-left: 0
}
.zp_container .zp_list .zp_list_deep li img {
width: 100%;
vertical-align: bottom;
}
.zp_container .zp_list .zp_list_deep li p {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 50%;
margin-top: -15px;
font-size: 16px;
color: #333;
line-height: 30px
}
@media screen and (max-width: 640px) {
.zhaopin_wrap .zhaopin_arrow {
top: -17.5px;
left: 6%
}
.zp_container .zp_list .main_li {
width: 100%;
margin-bottom: 40px
}
}