header.main-header{
background: #2196F3;
}
.main-header .navbar .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
.main-header .navbar {
font-size: 1.125rem;
font-weight: 500;
/* position: fixed;
top: 0;
right: 0;
left: 0; */
z-index: 1030;
background: #fff;
}
.main-header .navbar.nav-top{
border-top: 2px solid #4CAF50;
}
@media (min-width:768px) {
/* .main-header .navbar.nav-top{
border-bottom: 2px solid rgba(255,255,255,.75)
} */
.main-header .navbar {
font-size: 1.125rem;
font-weight: 500;
position:relative
}
}
.main-header .header-logo {
padding: 0;
}
.main-header .header-logo a {
display: block;
}
.main-header .header-logo img {
height: 3rem;
}
@media (min-width: 992px) {
.main-header .header-logo img {
height: 4rem;
margin-top: .5rem;
margin-bottom: .5rem;
}
}
.main-header .header-info {
text-align: center;
font-size: 1rem;
}
@media (min-width: 768px) {
.main-header .header-info {
font-size: 1.5rem;
}
}
.main-header .header-info .p1 b{
color: #2196F3;
}
.main-header .header-info .p2 b{
color: #4CAF50;
}
.main-header .infos{
border-top: 2px solid #2196F3;
padding-top: .5rem;
margin-top: .5rem;
font-size: .875rem;
}
.main-header .navbar .nav-link {
color: #fff;
font-weight: 500;
/* padding: .5rem 1rem; */
display: inline-block;
font-size: 1rem;
border-bottom: 2px solid transparent;
}
@media (min-width: 992px) {
.main-header .navbar .nav-link {
/* padding: 1.75rem 1.75rem; */
}
}
.main-header .navbar .nav-link.btn-contact {
color: #fff;
padding: .75rem 3rem;
border-radius: 2.5rem;
background-color: #4b4848;
border-color: #4b4848;
}
.main-header .navbar .nav-link.btn-contact:hover {
color: #fff;
background-color: #b51e22;
border-color: #b51e22;
}
/* @media (min-width: 992px) {
.main-header .navbar .navbar-nav .nav-item:not(:last-child)::after {
font-size: 1rem;
content: '/';
display: inline-block;
color: #d3d3d3;
}
} */
.main-header .navbar .nav-link:hover {
border-bottom: 2px solid rgba(255, 255, 255, 1);
}
.main-header .navbar .nav-link.active {
color: rgba(181, 30, 34,1);
}
.main-header .navbar .nav-item .submenu {
visibility: hidden;
opacity: 0.0;
-webkit-transition: .52s cubic-bezier(.8, 0, .1, .81);
transition: .52s cubic-bezier(.8, 0, .1, .81);
position: absolute;
width: 100%;
background-color: #2e2e2e;
color: #fff;
left: 0;
top: 100%;
z-index: 1000;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding: 2rem 0;
}
.main-header .navbar .nav-item:hover .submenu {
-webkit-transition: .24s cubic-bezier(.8, 0, .1, .81);
transition: .24s cubic-bezier(.8, 0, .1, .81);
visibility: visible;
opacity: 1.0
}
.main-header .navbar .nav-item .submenu .vm {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-align: center!important;
align-items: center!important;
padding: 0 2rem;
}
.main-header .navbar .nav-item .submenu .vm .title{
-webkit-transition: .25s ease;
transition: .25s ease;
white-space: nowrap;
display: inline-block;
color: #fff;
font-size: 1.25rem;
text-align: center;
}
.main-header .navbar .nav-item .submenu .vm .title:hover{
opacity: .65;
}
.main-header .navbar .nav-item .submenu .vm .submenu_link {
font-size: .875rem;
line-height: 3.07;
display: inline-block;
vertical-align: middle;
padding-bottom: 0.0em;
margin-left: 1.5rem;
color: #fff;
position: relative;
}
.main-header .navbar .nav-item .submenu .vm .submenu_link:after {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: .2em;
height: 1px;
background-color: #6d6d6d;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: .24s cubic-bezier(.8, 0, .1, .81);
transition: .24s cubic-bezier(.8, 0, .1, .81);
}
.main-header .navbar .nav-item .submenu .vm .submenu_link:hover:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.main-header .navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
background-image: url("data:image/svg+xml,");
}
.main-header .navbar .navbar-collapse.collapse.show {
border-top: 1px solid #f0f0f0;
}
#sidebar-menu:not( .mm-spn ) {
display: none;
}
/* .main-header .navbar .navbar-nav {
flex-direction: row;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
padding: 1rem 0;
}
@media (min-width:768px) {
.main-header .navbar .navbar-nav {
padding: initial;
}
}
.main-header .navbar .navbar-nav li {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
text-align: center;
}
@media (min-width:768px) {
.main-header .navbar .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: initial;
flex-wrap: initial;
}
.main-header .navbar .navbar-nav li {
-ms-flex: initial;
flex: initial;
max-width: initial;
}
} */
.main-header .header-contact .contact-phone span{
border: 2px solid #fff;
border-radius: 50%;
display: block;
padding: .25rem;
}
.main-header .header-contact .contact-phone i{
/* color: #ffffff; */
font-size: 1.25rem;
line-height: 1.25rem;
}
.main-header .nav-menu .nav-link{
color: #fff;
font-size: 1.125rem;
border-bottom:2px solid transparent;
border-radius:initial;
margin: 0 1rem;
padding: .5rem 0;
}
.main-header .nav-menu .nav-link.cur,
.main-header .nav-menu .nav-link:hover
{
border-bottom:2px solid #fff;
}
.main-header .contact-text .hotline{
font-size: 1rem;
/* color: #ffffff; */
border-bottom: 2px solid #fff;
font-weight: bold;
padding-bottom: .25rem;
}
.main-header .contact-text .hotline .icon-phone{
margin-right: .25rem;
line-height: 1;
display: inline-block;
}
.main-header .contact-text .hotline .icon-phone img{
width: 1rem;
height: 1rem;
}
.main-header .contact-text .phone{
/* font-size: 1.25rem; */
/* color: #ffffff; */
font-weight: bold;
}
/* .main-header .header-contact{
display: none !important;
} */
/* .main-header .nav-bottom{
display: none !important;
} */
@media (min-width:768px) {
.main-header .header-contact{
display: -ms-flexbox !important;
display: flex !important;
}
.main-header .nav-bottom{
display: -ms-flexbox!important;
display: flex!important;
}
}
.ty-pd {
padding: 60px 0;
}
/*
* name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
.row {
width: 101%;
transition: .2s width ease;
*zoom: 1
}
.row:before,
.row:after {
display: table;
clear: both;
content: ''
}
.row>[class*="span-"] {
float: left;
margin-right: 1%;
*margin-right: .89%
}
.row>.span-1 {
width: 7.33333333%
}
.row>.span-2 {
width: 15.66666667%
}
.row>.span-3 {
width: 24%
}
.row>.span-4 {
width: 32.33333333%
}
.row>.span-5 {
width: 40.66666667%
}
.row>.span-6 {
width: 49%
}
.row>.span-7 {
width: 57.33333333%
}
.row>.span-8 {
width: 65.66666667%
}
.row>.span-9 {
width: 74%
}
.row>.span-10 {
width: 82.33333333%
}
.row>.span-11 {
width: 90.66666667%
}
.row>.span-12 {
width: 99%
}
.full-row {
width: 100%;
transition: .2s width ease;
*zoom: 1
}
.full-row:before,
.full-row:after {
display: table;
clear: both;
content: ''
}
.full-row>[class*='span'] {
float: left
}
.full-row>.span-1 {
width: 8.33333333%;
*width: 8.22333333%
}
.full-row>.span-2 {
width: 16.66666667%;
*width: 16.55666667%
}
.full-row>.span-3 {
width: 25%;
*width: 24.89%
}
.full-row>.span-4 {
width: 33.33333333%;
*width: 33.22333333%
}
.full-row>.span-5 {
width: 41.66666667%;
*width: 41.55666667%
}
.full-row>.span-6 {
width: 50%;
*width: 49.89%
}
.full-row>.span-7 {
width: 58.33333333%;
*width: 58.22333333%
}
.full-row>.span-8 {
width: 66.66666667%;
*width: 66.55666667%
}
.full-row>.span-9 {
width: 75%;
*width: 74.89%
}
.full-row>.span-10 {
width: 83.33333333%;
*width: 83.22333333%
}
.full-row>.span-11 {
width: 91.66666667%;
*width: 91.55666667%
}
.full-row>.span-12 {
width: 100%;
*width: 99.89%
}
.row>.pull-right,
.full-row>.pull-right {
float: right
}
.row>.center {
position: relative;
left: -0.5%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto
}
.full-row>.center {
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto
}
.pull-left-1 {
position: relative;
left: -8.33333333%
}
.pull-left-2 {
position: relative;
left: -16.66666667%
}
.pull-left-3 {
position: relative;
left: -25%
}
.pull-left-4 {
position: relative;
left: -33.33333333%
}
.pull-left-5 {
position: relative;
left: -41.66666667%
}
.pull-left-6 {
position: relative;
left: -50%
}
.pull-left-7 {
position: relative;
left: -58.33333333%
}
.pull-left-8 {
position: relative;
left: -66.66666667%
}
.pull-left-9 {
position: relative;
left: -75%
}
.pull-left-10 {
position: relative;
left: -83.33333333%
}
.pull-left-11 {
position: relative;
left: -91.66666667%
}
.pull-left-12 {
position: relative;
left: -100%
}
.pull-right-1 {
position: relative;
left: 8.33333333%
}
.pull-right-2 {
position: relative;
left: 16.66666667%
}
.pull-right-3 {
position: relative;
left: 25%
}
.pull-right-4 {
position: relative;
left: 33.33333333%
}
.pull-right-5 {
position: relative;
left: 41.66666667%
}
.pull-right-6 {
position: relative;
left: 50%
}
.pull-right-7 {
position: relative;
left: 58.33333333%
}
.pull-right-8 {
position: relative;
left: 66.66666667%
}
.pull-right-9 {
position: relative;
left: 75%
}
.pull-right-10 {
position: relative;
left: 83.33333333%
}
.pull-right-11 {
position: relative;
left: 91.66666667%
}
.pull-right-12 {
position: relative;
left: 100%
}
@media only screen and (max-width:1024px) {
.row>.midd-1 {
width: 7.33333333%
}
.row>.midd-2 {
width: 15.66666667%
}
.row>.midd-3 {
width: 24%
}
.row>.midd-4 {
width: 32.33333333%
}
.row>.midd-5 {
width: 40.66666667%
}
.row>.midd-6 {
width: 49%
}
.row>.midd-7 {
width: 57.33333333%
}
.row>.midd-8 {
width: 65.66666667%
}
.row>.midd-9 {
width: 74%
}
.row>.midd-10 {
width: 82.33333333%
}
.row>.midd-11 {
width: 90.66666667%
}
.row>.midd-12 {
width: 99%
}
.midd-hide {
display: none
}
.midd-center {
position: relative;
left: -0.5%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto
}
.full-row>.midd-1 {
width: 8.33333333%
}
.full-row>.midd-2 {
width: 16.66666667%
}
.full-row>.midd-3 {
width: 25%
}
.full-row>.midd-4 {
width: 33.33333333%
}
.full-row>.midd-5 {
width: 41.66666667%
}
.full-row>.midd-6 {
width: 50%
}
.full-row>.midd-7 {
width: 58.33333333%
}
.full-row>.midd-8 {
width: 66.66666667%
}
.full-row>.midd-9 {
width: 75%
}
.full-row>.midd-10 {
width: 83.33333333%
}
.full-row>.midd-11 {
width: 91.66666667%
}
.full-row>.midd-12 {
width: 100%
}
}
@media only screen and (max-width:992px) {
.row>.smidd-1 {
width: 7.33333333%
}
.row>.smidd-2 {
width: 15.66666667%
}
.row>.smidd-3 {
width: 24%
}
.row>.smidd-4 {
width: 32.33333333%
}
.row>.smidd-5 {
width: 40.66666667%
}
.row>.smidd-6 {
width: 49%
}
.row>.smidd-7 {
width: 57.33333333%
}
.row>.smidd-8 {
width: 65.66666667%
}
.row>.smidd-9 {
width: 74%
}
.row>.smidd-10 {
width: 82.33333333%
}
.row>.smidd-11 {
width: 90.66666667%
}
.row>.smidd-12 {
width: 99%
}
.smidd-hide {
display: none
}
.smidd-center {
position: relative;
left: -0.5%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto
}
.full-row>.smidd-1 {
width: 8.33333333%
}
.full-row>.smidd-2 {
width: 16.66666667%
}
.full-row>.smidd-3 {
width: 25%
}
.full-row>.smidd-4 {
width: 33.33333333%
}
.full-row>.smidd-5 {
width: 41.66666667%
}
.full-row>.smidd-6 {
width: 50%
}
.full-row>.smidd-7 {
width: 58.33333333%
}
.full-row>.smidd-8 {
width: 66.66666667%
}
.full-row>.smidd-9 {
width: 75%
}
.full-row>.smidd-10 {
width: 83.33333333%
}
.full-row>.smidd-11 {
width: 91.66666667%
}
.full-row>.smidd-12 {
width: 100%
}
}
@media only screen and (max-width:760px) {
.row>.smal-1 {
width: 7.33333333%
}
.row>.smal-2 {
width: 15.66666667%
}
.row>.smal-3 {
width: 24%
}
.row>.smal-4 {
width: 32.33333333%
}
.row>.smal-5 {
width: 40.66666667%
}
.row>.smal-6 {
width: 49%
}
.row>.smal-7 {
width: 57.33333333%
}
.row>.smal-8 {
width: 65.66666667%
}
.row>.smal-9 {
width: 74%
}
.row>.smal-10 {
width: 82.33333333%
}
.row>.smal-11 {
width: 90.66666667%
}
.row>.smal-12 {
width: 99%
}
.smal-hide {
display: none
}
.smal-show {
display: block
}
.smal-center {
position: relative;
left: -0.5%;
display: block;
float: none;
clear: both;
margin-right: auto;
margin-left: auto
}
[class*='pull-left-'],
[class*='pull-right-'] {
right: auto;
left: auto
}
.full-row>.smal-1 {
width: 8.33333333%
}
.full-row>.smal-2 {
width: 16.66666667%
}
.full-row>.smal-3 {
width: 25%
}
.full-row>.smal-4 {
width: 33.33333333%
}
.full-row>.smal-5 {
width: 41.66666667%
}
.full-row>.smal-6 {
width: 50%
}
.full-row>.smal-7 {
width: 58.33333333%
}
.full-row>.smal-8 {
width: 66.66666667%
}
.full-row>.smal-9 {
width: 75%
}
.full-row>.smal-10 {
width: 83.33333333%
}
.full-row>.smal-11 {
width: 91.66666667%
}
.full-row>.smal-12 {
width: 100%
}
}
/*挂件分页样式*/
.util-page {
font-size: 0;
color: #000;
text-align: center;
}
.util-page .gobutton,
.util-page .sl,
.util-page .num,
.util-page .count {
color: #000;
display: inline-block;
border: 1px solid #ededed;
margin: 10px 0;
padding: 5px 10px;
vertical-align: middle;
margin: 0 0 10px -1px;
background: #fff;
font-size: 16px;
font-weight: normal;
}
.util-page .gobutton:hover,
.util-page .num:hover,
.util-page .current {
color: #fff;
background: #008cd6;
}
.util-page span.gobutton,
.util-page span.gobutton:hover {
color: #000;
background-color: #eee;
}
.util-page .gobutton .ion {
font-size: .8em;
}
.util-page .count {
margin-left: 10px;
color: #000;
background: none;
border: none;
}
.util-page span.jump {
background: none;
color: #000;
display: inline-block;
margin: 0 7px;
vertical-align: top;
}
.util-page span.jumpto,
.util-page span.jumpto_text,
.util-page span.jumpto_text {
background: none;
border: none;
color: #000;
font-size: 14px;
}
.util-page .jumpto_inp {
width: 40px;
text-align: center;
height: 37px;
line-height: 37px;
vertical-align: top;
}
/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea {
margin: 0 auto 55px;
max-width: 1200px;
}
.BdMapWrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 45%;
overflow: hidden;
}
.BdMapWrapper .BdMapCon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width:760px) {
.BdMapArea {
display: none;
}
}
/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box {
display: none !important;
}
/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico {
display: inline-block;
width: 20px;
height: 20px;
white-space: nowrap;
letter-spacing: -1em;
text-indent: -99em;
color: transparent;
background: url(../img/ico.png);
*text-indent: 0;
*zoom: expression(this.runtimeStyle['zoom']='1', this.innerHTML='\3000');
vertical-align: middle;
}
.ico:before {
content: '\3000';
}
.ico1_2 {
background-position: -20px 0;
}
.ico1_3 {
background-position: -40px 0;
}
.ico1_4 {
background-position: -60px 0;
}
.ico1_5 {
background-position: -80px 0;
}
.ico2_1 {
background-position: 0 -20px;
}
.ico2_2 {
background-position: -20px -20px;
}
.ico2_3 {
background-position: -40px -20px;
}
.ico2_4 {
background-position: -60px -20px;
}
.ico2_5 {
background-position: -80px -20px;
}
.ico3_1 {
background-position: 0 -40px;
}
.ico3_2 {
background-position: -20px -40px;
}
.ico3_3 {
background-position: -40px -40px;
}
.ico3_4 {
background-position: -60px -40px;
}
.ico3_5 {
background-position: -80px -40px;
}
.ico4_1 {
background-position: 0 -60px;
}
.ico4_2 {
background-position: -20px -60px;
}
.ico4_3 {
background-position: -40px -60px;
}
.ico4_4 {
background-position: -60px -60px;
}
.ico4_5 {
background-position: -80px -60px;
}
/* 常量设置 */
.wrap {
width: 1200px;
margin-right: auto;
margin-left: auto;
}
.mwrap {
max-width: 1366px;
margin-right: auto;
margin-left: auto;
}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body {
min-width: 1240px\9;
overflow-x: auto;
}
/*for ie9+*/
@media all and (min-width:0) {
body {
min-width: 0;
overflow-x: hidden;
}
}
body {
font-size: 14px;
line-height: 1.6;
color: #555;
background: #fff;
}
a {
color: inherit;
}
a:hover {
color: #008cd6;
}
::-moz-selection {
color: #fff;
background: #008cd6;
}
::selection {
color: #fff;
background: #008cd6;
}
::-webkit-input-placeholder {
color: #aaa;
}
.placeholder {
color: #aaa;
}
/*css组件设置*/
.form-control,
.input-group-addon,
.btn {
border-radius: 2px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);
}
.imgZoom img,
.imgY180 img {
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
-webkit-transition: all .8s ease 0s;
transition: all .8s ease 0s;
}
.imgZoom {
overflow: hidden;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.imgZoom:hover img {
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.imgY180:hover img {
cursor: pointer;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
/* 网站样式 */
/*头部导航*/
/*widgets_single_nav_2*/
.widgets_single_nav_2 {
position: fixed;
z-index: 50;
left: 0;
top: 0;
width: 100%;
}
.widgets_single_nav_2 .transition {
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.widgets_single_nav_2 .wrap {
background: #fff;
position: relative;
width: 1400px;
}
.widgets_single_nav_2 .logo {
padding-top: 0;
}
.widgets_single_nav_2 .inav_wrapper {
margin-right: 2%;
}
.widgets_single_nav_2 .inav {
line-height: 90px;
}
.widgets_single_nav_2 .inav>ul>li {
float: left;
font-size: 16px;
color: #010101;
text-align: center;
position: relative;
}
.widgets_single_nav_2 .inav>ul>li>a {
display: block;
padding: 0px 15px;
}
.widgets_single_nav_2 .inav>ul>li:after {
content: "";
width: 100%;
bottom: 0;
left: 0;
height: 3px;
background: #0059a9;
position: absolute;
display: none;
}
.widgets_single_nav_2 .inav>ul>li:hover:after {
display: block;
}
.widgets_single_nav_2 .hd_tools_box {
background: #0059a9;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 90px;
height: 90px;
padding-right: 10px;
}
.widgets_single_nav_2 .group {
position: relative;
padding: 0px 20px 0 30px;
}
.widgets_single_nav_2 .group .ico {
width: 20px;
height: 22px;
background: url(../img/fangwei.png) no-repeat;
margin-right: 5px;
}
/* .widgets_single_nav_2 .group:after {
content: "";
width: 1px;
height: 40px;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
background: #2b75b8;
} */
.widgets_single_nav_2 .group .xiala {
padding: 15px 0;
position: absolute;
top: 100%;
left: 0;
background: #0059a9;
text-align: center;
z-index: 2;
width: 100%;
display: none;
border-top: 1px solid #f7a443;
}
.widgets_single_nav_2 .group .xiala li {
height: 36px;
line-height: 36px;
}
.widgets_single_nav_2 .group .xiala li a {
display: block;
color: #fff;
font-size: 14px;
}
.widgets_single_nav_2 .group .xiala li a:hover {
background: #f7a443;
}
.widgets_single_nav_2 .lang {
font-size: 18px;
padding: 0 10px;
display: block;
position: relative;
}
.widgets_single_nav_2 .lang:after {
content: "";
width: 1px;
height: 40px;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px;
background: #2b75b8;
}
.widgets_single_nav_2 .search {
display: block;
font-size: 24px;
padding: 0 6px;
cursor: pointer;
position: relative;
}
.widgets_single_nav_2 .search .iconfont {
display: block;
}
.widgets_single_nav_2 .search_box {
background-color: #0059a9;
position: absolute;
right: 0;
top: 100%;
width: 100%;
display: none;
}
.widgets_single_nav_2 .search_box .inp_box {
width: 80%;
border: none;
padding: 0;
margin: 0;
background: none;
height: 60px;
line-height: 60px;
color: #ccc;
padding: 0 10%;
}
.widgets_single_nav_2 .search_box .search_ico {
font-size: 20px;
color: #fff;
cursor: pointer;
}
.widgets_single_nav_2 .mobile_key {
display: none;
}
.widgets_single_nav_2 .tr_color {
position: absolute;
top: 0;
width: 0;
height: 100%;
z-index: -1;
}
.widgets_single_nav_2 .tr_white {
left: 50%;
background-color: #0059a9;
}
.widgets_single_nav_2 .tr_red {
right: 50%;
background-color: #fff;
}
.widgets_single_nav_2.hover .tr_color {
width: 50%
}
.widgets_single_nav_2.xc-head .tr_color {
width: 50%
}
/*第二种下拉*/
.widgets_single_nav_2 .inav>ul>.nav_li {
position: relative;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer {
width: 690px;
background: #f8f8f8;
overflow: hidden;
position: absolute;
top: 100%;
left: -200px;
display: none;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .pd {
padding: 40px 55px 55px 50px;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .l_navbox {
width: 24%;
line-height: 48px;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .l_navbox a {
display: block;
border-bottom: 1px solid #d4d4d4;
font-size: 15px;
color: #2c2c2c;
padding: 0 15px;
position: relative;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .l_navbox a:hover {
color: #0059a9;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .r_navbox {
width: 56%;
padding-left: 12%;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .r_navbox .img_box {
margin-bottom: 15px;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .r_navbox .info_box {
line-height: 28px;
font-size: 15px;
color: #615959;
text-align: left;
}
.widgets_single_nav_2 .hd_tools_box a:hover {
color: #fff;
}
/*widgets_single_nav_2 end*/
.iconfont,
.iconfont2 {
margin: 0;
}
/*底部*/
.foot {
background: #373737;
padding: 3% 0 0;
position: relative;
z-index: 2;
}
.foot:after {
content: "";
position: absolute;
bottom: 0;
right: 15%;
width: 606px;
height: 220px;
background: url(../img/hchc1.png) no-repeat;
z-index: -1;
}
.foot .top {
border-bottom: 1px solid #9b9b9b;
padding-bottom: 3%;
}
.foot .top dl {
float: left;
width: 14%;
}
.foot .top dl dt {
color: #1f95ff;
font-size: 16px;
margin-bottom: 25px;
}
.foot .top dl dd {
color: #9b9b9b;
margin-bottom: 10px;
}
.foot .top dl:first-child {
width: 30%;
}
.foot .top dl:first-child dd {
font-size: 13px;
}
.foot .top dl:first-child dd span {
font-family: "ttm";
}
/* .foot .top dl:first-child dd:nth-child(3) span {
font-size: 16px;
} */
/* .foot .top dl:first-child dd:nth-child(4) span {
font-size: 22px;
color: #0066c2;
} */
/* .foot .top dl:first-child dd:nth-child(5),
.foot .top dl:first-child dd:nth-child(6),
.foot .top dl:first-child dd:last-child {
color: #0059a9;
} */
.foot .top dl:first-child dd:nth-child(5) a,
.foot .top dl:first-child dd:nth-child(6) a,
.foot .top dl:first-child dd:last-child a {
text-decoration: underline;
}
.foot .top dl:nth-child(5) dd {
font-size: 16px;
color: #fff;
}
.foot .top dl .bdshare-button-style0-16 a {
background-image: none;
padding-left: 0;
font-size: 28px;
}
.foot .top dl .bdshare-button-style0-16 a:hover {
color: #0059a9;
}
.foot .bottom {
padding: 1% 0;
color: #9b9b9b;
}
/*下层banner*/
.xc-banner {
/* margin-top: 90px; */
position: relative;
height: 335px;
overflow: hidden;
}
.xc-banner img {
position: absolute;
width: 1920px;
left: 50%;
top: 0;
margin-left: -960px;
max-width: none;
}
/*二级导航及面包屑*/
.sec-box {
height: 75px;
border-bottom: 1px solid #ededed;
}
.sec-box .sec-nav li {
float: left;
margin-right: 30px;
font-size: 15px;
color: #414141;
line-height: 75px;
}
.sec-box .sec-nav li.cur {
border-bottom: 2px solid #0059a9;
}
.sec-box .breadcurmb {
line-height: 75px;
}
.channel-content {
min-height: 400px;
padding: 50px 0;
}
/*分页*/
/* page-5 start*/
.util-page {
font-size: 0;
color: #000;
text-align: center;
margin-top: 40px;
}
.util-page .gobutton,
.util-page .sl,
.util-page .num {
color: #000;
display: inline-block;
border: 1px solid #ededed;
padding: 5px 10px;
vertical-align: middle;
margin: 0 0 10px -1px;
background: #fff;
line-height: 27px;
font-size: 16px;
font-weight: normal;
}
.util-page .gobutton:hover,
.util-page .num:hover,
.util-page .current {
color: #fff;
background: #0059a9;
}
.util-page span.gobutton,
.util-page span.gobutton:hover {
color: #000;
background-color: #eee;
}
.util-page .gobutton {
font-size: 14px;
padding: 4px 10px;
}
/*新闻列表*/
/* newslist-10 start*/
.widget-newslist-10 .list_hd {
background-color: #f0f0f0;
padding: 50px 60px 40px;
margin-bottom: 3%;
}
.widget-newslist-10 .hd_tit {
font-size: 22px;
color: #000;
height: 30px;
line-height: 30px;
margin-right: 2%;
}
.widget-newslist-10 .inp_box_wrap {
width: 20%;
margin-right: 2%;
}
.widget-newslist-10 .inp_box {
display: block;
width: 100%;
height: 32px;
line-height: 32px;
border: 1px solid #e0e0e0;
padding: 0;
margin: 0;
box-sizing: content-box;
font-size: 13px;
color: #999;
padding: 0;
text-indent: 10px;
}
.widget-newslist-10 .hd_btn {
width: 20%;
border: none;
text-align: center;
background-color: #0059a9;
font-size: 15px;
color: #fff;
height: 32px;
line-height: 32px;
outline: none;
cursor: pointer;
}
.widget-newslist-10 .list_main {
overflow: hidden;
padding: 3% 1%;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: 1px solid #e6e6e6;
display: block;
}
.widget-newslist-10 .bd_r {
width: 20%;
}
.widget-newslist-10 .bd_c {
width: 85%;
}
.widget-newslist-10 .list_title {
font-size: 18px;
color: #000;
font-weight: normal;
margin-bottom: 1%;
}
.widget-newslist-10 .list_p {
font-size: 14px;
color: #464646;
line-height: 26px;
height: 52px;
overflow: hidden;
margin-bottom: 3%;
}
.widget-newslist-10 .list_time {
font-size: 14px;
color: #d5d5d5;
padding: 0 2% 2% 0;
font-family: Arial;
width: 11%;
text-align: right;
}
.widget-newslist-10 .list_time_day {
display: block;
font-size: 48px;
line-height: 50px;
font-family: helvetica;
}
.widget-newslist-10 .select-ui-choose ._arrow {
width: 16%;
right: 0;
}
.widget-newslist-10 .select-ui-choose ._arrow .arr {
left: 50%;
margin: 0 0 0 -0.4em;
border-color: #969696 transparent transparent;
}
body .select-ui-options li:hover,
body .select-ui-options li.hover {
background: #0059a9;
}
body .select-ui-options-bottom,
.widget-newslist-10 .select-ui-choose-bottom.on,
.widget-newslist-10 .select_box {
border-radius: 0px;
}
.widget-newslist-10 .bdshare-button-style1-16 a {
padding: 0;
margin: 0;
background: none;
height: 20px;
line-height: 20px;
}
.widget-newslist-10 li:hover .list_main {
background-color: #f8f8f8;
}
.widget-newslist-10 li:hover .list_main:after {
background-color: #f8f8f8;
}
.widget-newslist-10 li:hover .list_title,
.widget-newslist-10 li:hover .list_p,
.widget-newslist-10 li:hover .list_time {
color: #0059a9;
}
.widget-newslist-10 li:hover .list_title {
font-weight: bold;
}
.widget-newslist-10 .hot-new {
margin-bottom: 3%;
}
.widget-newslist-10 .hot-new li {
float: left;
margin-right: 2%;
width: 32%;
margin-bottom: 2%;
}
.widget-newslist-10 .hot-new li a {
display: block;
position: relative;
padding-bottom: 80px;
}
.widget-newslist-10 .hot-new li:nth-of-type(3n) {
margin-right: 0;
}
.widget-newslist-10 .hot-new li.last {
margin-right: 0;
}
.widget-newslist-10 .hot-new .con {
padding: 5%;
transition: all .5s ease;
position: absolute;
height: auto;
width: 100%;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget-newslist-10 .hot-new .con .title {
font-size: 17px;
color: #000;
margin-bottom: 2%;
transition: all .3s ease;
}
.widget-newslist-10 .hot-new .con .dec {
height: 0;
margin-bottom: 2%;
transition: all .3s ease;
opacity: 0;
visibility: hidden;
}
.widget-newslist-10 .hot-new .con .time {
font-size: 13px;
color: #0059a9;
transition: all .3s ease;
}
.widget-newslist-10 .hot-new li:hover .con {
background: #0059a9;
}
.widget-newslist-10 .hot-new li:hover .title {
color: #fff;
font-weight: bold;
}
.widget-newslist-10 .hot-new li:hover .dec {
height: 3em;
color: #fff;
opacity: 1;
visibility: visible;
}
.widget-newslist-10 .hot-new li:hover .time {
color: #fff;
}
/*新闻详细*/
/*widgets_xc_newdetail_unite_2*/
.widgets_xc_newdetail_unite_2 .news_detail_top {
padding-top: 46px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_content {
border-bottom: 1px dashed #bac0c6;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .iconfont {
color: #676767;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_content ._title {
font-size: 29px;
font-weight: bold;
color: #000;
margin-bottom: 10px;
overflow: hidden;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools {
font-size: 0;
color: #7e7e7e;
margin-bottom: 15px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools ._tool {
font-size: 12px;
margin-right: 10px;
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: middle;
overflow: hidden;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools .iconfont {
font-size: 18px;
display: inline-block;
height: 30px;
line-height: 30px;
vertical-align: -2px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools b {
font-weight: normal;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools #switcher {
margin-left: 10px;
line-height: 41px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools #switcher ._title {
margin-right: 5px;
font-size: 12px;
color: #7e7e7e;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools #switcher a {
font-size: 13px;
margin: 0 1px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools .bds_more {
float: none;
background: none;
padding: 0;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .myart {
padding: 30px 2.5%;
line-height: 2;
min-height: 200px;
font-size: 13px;
color: #555555
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_prev,
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_next,
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_nav {
width: 42px;
height: 42px;
margin-left: 18px;
text-align: center;
border: 1px solid #999;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box i.iconfont {
height: auto;
margin: 0;
font-size: 19px;
color: #999;
text-align: center;
line-height: 42px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_next i.iconfont {
margin-left: 3px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_nav {
width: 35px;
height: 35px;
margin-top: 4px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box .btn_nav i.iconfont {
font-size: 16px;
line-height: 35px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box a:hover {
background-color: #0059a9;
border-color: #0059a9;
}
.widgets_xc_newdetail_unite_2 .news_detail_top .detail_btn_box a:hover i.iconfont {
color: #fff;
}
.widgets_xc_newdetail_unite_2 .page_info {
margin-bottom: 120px;
border-top: 1px solid #e4e4e4;
}
.widgets_xc_newdetail_unite_2 .page_info_btn {
display: block;
height: 60px;
border-bottom: 1px solid #e4e4e4;
}
.widgets_xc_newdetail_unite_2 .page_info .b_text {
width: 8.8%;
height: 60px;
font-size: 16px;
color: #000;
text-align: center;
line-height: 60px;
}
.widgets_xc_newdetail_unite_2 .page_info .news_date {
width: 11.5%;
height: 60px;
font-size: 13px;
color: #969696;
text-align: center;
line-height: 60px;
}
.widgets_xc_newdetail_unite_2 .page_info .news_tit {
width: 77.7%;
height: 60px;
margin-left: 2%;
font-size: 16px;
color: #000;
line-height: 60px;
}
.widgets_xc_newdetail_unite_2 .page_info_btn:hover .b_text {
background-color: #0059a9;
color: #fff;
}
/*视频列表*/
/* piclist-1 start*/
.widget-prolist-15 {
margin-bottom: 20px;
}
.widget-prolist-15 ._info {
padding: 20px;
background: #ecf1f4;
}
.widget-prolist-15 ._info .tit {
display: inline-block;
max-width: 85%;
}
.widget-prolist-15 ._info .iconfont {
font-size: 18px;
}
.widget-prolist-15 li {
cursor: pointer;
margin-bottom: 40px;
}
.widget-prolist-15 li:hover ._info {
background: #0059a9;
color: #fff;
}
.widget-prolist-15 li .cover {
position: absolute;
width: 100%;
height: 0;
left: 0;
bottom: 0;
transition: all 0.5s ease;
background: rgba(0, 0, 0, .33);
overflow: hidden;
}
.widget-prolist-15 li .rect-75 i {
display: inline-block;
position: absolute;
z-index: 5;
left: 50%;
top: 50%;
margin-top: -34px;
margin-left: -34px;
font-size: 35px;
color: #fff;
width: 68px;
height: 68px;
text-align: center;
}
.widget-prolist-15 li:hover .cover {
height: 100%;
transition: all 0.5s ease;
}
.widget-prolist-15 li:hover ._info .iconfont {
color: #fff;
}
.i_video_box {
position: relative;
}
.i_video_box .about-video-close {
position: absolute;
width: 22px;
height: 22px;
background: url(../img/about_close.png) no-repeat;
right: 3%;
top: 3%;
z-index: 10;
display: block;
cursor: pointer;
}
/*产品列表*/
/* prolist-14 start*/
.pro_list_14 .list_box a {
display: block;
}
.pro_list_14 .list_text {
padding: 8% 8%;
color: #010101;
background-color: #f8f7f7;
}
.pro_list_14 .list_title {
font-size: 22px;
margin-bottom: 10px;
font-family: "Arial";
}
.pro_list_14 .list_p {
font-size: 13px;
margin-bottom: 9%;
line-height: 24px;
height: 72px;
}
.pro_list_14 .list_box .list_more {
font-size: 13px;
display: inline-block;
width: 110px;
height: 35px;
line-height: 35px;
border: 1px solid #c6c6c6;
text-align: center;
margin-right: 10%;
}
.pro_list_14 .cover {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
left: 0;
background: rgba(0, 0, 0, 0.4);
transition: all .3s ease;
}
.pro_list_14 .cover:after,
.pro_list_14 .cover:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: #fff;
display: inline-block;
}
.pro_list_14 .cover:after {
width: 1px;
height: 60px;
margin-top: -30px;
}
.pro_list_14 .cover:before {
width: 60px;
height: 1px;
margin-left: -30px;
}
.pro_list_14 .list_more .iconfont {
margin-left: 15%;
}
.pro_list_14 li:hover .list_text {
background-color: #0059a9;
color: #fff;
}
.pro_list_14 li:hover .list_more {
color: #fff;
border-color: #fff;
}
.pro_list_14 li:hover .cover {
top: 0;
}
.pro_list_14 li {
margin-bottom: 30px;
}
/*产品详细*/
.xc-banner.pro-detail {
margin-top: 0;
}
.widgets_single_nav_2.pro-detail {
position: static;
}
.widgets_single_nav_2.pro-detail .tr_color {
height: 90px;
}
/* prodetail-9 start*/
.pro_detail_09.channel-content {
padding: 50px 0 0;
}
.pro_detail_09 .detail_hd_l {
width: 52%;
}
.pro_detail_09 .detail_hd_l .big_img {
margin-bottom: 14px;
}
.pro_detail_09 .detail_hd_l .big_img .iconfont {
display: block;
position: absolute;
bottom: 4%;
right: 3%;
font-size: 30px;
color: #0059a9;
z-index: 2;
}
.pro_detail_09 .detail_hd_l .smal_img .list_box {
border: 1px solid #ededed;
}
.pro_detail_09 .detail_hd_l .smal_img img {
opacity: 0.6;
}
.pro_detail_09 .detail_hd_l .smal_img .active img {
opacity: 1;
}
.pro_detail_09 .detail_hd_r {
width: 42%;
}
.pro_detail_09 .detail_hd_r .pro_title {
font-size: 27px;
color: #000;
font-weight: normal;
margin-bottom: 10px;
}
.pro_detail_09 .detail_hd_r .pro_text {
font-size: 14px;
color: #656565;
line-height: 24px;
margin-bottom: 30px;
}
.pro_detail_09 .detail_hd_r .parameter {
background-color: #f8f7f7;
padding: 4% 6%;
margin-bottom: 56px;
}
.pro_detail_09 .detail_hd_r .parameter dl {
width: 26%;
padding-right: 2%;
border-right: 1px solid #ebebeb;
margin-right: 5%;
}
.pro_detail_09 .detail_hd_r .parameter dl:last-child {
border: none;
}
.pro_detail_09 .detail_hd_r .parameter dt {
font-size: 18px;
color: #4f4f4f;
margin-bottom: 4px;
}
.pro_detail_09 .detail_hd_r .parameter dd {
font-size: 20px;
color: #a0a0a0;
font-family: Arial;
}
.pro_detail_09 .detail_hd_r .bj_btn {
width: 300px;
height: 52px;
line-height: 53px;
font-size: 16px;
color: #fff;
display: block;
background-color: #0059a9;
text-align: center;
margin-bottom: 3%;
}
.pro_detail_09 .detail_hd_r .bj_btn .iconfont {
font-size: 1.3em;
margin-right: 5px;
}
.pro_detail_09 .detail_hd_r .phone_number {
font-size: 14px;
color: #000;
}
.pro_detail_09 .detail_hd_r .phone_number .number {
display: inline-block;
font-size: 24px;
color: #fe8d08;
line-height: 26px;
vertical-align: middle;
margin-left: 10px;
font-family: "Arial";
}
.pro_detail_09 .detail_hd_r .detail_hd_r_03 {
margin-bottom: 15px;
}
.pro_detail_09 .detail_hd_r .tools_box a {
font-size: 14px;
color: #737373;
display: inline-block;
*display: inline;
*zoom: 1;
margin-right: 16px;
line-height: 30px;
background: none;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
float: none;
}
.pro_detail_09 .detail_hd_r .tools_box .iconfont {
font-size: 25px;
margin-right: 5px;
color: #858585;
}
.pro_detail_09 .pro_detail_bd {
padding-top: 60px;
}
.pro_detail_09 .detail_bd_title {
height: 160px;
}
.pro_detail_09 .detail_bd_title .wrap {
position: relative;
}
.pro_detail_09 .detail_bd_title .detail_bd_title_box {
padding: 80px 0px 50px;
background: #dadada;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pro_detail_09 .detail_bd_title .list_border {
width: 100%;
height: 1px;
background: #fff;
display: block;
position: absolute;
top: -14px;
left: 0;
}
.pro_detail_09 .detail_bd_title li {
display: inline-block;
*display: inline;
*zoom: 1;
width: 20%;
font-size: 20px;
color: #fff;
position: relative;
line-height: 30px;
cursor: pointer;
}
.pro_detail_09 .detail_bd_title li .title_ico {
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #fff;
display: block;
position: absolute;
top: -22px;
left: 50%;
margin-left: -7.5px;
}
.pro_detail_09 .detail_bd_title .active .title_ico {
background-color: #0059a9;
}
.pro_detail_09 .pd_section {
min-height: 200px;
padding: 5% 0;
}
.pro_detail_09 .pd_section:nth-child(4) {
background: url(../img/pro-section3-bg.jpg) no-repeat center center;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
}
.pro_detail_09 .owl-carousel {
margin-top: 3%;
display: none;
}
.pro_detail_09 .pd_section:nth-child(4) .owl-prev,
.pro_detail_09 .pd_section:nth-child(4) .owl-next {
position: absolute;
top: 50%;
font-size: 100px;
margin-top: -30px;
color: #fff;
cursor: pointer;
}
.pro_detail_09 .pd_section:nth-child(4) .owl-prev {
left: 12%;
}
.pro_detail_09 .pd_section:nth-child(4) .owl-next {
right: 12%;
}
.pro_detail_09 .pd_section .item {
background: #f0f0f0;
}
.pro_detail_09 .pd_section .item .imgbox {
width: 45%;
background: #fff;
}
.pro_detail_09 .pd_section .item .con {
width: 55%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5%;
}
.pro_detail_09 .pd_section .item .con .title {
font-size: 18px;
color: #000;
font-weight: bold;
margin-bottom: 3%;
}
.pro_detail_09 .pd_section .item .con .dec {
color: #7a7a7a;
font-size: 12px;
}
/*.pro_detail_09 .pd_section:last-child{ height: 0; opacity: 0; min-height: 0; padding: 0; }*/
.pro_detail_09 .pd_section h3 {
font-size: 36px;
color: #000;
}
.pro_detail_09 .detail_bd_title .detail_bd_title_box.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 60px 0px 30px;
z-index: 99;
}
/* prodetail-9 end*/
/*发展历程*/
/* history-5 start*/
.widget-history-9-slide .his_left {
width: 28%;
}
.widget-history-9-slide .his_right {
width: 66%;
}
.widget-history-9-slide .left_list li {
height: 70px;
line-height: 70px;
background-color: #f1f1f1;
text-align: center;
margin-bottom: 2px;
font-size: 22px;
cursor: pointer;
}
.widget-history-9-slide .left_list .tab_t_cur {
background-color: #0059a9;
color: #ffffff;
}
.widget-history-9-slide .his_right ul {
border-left: 1px solid #e6e6e6;
padding: 0 46px 0 50px;
}
.widget-history-9-slide .his_right li {
margin-bottom: 40px;
}
.widget-history-9-slide .his_right .list_box {
padding: 36px 30px;
background-color: #f7f7f7;
position: relative;
}
/*.widget-history-9-slide .his_right .list_ico01{position:absolute;left:-17px;top:30px;width:17px;height:21px;background:url(/widget/history/9/list_ico01.png) no-repeat center;}*/
.widget-history-9-slide .his_right .list_ico02 {
width: 8px;
height: 8px;
border: 4px solid #cccccc;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: -58px;
top: 32px;
}
.widget-history-9-slide .his_right .list_title {
font-size: 24px;
color: #141414;
font-weight: normal;
}
.widget-history-9-slide .his_right .list_time {
font-size: 20px;
color: #0059a9;
font-family: Arial;
padding: 4px 0px 10px;
}
.widget-history-9-slide .his_right .list_text {
font-size: 14px;
color: #6f6f6f;
line-height: 30px;
margin-bottom: 20px;
}
/*公司荣誉*/
.about_honor .honor_hd {
text-align: center;
margin-bottom: 55px;
}
.about_honor .honor_hd a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 14%;
font-size: 24px;
margin: 0 2%;
font-weight: bold;
}
.about_honor .honor_hd .honor_ico {
width: 40px;
height: 40px;
display: block;
background: url(../img/honor_ico.png) no-repeat;
margin-right: 12px;
}
.about_honor .honor_hd .honor_ico2 {
background-position: -40px 0px;
}
.about_honor .honor_hd .honor_ico3 {
background-position: -80px 0px;
}
.about_honor .honor_hd a:hover .honor_ico1,
.about_honor .honor_hd a.cur .honor_ico1 {
background-position: 0px -40px;
}
.about_honor .honor_hd a:hover .honor_ico2,
.about_honor .honor_hd a.cur .honor_ico2 {
background-position: -40px -40px;
}
.about_honor .honor_hd a:hover .honor_ico3,
.about_honor .honor_hd a.cur .honor_ico3 {
background-position: -80px -40px;
}
.about_honor .honor_hd a:hover,
.about_honor .honor_hd a.cur {
color: #0059a9;
}
.about_honor .honor_bd {
/* background:url(../img/honor_bj.jpg) no-repeat center; */
}
.about_honor .bd_l {
width: 45%;
min-height: 674px;
background: url(../img/black_75.png) repeat;
}
.about_honor .bd_l .b_img {
padding: 8% 16.7% 0;
}
.about_honor .bd_l .img_title {
text-align: center;
background: url(../img/brown_80.png) repeat;
padding: 16px 4%;
font-size: 16px;
color: #fff;
font-weight: normal;
}
.about_honor .bd_r {
width: 55%;
min-height: 624px;
background: url(../img/brown_26.png) repeat;
}
.about_honor .bd_r_box {
padding: 10% 8% 0;
color: #fff;
}
.about_honor .r_title {
font-size: 30px;
margin-bottom: 20px;
}
.about_honor .r_text {
font-size: 16px;
color: rgba(255, 255, 255, 0.9);
line-height: 28px;
margin-bottom: 40px;
}
.about_honor .bd_r .img_box {
height: 106px;
background: #e6e6e6;
text-align: center;
position: relative;
overflow: hidden;
}
.about_honor .bd_r .img_box img {
height: 100%;
}
.about_honor .bd_r li {
margin-bottom: 14px;
float: left;
margin-right: 3%;
width: 30%;
cursor: pointer;
}
.about_honor .img_list {
height: 346px;
overflow: hidden;
margin-bottom: 14px;
padding-right: 4%;
position: relative;
}
.about_honor .img_cover {
position: absolute;
width: 100%;
height: 100%;
background: url(../img/brown_80.png) repeat;
top: 0;
left: 0;
opacity: 0;
transition: all .5s ease;
visibility: hidden;
}
.about_honor .img_cover .list_ico {
width: 40px;
height: 40px;
background: url(../img/honor_img_ico.png) no-repeat center;
left: 50%;
top: 50%;
margin-top: -20px;
margin-left: -20px;
display: block;
position: absolute;
}
.about_honor .img_list.scrollbar-ui .scroll_slider {
background: #dbd6d1
}
.about_honor .img_list.scrollbar-ui .scroll_bar {
background: url(../img/honor_scroll_bj.png) repeat-y center;
}
.about_honor li:hover .img_cover {
opacity: 1;
visibility: visible;
}
.about_honor .bd_r .img_title {
display: none;
}
/*联系我们*/
.contact {
padding: 80px 0 80px;
}
.contact .contact_l {
width: 65%;
background: #f0f0f0;
height: auto;
}
.contact .contact_l img {
max-width: none;
}
.contact .contact_r {
width: 35%;
background: #0059a9;
background: url(../img/contact_bj.png) rgba(0, 89, 169, .9) right bottom no-repeat;
}
.contact .contact_r_box {
padding: 36px 45px;
color: #fff;
}
.contact .contact_r_box a:hover {
color: #fff;
}
.contact .contact_r_box .r_title {
font-size: 26px;
font-weight: normal;
padding-bottom: 40px;
}
.contact .contact_r_box dl {
padding: 35px 0px 35px;
border-top: 1px dotted #fff;
}
.contact .contact_r_box dt {
font-size: 16px;
margin-bottom: 12px;
}
.contact .contact_r_box dd {
font-size: 14px;
}
.contact .contact_r_box .part3 {
padding: 25px 0px 25px 80px;
background: url(../img/contact_ico.png) no-repeat left center;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
}
.contact .contact_r_box .part3 span {
display: block;
}
.contact .contact_r_box .part3 .number {
font-size: 30px;
}
.contact .contact_r_box .part3 .title {
font-size: 18px;
}
.contact .contact_r_box .part4 {
padding: 50px 0px 23px;
}
.contact .contact_r_box .bdshare-button-style0-16 a {
float: none;
background-image: none;
padding-left: 0;
font-size: 20px;
}
.contact .bdshare-button-style1-24 a {
padding-left: 24px;
}
.contact .contact_r_box .part4_l {
width: 50%;
}
.contact .contact_r_box .part4_l>img {
width: 135px;
height: 135px;
}
.contact .contact_r_box .part4_r {
width: 50%
}
.contact .contact_r_box .part4_r span {
display: block;
}
.contact .contact_r_box .part4 .name {
font-size: 16px;
margin-bottom: 4px;
}
.contact .contact_r_box .part4 .en_title {
font-size: 13px;
margin-bottom: 10px;
text-transform: uppercase;
}
/*走进长源*/
.intro .pt1 {
line-height: 32px;
}
.intro .pt1 .video_box {
width: 460px;
float: right;
margin-left: 45px;
margin-bottom: 45px;
cursor: pointer;
}
.intro .pt1 .video_box .play {
position: absolute;
width: 76px;
height: 76px;
background: url(/themes/default/style/resources/web/img/play.png) center center no-repeat;
top: 50%;
left: 50%;
margin-top: -38px;
margin-left: -38px;
}
.intro .pt1 {
margin-bottom: 35px;
}
.intro .pt2 {
padding: 60px 0 50px;
background: url(/themes/default/style/resources/web/img/intro_pt2.jpg) center center no-repeat;
margin-bottom: 35px;
}
.intro .pt2 .num_box {
padding: 0 100px;
text-align: center;
}
.intro .pt2 .num_box .top_box {
font-size: 15px;
color: #0059a9;
}
.intro .pt2 .num_box .top_box span {
font-size: 65px;
color: #0059a9;
margin-right: 20px;
font-family: impact;
}
.intro .pt2 .num_box ._text {
font-size: 15px;
color: #0059a9;
}
.intro .pt3 {
line-height: 32px;
}
/*企业文化*/
.culture li {
float: left;
}
.culture li.li1 {
width: 49%;
margin-right: 1.5%;
}
.culture li.li2,
.culture li.li3 {
width: 24%;
margin-bottom: 1.15%;
}
.culture li.li2 {
margin-right: 1.5%;
}
.culture li.li4 {
width: 49.5%;
}
.culture .rect-9237 {
padding-bottom: 92.37%;
}
.culture .rect-9310 {
padding-bottom: 93.10%;
}
.culture .rect-4406 {
padding-bottom: 44.06%;
}
.culture .cul_infor {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
}
.culture .cul_infor .t {
font-size: 30px;
font-weight: bold;
color: #1e1e1e;
margin-bottom: 3%;
}
.culture .cul_infor .c {
font-size: 16px;
color: #4d4d4d;
}
/*首页*/
.ibanner .owl-dots {
position: absolute;
bottom: 5%;
left: 50%;
margin-left: -120px;
}
.ibanner .owl-dot {
display: inline-block;
margin: 0 8px;
font-size: 33px;
font-family: "ttm";
position: relative;
color: #0059a9;
width: 44px;
text-align: center;
line-height: 1;
border-bottom: 2px solid #fff;
}
.ibanner .owl-dot span {
opacity: 0;
background: url(../img/owl-dot-bg.png) no-repeat;
display: block;
width: 100%;
height: 100%;
}
.ibanner .owl-dot.active {
border-bottom: 2px solid #0059a9;
}
.ibanner .owl-dot.active span {
opacity: 1;
}
/*产品展示 widgets_product_icon_2*/
.widgets_product_icon_2 {
padding: 3% 0;
}
.widgets_product_icon_2 .tit {
font-size: 36px;
}
.widgets_product_icon_2 .tit em {
color: #abcd03;
}
.widgets_product_icon_2 .decs {
margin: 2% 0;
}
.widgets_product_icon_2 .cen-pro {
padding-top: 50px;
overflow: visible;
margin-bottom: 3%;
}
.widgets_product_icon_2 .cen-pro .scroll_nav {
display: none;
}
.widgets_product_icon_2 .cen-pro li {
float: left;
width: 25%;
text-align: center;
position: relative;
}
.widgets_product_icon_2 .cen-pro li .xiao {
display: block;
}
.widgets_product_icon_2 .cen-pro li .xiao .i {
display: inline-block;
width: 103px;
height: 103px;
border-radius: 50%;
background-color: #abcd03;
overflow: hidden;
}
.widgets_product_icon_2 .cen-pro li .name {
font-size: 18px;
font-weight: normal;
margin-top: 20px;
}
.widgets_product_icon_2 .cen-pro li .bigImg {
position: absolute;
width: 250px;
height: 250px;
top: 50%;
margin-top: -125px;
left: 50%;
margin-left: -125px;
border-radius: 50%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
visibility: hidden;
}
.widgets_product_icon_2 .cen-pro li .bigImg .t {
background: #0059a9;
background: rgba(0, 89, 169, .7);
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-weight: normal;
height: 75px;
line-height: 70px;
}
.widgets_product_icon_2 .cen-pro li .bigImg .t span {
display: inline-block;
vertical-align: middle;
height: auto;
line-height: 1.4;
font-size: 18px;
color: #fff;
padding: 0 22%;
}
.widgets_product_icon_2 .cen-pro li .animated {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
-webkit-transform: scale(1);
visibility: visible;
}
.widgets_product_icon_2 .ico103 {
display: inline-block;
vertical-align: middle;
width: 103px;
height: 103px;
}
.ipt2 {
background: url(../img/ipt2-bg.jpg) no-repeat center center;
height: 751px;
background-size: cover;
padding: 3% 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ipt2 .wrap {
position: relative;
}
.rect-168 {
padding-bottom: 168%;
}
.ipt2 .pt-hd {
margin-bottom: 3%;
}
.ipt2 .pt-hd .tit {
font-size: 36px;
font-weight: bold;
color: #fff;
text-align: center;
}
.ipt2 .pt-hd .tit em {
color: #abcd03;
}
.ipt2 .owl-carousel {
display: none;
}
.ipt2 .item a {
display: block;
}
.ipt2 .item .imgbox {
position: relative;
}
.ipt2 .item .con {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ipt2 .item .con .top {
width: 100%;
top: 0;
left: 0;
position: absolute;
padding: 15% 0 0 15%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
transition: all .3s ease;
}
.ipt2 .item .con .top .tit {
font-size: 28px;
}
.ipt2 .item .con .bottom {
width: 100%;
bottom: 0;
left: 0;
position: absolute;
padding: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
transition: all .3s ease;
z-index: 2;
}
.ipt2 .item .con .bottom:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
background: url(../img/hchc.png) no-repeat;
width: 202px;
height: 73px;
background-size: cover;
z-index: -1;
}
.ipt2 .item .con .bottom .title {
font-size: 24px;
position: relative;
margin-bottom: 15px;
opacity: 0;
transition: all .3s ease;
}
.ipt2 .item .con .bottom .title:after {
content: "";
position: absolute;
width: 20px;
height: 1px;
background: #fff;
top: 50%;
display: block;
right: 0;
}
.ipt2 .item .con .bottom .title:before {
content: "";
position: absolute;
width: 1px;
height: 20px;
background: #fff;
top: 50%;
margin-top: -10px;
display: block;
right: 10px;
}
.ipt2 .item .con .bottom .decs {
height: 3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 20px;
border-top: 1px solid #fff;
transition: all .5s ease;
text-align: center;
}
/*.ipt2 .item:hover .top,.ipt2 .item.cur .top{ opacity: 0; }
.ipt2 .item:hover .bottom,.ipt2 .item.cur .bottom{ background: #0059a9; background:-moz-linear-gradient(45deg,#0c4d89 0,#0059a9 50%,#0183dc 100%);background: -webkit-linear-gradient(45deg,#0c4d89 0,#0059a9 30%,#0183dc 90%);background: -ms-linear-gradient(45deg,#0c4d89 0,#0059a9 30%,#0183dc 90%);background: linear-gradient(45deg,#0c4d89 0,#0059a9 30%,#0183dc 90%); }*/
.ipt2 .item:hover .bottom .title,
.ipt2 .item.cur .bottom .title {
opacity: 1;
}
.ipt2 .item:hover .bottom .decs,
.ipt2 .item.cur .bottom .decs {
height: auto;
overflow: auto;
text-overflow: inherit;
white-space: normal;
}
.ipt2 .owl-prev,
.ipt2 .owl-next {
position: absolute;
top: 50%;
background: url(../img/ipt2-owl-pn.png) no-repeat;
width: 53px;
height: 119px;
font-size: 0;
cursor: pointer;
transition: all .3s ease;
}
.ipt2 .owl-prev {
left: -65px;
background-position: 0 -119px
}
.ipt2 .owl-prev:hover {
background-position: 0 0;
}
.ipt2 .owl-next {
background-position: -53px -119px;
right: -65px;
}
.ipt2 .owl-next:hover {
background-position: -53px 0;
}
.ipt3 {
background: url(../img/ipt3-bg.png) no-repeat center center;
height: 524px;
margin-top: -65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5% 0;
}
.ipt3 .pt-hd {
margin-bottom: 3%;
text-align: center;
}
.ipt3 .pt-hd .tit {
font-size: 36px;
color: #5d5d5d;
font-weight: bold;
margin-bottom: 1%;
}
.ipt3 .pt-hd .tit em {
color: #abcd03;
}
.ipt3 .pt-hd .decs {
width: 70%;
margin: 0 auto;
}
.ipt3 .pt-bd {
text-align: center;
}
.ipt3 .pt-bd .num_box {
width: 70%;
margin: 0 auto;
text-align: center;
}
.ipt3 .pt-bd .num_box .top_box {
font-size: 56px;
color: #4a4a4a;
font-family: "Impact";
}
.ipt3 .pt-bd .num_box ._text {
font-size: 15px;
color: #4a4a4a;
}
.ipt3 .pt-bd .more {
display: inline-block;
text-align: center;
color: #fff;
font-size: 16px;
padding: 1% 4%;
background: -moz-linear-gradient(45deg, #abcd03 0, #008cd6 30%, #231815 90%);
background: -webkit-linear-gradient(45deg, #abcd03 0, #008cd6 30%, #231815 90%);
background: -ms-linear-gradient(45deg, #abcd03 0, #008cd6 30%, #231815 90%);
background: linear-gradient(45deg, #abcd03 0, #008cd6 30%, #231815 90%);
margin-top: 3%;
}
.ipt4 {
padding: 3% 0;
}
.ipt4 .pt-hd {
margin-bottom: 5%;
text-align: center;
}
.ipt4 .pt-hd .tit {
font-size: 36px;
color: #5d5d5d;
font-weight: bold;
margin-bottom: 1%;
}
.ipt4 .pt-hd .tit em {
color: #abcd03;
}
.ipt4 .pt-bd .left {
width: 45%;
}
.ipt4 .pt-bd .left .imgbox {
position: relative;
}
.ipt4 .pt-bd .left .con {
position: absolute;
width: 100%;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
background: url(../img/black.6.png) center;
}
.ipt4 .pt-bd .left .con .time {
width: 20%;
background: -moz-linear-gradient(45deg, #0c4d89 0, #0059a9 50%, #0183dc 100%);
background: -webkit-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: -ms-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
padding: 5% 0;
text-align: center;
font-family: "ttm";
}
.ipt4 .pt-bd .left .con .date {
font-size: 34px;
line-height: 1;
}
.ipt4 .pt-bd .left .con .title {
width: 70%;
margin-left: 3%;
line-height: 98px;
font-size: 18px;
}
.ipt4 .pt-bd .right {
width: 55%;
background: #f1f1f1;
}
.ipt4 .pt-bd .right li {
width: 50%;
float: left;
}
.ipt4 .pt-bd .right li a {
display: block;
}
.rect-615 {
padding-bottom: 61.5%;
}
.rect-666 {
padding-bottom: 66.6%;
}
.ipt4 .pt-bd .right .li1 {
background: #0059a9;
position: relative;
z-index: 2;
color: #fff;
text-align: center;
cursor: pointer;
}
.ipt4 .pt-bd .right .li1:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
background: url(../img/hchc.png) no-repeat;
width: 202px;
height: 73px;
background-size: cover;
z-index: -1;
}
.ipt4 .pt-bd .right .li1 .play {
background: url(../img/video-play.png) no-repeat;
width: 53px;
height: 64px;
margin: 15% auto 5%;
}
.ipt4 .pt-bd .right .li1 .title {
font-size: 20px;
}
.ipt4 .pt-bd .right .li2 .cont,
.ipt4 .pt-bd .right .li3 .cont {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 12% 10% 0;
}
.ipt4 .pt-bd .right .li2 .title,
.ipt4 .pt-bd .right .li3 .title {
font-size: 17px;
color: #000;
}
.ipt4 .pt-bd .right .li2 .time,
.ipt4 .pt-bd .right .li3 .time {
font-size: 13px;
color: #0059a9;
margin-bottom: 8%;
}
.ipt5 {
height: 244px;
background: url(../img/index16.png) no-repeat center;
overflow: hidden;
}
.ipt5 li a {
display: block;
}
.ipt5 li a .box {
padding: 65px 0 60px;
}
.ipt5 li a .box .t {
font-size: 18px;
color: #fff;
}
.ipt5 li a .box .c {
font-size: 14px;
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
.ipt5 li a .box .icon {
width: 57px;
height: 51px;
background: url(../img/index17.png) no-repeat center;
background-position: 0 0;
margin-bottom: 14px;
transition: all .5s ease;
}
.ipt5 .li2 a .box .icon {
background-position: -53px 0;
}
.ipt5 .li3 a .box .icon {
background-position: -108px 0;
}
.ipt5 .li4 a .box .icon {
background-position: -165px 0;
}
.ipt5 li:hover .box .icon {
transform: rotateY(180deg);
}
/*细节调整*/
.widgets_single_nav_2 .logo {
padding-left: 0;
}
.widgets_single_nav_2 .group {
padding: 0 20px;
}
.widgets_single_nav_2 .lang {
padding: 0 15px;
font-family: "Arial";
}
.widgets_single_nav_2 .search {
padding: 0 15px;
}
.ipt4 .pt-bd .left .con .time {
padding: 3% 0;
}
.ipt4 .pt-bd .left .con .title {
line-height: 88px;
}
.culture .li4 .cul_infor {
left: 5%;
}
.widget-newslist-10 .hot-new .con {
padding: 10% 5%;
bottom: -5%;
}
.pro_detail_09 .pd_section {
padding: 4% 0;
}
.widget-prolist-15 li .rect-75 i {
font-size: 55px;
margin-top: -40px;
}
.ipt4 .pt-bd .right .li1 {
background: -moz-linear-gradient(45deg, #0c4d89 0, #0059a9 50%, #0183dc 100%);
background: -webkit-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: -ms-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
}
.intro .time {
font-size: 54px;
font-family: "Impact";
color: #2196F3;
margin-bottom: 2%;
line-height: 1.2;
}
@media only screen and (max-width: 760px){
.intro .time {
font-size: 24px;
text-align: center;
}
}
@media screen and (max-width: 760px){
.ty-pd {
padding: 20px 0;
}
}
.intro .title {
font-size: 30px;
color: #0059a9;
margin-bottom: 3%;
}
.culture li.li4,
.culture li.li5 {
width: 24%;
margin-bottom: 1.15%;
}
.culture li.li4 {
margin-right: 1.5%;
}
.culture .rect-9310 {
padding-bottom: 91.7%;
}
.rect-137 {
padding-bottom: 137%;
}
.widget-newslist-10 .hot-new li:hover .dec {
height: 5em;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools ._tool {
margin-right: 15px;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools .bds_more {
color: #7e7e7e;
}
.widgets_xc_newdetail_unite_2 .news_detail_top ._tools .iconfont {
margin-right: 5px;
}
.culture .cul_infor .t {
font-size: 24px;
}
.culture .li1 .cul_infor .t {
font-size: 30px;
}
.pro_detail_09 .detail_hd_l {
width: 45%;
}
.pro_detail_09 .detail_hd_r {
width: 50%;
}
.ibanner .owl-item .item {
height: 720px;
position: relative;
overflow: hidden;
}
.ibanner .owl-item .item img {
position: absolute;
width: 1920px;
left: 50%;
margin-left: -960px;
max-width: none;
}
.ibanner .owl-item img {
-webkit-transition: transform 6s ease;
transition: transform 6s ease;
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15)
}
.ibanner .owl-item.active img {
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}
/*.ipt2 .item .con .bottom{ position: relative; }*/
.ipt2 .item .con .bottom:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0059a9;
background: -moz-linear-gradient(45deg, #0c4d89 0, #0059a9 50%, #0183dc 100%);
background: -webkit-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: -ms-linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
background: linear-gradient(45deg, #0c4d89 0, #0059a9 30%, #0183dc 90%);
display: block;
transition: all .5s ease;
z-index: -2;
}
.ipt2 .item:hover .con .bottom:before,
.ipt2 .item.cur .con .bottom:before {
top: 0;
}
.pro_list_14 li .list_box {
border: 1px solid #f8f7f7;
}
.pro_list_14 li:hover .list_text a {
color: #fff;
}
.util-page .gobutton {
padding: 4px 10px;
}
.contact .contact_l {
height: 707px;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .l_navbox {
width: 34%;
}
.widgets_single_nav_2 .inav>ul>.nav_li .nav_layer .r_navbox {
padding-left: 10%;
}
/*产品应用*/
.application .owl-carousel {
float: left;
width: 40%;
margin-right: 5%;
display: none;
}
.application .owl-carousel .owl-prev,
.application .owl-carousel .owl-next {
position: absolute;
top: 50%;
width: 30px;
height: 60px;
background: rgba(0, 0, 0, .5);
text-align: center;
line-height: 60px;
font-size: 18px;
color: #fff;
margin-top: -30px;
}
.application .owl-carousel .owl-prev {
left: 0;
}
.application .owl-carousel .owl-next {
right: 0;
}
.application .pt1 .title {
font-size: 28px;
color: #0059a9;
font-weight: bold;
margin-bottom: 2%;
padding-top: 2%;
}
.application .pt2 {
margin-top: 5%;
}
.application .pt2 li {
float: left;
width: 49%;
margin-right: 2%;
background: #f7f7f7;
margin-bottom: 2%;
}
.application .pt2 li:nth-child(even) {
margin-right: 0;
}
.application .pt2 li .pd {
padding: 5%;
}
.application .pt2 li .imgbox {
margin-right: 5%;
transition: all .3s ease;
transform: rotateY(0);
}
.application .pt2 li .title {
font-size: 20px;
font-weight: bold;
color: #000;
padding-top: 2%;
}
.application .pt2 li .dec {
font-size: 16px;
color: #828282;
line-height: 24px;
height: 48px;
overflow: hidden;
}
.application .pt2 li:hover .imgbox {
transform: rotateY(180deg);
}
.application .pt3 {
margin-top: 3%;
}
.application .pt3 .tit {
font-size: 25px;
font-weight: bold;
color: #555;
margin-bottom: 2%;
}
.application .pt3 li {
margin-bottom: 2%;
}
.application .pt3 li a {
display: block;
background: #f8f7f7;
border: 1px solid #f8f7f7;
}
.application .pt3 li .cover {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
top: 100%;
left: 0;
transition: all .3s ease;
}
.application .pt3 li .cover:after {
content: "";
position: absolute;
width: 30px;
height: 1px;
top: 50%;
left: 50%;
margin-left: -15px;
background: rgba(255, 255, 255, .5);
display: block;
}
.application .pt3 li .cover:before {
content: "";
position: absolute;
height: 30px;
width: 1px;
top: 50%;
left: 50%;
margin-top: -15px;
background: rgba(255, 255, 255, .5);
display: block;
}
.application .pt3 li .info {
padding: 8%;
}
.application .pt3 li .info .title {
font-size: 22px;
font-weight: bold;
color: #000;
margin-bottom: 2%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.application .pt3 li .info .decs {
font-size: 14px;
color: #707070;
}
.application .pt3 li:hover a {
background: #0059a9;
}
.application .pt3 li:hover .info .title,
.application .pt3 li:hover .info .decs {
color: #fff;
}
.application .pt3 li:hover .cover {
top: 0;
}
/*营销理念*/
.service-idea .pt-hd {
text-align: center;
margin-bottom: 3%;
}
.service-idea .pt-hd .tit {
font-size: 35px;
color: #0059a9;
margin-bottom: 1%;
}
.service-idea .pt-hd .dec {
font-size: 15px;
color: #393939;
}
.service-idea .pt-bd {
height: 400px;
background: url(/themes/default/style/resources/web/img/9996.jpg) no-repeat center center;
background-size: cover;
}
.service-idea li {
height: 400px;
}
.service-idea li .box {
overflow: hidden;
position: relative;
height: 100%;
background:rgba(0,140,214,.5);
font-weight: bold;
}
.service-idea li:nth-child(1) .box,
.service-idea li:nth-child(2) .box,
.service-idea li:nth-child(4) .box,
.service-idea li:nth-child(5) .box {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.service-idea li:nth-child(3) .box,
.service-idea li:nth-child(6) .box {
border-bottom: 1px solid #fff;
}
.service-idea li .cen {
position: absolute;
width: 200px;
height: 100px;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
transform: scale(1);
opacity: 1;
transform-origin: center center;
transition: all .5s ease;
text-align: center;
visibility: visible;
}
.service-idea li .cen .tit {
font-size: 22px;
color: #fff;
}
.service-idea li .cen .en {
font-size: 13px;
color: #fff;
font-family: "Arial";
}
.service-idea li .cen .img {
text-align: center;
color: #fff;
padding-top: 8px;
}
.service-idea li .cen .hr {
width: 100px;
height: 1px;
background: #fff;
margin: 8px auto 0;
}
.service-idea li .cen2 {
padding: 40% 10% 0 10%;
background: #0059a9;
transform: scale(0.9);
transform-origin: center center;
opacity: 0;
transition: all .5s ease;
height: 100%;
visibility: hidden;
}
.service-idea li .cen2 .tit {
font-size: 26px;
color: #fff;
text-align: left;
}
.service-idea li .cen2 .minh {
font-size: 14px;
color: #fff;
text-align: left;
text-transform: uppercase;
margin-bottom: 5%;
}
.service-idea li .cen2 .hr {
width: 100%;
height: 1px;
background: #fff;
margin-top: 2%;
}
.service-idea li .cen2 .img {
text-align: right;
font-size: 20px;
color: #fff;
}
.service-idea li:hover .cen2 {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.service-idea li:hover .cen {
opacity: 0;
visibility: hidden;
}
/*合作案例*/
.cooperation .pt-hd {
margin-bottom: 5%;
text-align: center;
}
.cooperation .pt-hd .tit {
font-size: 35px;
color: #0059a9;
margin-bottom: 1%;
}
.cooperation .pt-hd .dec {
font-size: 15px;
color: #393939;
}
.cooperation .pt-bd li {
width: 20%;
float: left;
border-bottom: 1px solid #e9e9e8;
border-right: 1px solid #e9e9e8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 2%;
}
.cooperation .pt-bd li:nth-child(5n) {
border-right: none;
}
.cooperation .pt-bd li img {
transform: scale(1, 1);
transition: all .5s ease;
}
.cooperation .pt-bd li:hover img {
transform: scale(1.1, 1.1);
transition: all .5s ease;
}
/*技术知识*/
.tec-knowledge li {
margin-bottom: 4%;
background: #f9f9f9;
transition: all .3s ease;
}
.tec-knowledge li .left-con {
width: 60%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3%;
}
.tec-knowledge li .left-con .title {
font-size: 26px;
font-weight: bold;
color: #4f4f4f;
margin-bottom: 3%;
}
.tec-knowledge li .left-con .dec {
height: 200px;
position: relative;
overflow: hidden;
padding-right: 5%;
}
.tec-knowledge li .imgbox {
width: 40%;
float: right;
}
.tec-knowledge li .scrollbar-ui .scroll_slider {
background: #0059a9;
}
.tec-knowledge li:hover {
background: #0059a9;
}
.tec-knowledge li:hover .scrollbar-ui .scroll_slider {
background: #0086ff;
}
.tec-knowledge li:hover .left-con .title {
color: #fff;
}
.tec-knowledge li:hover .left-con .dec {
color: #fff;
}
/*研究实力*/
.study-power .ul-list {
position: relative;
}
.study-power .ul-list:before {
content: "";
position: absolute;
border-width: 10px;
border-color: transparent transparent #000 transparent;
border-style: solid;
top: 0;
left: 50%;
margin-left: -10px;
}
.study-power .ul-list:after {
content: "";
position: absolute;
width: 1px;
height: 100%;
display: block;
background: #b2b2b2;
left: 50%;
top: 20px;
}
.study-power .ul-list li {
width: 80%;
margin: 0 auto;
margin-bottom: 3%;
}
.study-power .ul-list li:first-child {
padding-top: 5%;
}
.study-power .ul-list li .box {
width: 70%;
padding-bottom: 2%;
position: relative;
}
.study-power .ul-list li .box:after {
content: "";
position: absolute;
height: 1px;
width: 85%;
display: block;
background: #b2b2b2;
bottom: 0;
}
.study-power .ul-list li:nth-child(odd) .box:after {
left: 0;
}
.study-power .ul-list li:nth-child(even) .box:after {
right: 0;
}
.study-power .ul-list li:nth-child(odd) .box {
float: right;
}
.study-power .ul-list li:nth-child(even) .box {
float: left;
}
.study-power .ul-list li .year {
width: 25%;
font-size: 48px;
font-family: "ttm";
color: #0059a9;
text-align: center;
}
.study-power .ul-list li .con {
width: 62%;
}
.study-power .ul-list li .con .title {
font-size: 20px;
font-weight: bold;
color: #000;
}
.study-power .ul-list li .con .dec {
font-size: 14px;
color: #333;
}
.study-power .ul-list li:nth-child(odd) .year {
float: left;
}
.study-power .ul-list li.odd .year {
float: left;
}
.study-power .ul-list li:nth-child(even) .year {
float: right;
}
.study-power .ul-list li.even .year {
float: right;
}
.study-power .ul-list li:nth-child(odd) .con {
float: right;
}
.study-power .ul-list li.odd .con {
float: right;
}
.study-power .ul-list li:nth-child(even) .con {
float: left;
text-align: right;
}
.study-power .ul-list li.even .con {
float: left;
text-align: right;
}
.study-power .time {
width: 32px;
height: 32px;
background: url(../img/time.png) no-repeat center center;
margin: 5px auto 0;
position: relative;
}
.study-power .time:after {
content: "";
position: absolute;
top: -4px;
left: 50%;
width: 10px;
margin-left: -5px;
height: 2px;
background: #000;
}
/*研发中心*/
.research-center .pt-hd {
text-align: center;
margin-bottom: 2%;
}
.research-center .pt-hd .tit {
font-size: 35px;
color: #0059a9;
margin-bottom: 1%;
}
.research-center .pt-hd .decs {
font-size: 18px;
color: #000;
font-weight: bold;
}
.research-center .pt-bd .text {
font-size: 15px;
color: #555;
line-height: 2;
}
.research-center .pt-bd .imgbox {
margin-top: 3%;
}
.research-center .pt-bd li {
float: left;
margin-right: 3px;
}
.rect-125 {
padding-bottom: 125%;
}
.rect-57 {
padding-bottom: 57%;
}
.rect-46 {
padding-bottom: 46%;
}
.research-center .pt-bd .li1 {
width: 29%;
}
.research-center .pt-bd .li2,
.research-center .pt-bd .li4 {
width: 39%;
height: 216px;
margin-bottom: 4px;
}
.research-center .pt-bd .li3,
.research-center .pt-bd .li5 {
width: 31.5%;
margin-right: 0;
margin-bottom: 4px;
}
.research-center .pt-bd .li2 {
background: #0059a9;
color: #fff;
text-align: center;
}
.research-center .pt-bd .li2 .box {
padding: 10%;
}
.research-center .pt-bd .li2 .title {
font-size: 24px;
margin-bottom: 2%;
}
/*营销网络*/
/* network-4 start*/
.sale-network ._net_bd_list ._list_title li {
background: #0c55a4;
text-align: center;
font-size: 18px;
color: #ffffff;
height: 70px;
line-height: 70px;
}
.sale-network ._net_bd_list ._list_title li.even {
background: #0b5db6;
}
.sale-network .widget-job-2 ._jt {
padding: 0;
height: 65px;
height: 65px;
line-height: 65px;
margin-bottom: 5px;
border: 1px solid #ccc;
cursor: pointer;
}
.sale-network .widget-job-2 ._jt strong {
text-align: center;
color: #221815;
width: 100%;
font-weight: normal;
font-size: 18px;
color: #221815;
display: block;
}
.sale-network .widget-job-2 ._jt .iconfont {
float: right;
margin-right: 5%;
font-size: 18px;
}
.sale-network .widget-job-2 ._jcon {
padding: 2% 8%;
font-size: 16px;
color: #221815;
background-color: #F9F9F9;
line-height: 36px;
}
.sale-network .widget-job-2 ._jcon span {
margin-right: 2%;
}
.sale-network .widget-job-2 ._jt_act {
border: none;
background: #0059a9;
}
.sale-network .widget-job-2 ._jt_act strong {
color: #fff;
}
.sale-network .widget-job-2 ._jt_act .iconfont {
color: #fff;
}
.sale-network .sevsr_map {
width: 100%;
height: 500px;
margin-bottom: 40px;
}
.sale-network .sevsr_map .map-M4-map {
width: 100%;
height: 100%;
}
.sale-network .form-control {
border-radius: 0px;
width: 60%;
height: 40px;
line-height: 40px;
color: #999999;
border: none;
}
.sale-network .form-control.form-control04 {
width: 28%;
}
.map-M4-search {
padding: 2% 6%;
background-color: #ededed;
}
.map-M4-search label {
font-size: 24px;
color: #756e6e;
display: inline-block;
margin-right: 4%;
vertical-align: middle;
}
.map-M4-search .form-box {
display: inline-block;
width: 40%;
}
.map-M4-search .btn {
background-color: #0059a9;
color: #ffffff;
font-size: 16px;
width: 23%;
background-position: center;
margin-left: 15px;
border: none;
height: 40px;
line-height: 40px;
padding: 0;
}
.map-M4-map {
height: 550px
}
.sale-network ._net_hd_ico {
width: 17px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin-right: 22px;
font-size: 20px;
color: #ff0000;
}
.map-M4-search .btn i {
vertical-align: 3px;
line-height: 1;
}
.sale-network .select-ui-choose-default ._arrow .arr {
border-color: #ccc transparent transparent;
left: -10px;
}
/*下载列表*/
.down-list li {
height: 80px;
line-height: 78px;
padding: 0 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
cursor: pointer;
}
.down-list li:nth-child(odd) {
background: #f7f7f7;
}
.down-list li.odd {
background: #f7f7f7;
}
.down-list li .time {
width: 15%;
}
.down-list li .title {
width: 70%;
}
.down-list li .down {
width: 5%;
}
.down-list li .down .iconfont {
font-size: 30px;
color: #c9c9c9;
}
.down-list li:hover .time,
.down-list li:hover .title,
.down-list li:hover .down .iconfont {
color: #0059a9;
}
/*20180124*/
.culture .list_box {
position: relative;
overflow-y: hidden;
}
.culture .list_text {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 12% 6%;
display: block;
}
.culture .list_title {
font-size: 24px;
color: #36383c;
}
.culture .list_p {
font-size: 16px;
color: #666666;
}
.culture img {
width: 100%;
}
.culture li {
margin-bottom: 2%;
}
.culture .list_img {
height: 0;
padding-bottom: 45%;
overflow: hidden;
}
.culture li:first-child {
background: #f0f0f0;
}
.culture li:first-child .list_img {
padding-bottom: 94%;
overflow: hidden;
}
.culture li:first-child .list_title {
font-size: 34px;
}
.culture li:first-child .list_p {
font-size: 18px;
}
.culture li:hover .list_title {
color: #000;
}
.culture li:hover .list_p {
color: #000;
}
.ipt2 .item:hover .top,
.ipt2 .item.cur .top {
opacity: 0;
}
.widgets_product_icon_2 .tit:hover em,
.ipt2 .pt-hd .tit:hover em,
.ipt3 .pt-hd .tit:hover em,
.ipt4 .pt-hd .tit:hover em {
color: #008cd6
}
/*.widgets_single_nav_2 .inav > ul .nav_li:nth-child(4) .r_navbox{ display: none; }
.widgets_single_nav_2 .inav > ul .nav_li:nth-child(4) .l_navbox{ width: 100%; }
.widgets_single_nav_2 .inav > ul .nav_li:nth-child(4) .l_navbox li{ float: left; width: 30%; margin-right: 3%; }*/
.pro_detail_09 .detail_bd_title .detail_bd_title_box {
background: url(../img/pro-det-bg.jpg) no-repeat center center;
}
.ipt2 .item .con .bottom:after {
opacity: 0;
transition: all .3s ease;
}
.ipt2 .item:hover .con .bottom:after {
opacity: 1;
}
.map-M4-search label {
font-weight: bold;
}
.widgets_single_nav_2 .inav>ul .nav_li.cur:after {
display: block;
}
.widgets_single_nav_2 .inav>ul .nav_li.cur {
color: #0059a9;
}
.ipt3 .pt-bd .more:hover {
background: linear-gradient(45deg, rgba(12, 77, 137, .9) 0, rgba(0, 89, 169, .9) 30%, rgba(1, 131, 220, .9) 90%)
}
.widgets_single_nav_2.hover .tr_color {
box-shadow: 0 0 10px 0 #333;
}
.widgets_single_nav_2.xc-head .tr_color {
box-shadow: 0 0 10px 0 #333;
}
.pro_css.pro_list_14 .list_title {
font-family: "Microsoft Yahei";
}
.widgets_single_nav_2 .inav>ul>.nav_li:last-child .nav_layer {
left: -572px;
}
.widgets_single_nav_2 .search_box .inp_box {
width: 70%;
background: #fff;
height: 50px;
line-height: 50px;
margin: 2% 0 2% 5%;
padding-left: 15px;
}
.widgets_single_nav_2 .search_box .handup {
height: 50px;
line-height: 50px;
background: none;
border: none;
font-size: 20px;
color: #fff;
font-weight: bold;
cursor: pointer;
margin: 2%;
}
.sale-network .widget-job-2 ._jcon span {
display: inline-block;
width: 16%;
margin-right: 0;
}
.imain .ipt1 .img-list li a:after {
height: 85%;
}
.ibanner video {
position: absolute;
width: 1920px;
left: 50%;
margin-left: -960px;
}
.ibanner .owl-item .item.vio:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../img/video_cover_bg.png) center center no-repeat;
}
/*多彩长源*/
.colorful_cy .yx_links {
text-align: left;
clear: both;
}
.colorful_cy .yx_links a {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 32px;
border: 2px solid #0059a9;
margin: 0 5px;
font-size: 14px;
font-weight: bold;
}
.colorful_cy .yx_links a:hover {
color: #fff;
background: #0059a9;
}
.colorful_cy .yx_links a.cur {
color: #fff;
background: #0059a9;
}
.colorful_cy .yx_top {
margin-top: 45px;
margin-bottom: 24px;
}
.colorful_cy .yx_top a:hover {
color: inherit;
}
.colorful_cy .yx_top img {
width: 100%;
}
.colorful_cy .yx_top_l {
position: relative;
cursor: pointer;
}
.colorful_cy .yx_top_c {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.7);
color: #000;
font-size: 16px;
height: 49px;
line-height: 49px;
padding-left: 15px;
padding-right: 20px;
}
.colorful_cy .yx_top_c_l {
float: left;
width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.colorful_cy .yx_top_r .yx_top_c {
height: 35px;
line-height: 35px;
}
.colorful_cy .yx_top_rt .pr {
cursor: pointer;
}
.colorful_cy .yx_top_rb {
margin-top: 18px;
}
.colorful_cy .rb_cover {
position: absolute;
left: 0;
right: 0;
top: 0;
padding-left: 35px;
padding-top: 115px;
}
.colorful_cy .rb_cover_t {
font-size: 50px;
color: #fff;
font-weight: bold;
}
.colorful_cy .rb_cover_p {
font-size: 20px;
color: #fff;
}
.rect-66 {
padding-bottom: 66%;
}
.rect-84 {
padding-bottom: 84%;
}
.colorful_cy .yx_btm {
padding: 50px 0 20px;
overflow: hidden;
}
.colorful_cy .yx_btm ul {
width: 102%;
}
.colorful_cy .yx_btm li.item {
cursor: pointer;
margin-bottom: 5%;
}
.colorful_cy .yx_btm li.item img {
width: 100%;
}
.colorful_cy .yx_btm li.item .intro {
padding: 0 4%;
font-size: 14px;
height: 36px;
line-height: 36px;
}
.colorful_cy .yx_btm li.item a * {
cursor: pointer;
}
.colorful_cy .yx_btm li.item a:hover {
color: inherit;
}
.colorful_cy .yx_btm li.item:hover .title,
.colorful_cy .yx_btm li.item:hover .time,
.colorful_cy .yx_btm li.item:hover .summ,
.colorful_cy .yx_btm li.item:hover .more {
color: #fff;
}
/*加入长源*/
.join_us .pt1 .job-sear {
padding: 43px 0 27px 30px;
border: 10px #ededed solid;
margin-bottom: 50px;
}
.join_us .pt1 .job-sear .t-pt {
font-size: 14px;
color: #5a5a5a;
font-weight: bold;
float: left;
line-height: 32px;
padding: 0 15px 0 5px;
text-transform: uppercase;
}
.join_us .pt1 .job-sear .t-area {
float: left;
width: 22.5%;
height: 30px;
padding-left: 10px;
line-height: 30px;
border: 1px solid #eee;
text-indent: 5px;
margin-right: 5%;
background-color: #fff;
}
.join_us .pt1 .job-sear .t-area ._val {
color: #a9a9a9;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.join_us .pt1 .job-sear .t-area ._val b {
float: right;
width: 33px;
height: 30px;
background: url(../img/job-areaico.gif) no-repeat;
}
.join_us .pt1 .job-sear .t-area ._option {
top: 30px;
}
.join_us .pt1 .job-sear .t-area ._option a {
padding-left: 10px;
background-color: #ffffff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.join_us .pt1 .job-sear .sear_input {
float: left;
margin-right: 3%;
width: 25%;
padding-left: 5px;
height: 28px;
line-height: 28px;
border: 1px solid #eee;
position: relative;
background-color: #fff;
}
.join_us .pt1 .job-sear .sear_input input {
text-indent: 10px;
}
.join_us .pt1 .job-sear .sear_input input[type=text] {
vertical-align: top;
border: 0;
width: 80%;
height: 16px;
line-height: 16px;
box-sizing: content-box;
padding: 6px 0;
}
.join_us .pt1 .job-sear button[type=submit] {
border: 0;
width: 20%;
height: 30px;
line-height: 30px;
background-color: #0059a9;
padding: 0;
float: left;
font-size: 14px;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}
.join_us .pt1 .job-sear .sear_input button i {
display: block;
background: url(../img/job-searico.png) no-repeat;
width: 100%;
height: 100%;
}
.join_us .pt1 .job-sear button[type=submit]:hover {
background-color: #0c4d89;
}
.join_us .pt2 {
background-color: #fff;
z-index: 2;
}
.join_us .pt2 .job_list {
margin-bottom: 60px;
position: relative;
}
.join_us .pt2 .joblist_tt {
background-color: #0059a9;
height: 54px;
line-height: 54px;
overflow: hidden;
float: left;
width: 100%;
}
.join_us .pt2 .joblist_tt span {
float: left;
text-indent: 3%;
font-weight: bold;
}
.join_us .pt2 .joblist_tt span.jobli1 {
width: 20%;
text-align: left;
color: #fff;
font-size: 15px;
font-weight: normal;
text-indent: 5%;
}
.join_us .pt2 .joblist_tt span.jobli2 {
width: 20%;
text-align: left;
color: #fff;
font-size: 15px;
font-weight: normal;
text-indent: 5%;
}
.join_us .pt2 .joblist_tt span.jobli3 {
width: 20%;
text-align: left;
color: #fff;
font-size: 15px;
font-weight: normal;
text-indent: 5%;
}
.join_us .pt2 .joblist_tt span.jobli4 {
width: 20%;
text-align: left;
color: #fff;
font-size: 15px;
font-weight: normal;
text-indent: 5%;
}
.join_us .pt2 .joblist_tt span.jobli5 {
width: 20%;
text-align: left;
color: #fff;
font-size: 15px;
font-weight: normal;
text-indent: 5%;
}
.join_us .pt2 .JobList-J2 {
overflow: hidden;
}
.join_us .pt2 .JobList-J2 ._jt {
background-color: #fff;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #f2f2f2;
overflow: hidden;
*zoom: 1;
cursor: pointer;
position: relative;
float: left;
width: 100%;
}
.join_us .pt2 .JobList-J2 ._jt strong {
float: left;
width: 20%;
color: #5a5a5a;
font-size: 14px;
text-align: left;
text-indent: 5%;
font-weight: normal;
height: 50px;
}
.join_us .pt2 .JobList-J2 ._jt span {
float: right;
}
.join_us .pt2 .JobList-J2 ._jc {
display: none;
float: left;
width: 100%;
background-color: #f9f9f9;
padding-left: 44px;
padding-bottom: 30px;
}
.join_us .pt2 .JobList-J2 ._jcon {
padding: 10px 10px 10px 20px;
}
.join_us .pt2 .JobList-J2 ._jcon ._title {
font-size: 15px;
color: #000;
margin-top: 32px;
}
.join_us .pt2 .JobList-J2 ._jcon ._typeIn p {
line-height: 24px;
}
.join_us .pt2 .JobList-J2 ._jt_act {
color: #fff;
}
.join_us .pt2 .JobList-J2 ._jt_act ._jt_btn {
background-position: left bottom;
}
.join_us .pt2 ._channelBtn {
display: inline-block;
border: 1px #d6d6d6 solid;
width: 160px;
height: 40px;
line-height: 40px;
text-align: center;
margin-top: 14px;
margin-right: 10px;
}
.join_us .pt2 ._channelBtn:hover {
background-color: #0059a9;
color: #fff;
}
.join_us .pt2 .JobList-J2 ._jcon {
padding-bottom: 30px;
}
.join_us .page {
padding-top: 70px;
}
.contact .pt2 {
overflow: hidden;
margin-top: 50px;
}
.contact .pt2 .tit {
text-align: center;
font-size: 30px;
color: #313131;
line-height: 1;
margin-bottom: 25px;
}
.contact .pt2 .info {
text-align: center;
font-size: 14px;
color: #898989;
line-height: 1;
margin-bottom: 15px;
}
.contact .pt2 .line {
display: block;
margin: 0 auto 20px;
width: 27px;
height: 1px;
background: #c6c6c6;
}
.contact .pt2 .form {
width: 1050px;
margin: 0 auto;
}
.contact .pt2 .form input {
border: 1px solid #d5d5d5;
font-size: 14px;
}
.contact .pt2 .name {
background: transparent url("../img/i_form_ico1.png") no-repeat right 0;
}
.contact .pt2 .phone {
background: transparent url("../img/i_form_ico2.png") no-repeat right 0;
}
.contact .pt2 .email {
background: transparent url("../img/i_form_ico3.png") no-repeat right 0;
}
.contact .pt2 .line1 {
width: 80%;
height: 48px;
line-height: 48px;
padding: 0 46px 0 13px;
float: left;
}
.contact .pt2 .form textarea {
width: 989px;
border: 1px solid #d5d5d5;
padding: 10px 40px 10px 13px;
height: 149px;
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
margin-top: 25px;
background: transparent url("../img/i_form_ico4.png") no-repeat right top;
}
.contact .pt2 .form .btns_list {
text-align: center;
}
.contact .pt2 .form .btns_list button {
width: 45%;
height: 45px;
line-height: 37px;
border: none;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.contact .pt2 .form .btns_list .sub {
background-color: #848484;
border-radius: 0;
float: left;
}
.contact .pt2 .form .btns_list .reset {
background-color: #848484;
border-radius: 0;
float: right;
}
.contact .pt2 .form .btns_list button:hover {
background-color: #0059a9;
}
.contact .pt2 .form_cb .span-4 {
position: relative;
}
.contact .pt2 .form_cb .span-4 span {
position: absolute;
right: 45px;
top: 15px;
}
.contact .pt2 .yzm_box {
width: 50%;
}
.contact .pt2 .btns_list {
width: 50%;
}
.contact .pt2 .yzm_box .yzm {
line-height: 46px;
height: 46px;
width: 30%;
background: transparent;
text-indent: 20px;
margin-right: 25px;
}
.contact .pt2 .yzm_box img {
width: 120px;
height: 50px;
margin-right: 10px;
}
.contact .pt2 .yzm_box .change {
color: #40535a;
font-size: 12px;
cursor: pointer;
vertical-align: bottom;
}
.widget-history-9-slide .his_right .list_text {
display: none;
}
.pro_css .yx_links {
text-align: left;
clear: both;
margin-bottom: 40px;
}
.pro_css .yx_links a {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 32px;
border: 2px solid #0059a9;
margin: 0 5px;
font-size: 14px;
font-weight: bold;
}
.pro_css .yx_links a:hover {
color: #fff;
background: #0059a9;
}
.pro_css .yx_links a.cur {
color: #fff;
background: #0059a9;
}
.application .yx_links {
text-align: left;
clear: both;
margin-bottom: 40px;
}
.application .yx_links a {
display: inline-block;
height: 32px;
line-height: 32px;
padding: 0 32px;
border: 2px solid #0059a9;
margin: 0 5px;
font-size: 14px;
font-weight: bold;
}
.application .yx_links a:hover {
color: #fff;
background: #0059a9;
}
.application .yx_links a.cur {
color: #fff;
background: #0059a9;
}
/*20171031 px*/
.intro .pt1 .video_box .rect-90 {
padding-bottom: 67%;
margin-bottom: 0;
margin-top: 137px;
}
/*20181114*/
.bdshare-button-style0-16 .bds_tqq {
display: none;
}
.application .pt1 .title {
padding-top: 0;
}
/* 20181218 销售网络*/
.sale_net .widget-job-2>ul>li {
overflow: hidden;
}
.sale_net .widget-job-2>ul>li .item.odd {
float: left;
width: 49%;
margin-right: 2%;
}
.sale_net .widget-job-2>ul>li .item.even {
float: right;
width: 49%;
}
.sale-network .widget-job-2 ._jcon span {
display: block;
width: 100%
}
.pgrzt .hm-tit {
background: url(../images/gr/grtit.png) center no-repeat;
background-size: cover;
margin-bottom: 15px;
}
.hm-tit {
background: url(../images/2020/titbg.jpg) center bottom no-repeat;
background-size: cover;
text-align: center;
padding: 16px 0;
margin-bottom: 30px;
}
.ty-container {
max-width: 1200px;
margin: 0 auto;
}
.s-section{
padding-top: 2rem;
padding-bottom: 2rem;
}
.s-section .title{
font-size: 32px;
color: #333;
border-bottom: 1px dashed #008cd6;
text-align: center;
font-weight: 600;
padding-bottom: 4px;
}
.s-section .des{
font-size: 16px;
color: #666;
margin-bottom: 16px;
text-align: center;
padding-top: 4px;
}
.swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
background-size: cover;
background-position: center;
}
.gallery-top {
height: 80%;
width: 100%;
}
.gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-thumbs .swiper-slide{
text-align: center;
font-size: 24px;
font-weight: 600;
cursor: pointer
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
color: #FFF;
background: #008cd6;
}
@media screen and (max-width: 20000px) and (min-width: 1025px){
.single_contents video {
height: 500px !important;
}
}
.single_contents video {
width: 100% !important;
display: block;
/* margin: 0 2%; */
}
.kunrao-items .item img{
display: block;
margin: 0 auto;
width: 256px;
}
.kunrao-items .item .name{
padding-top: 12px;
font-size: 20px;
font-weight: 600;
color: #2196F3;
padding-bottom:6px;
}
.kunrao-items .item .text{
color: #9E9E9E;
}
/* bootstarp */
.img-fluid {
max-width: 100%;
height: auto;
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-lighter {
font-weight: lighter !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-weight-bolder {
font-weight: bolder !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0056b3 !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #494f54 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #a71d2a !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
/* bootstarp */