﻿.full-size {
    min-width: 1200px;
    width: 100%;
}

.text_red {
    color: #f90000 !important;
}

.url_nav {
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

 /* 20210306 */
.newHead {
    position: relative;
    text-align: center;
    margin: 32px 0;
}
.newHead > .tel{
    position: absolute;
    right: 200px;
    top: 30px;
}
.newHead > .tel > p{
    font-size: 20px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.newHead > .headClass {
    display: inline-block;
}
.newHead > .headClass h2{
    height: 42px;
    line-height: 42px;
}
.newHead > .headClass span{
    display: inline-block;
    border-radius: 10px;
    border: 1px solid black;
    height: 28px;
    line-height: 28px;
    margin: 5px 0;
    padding: 0 20px;
}

.newNav {
    position: relative;
}
.newNav > ul.navs {
    display: block;
    overflow: hidden;
    border-top: 2px solid #6394B5;
    margin: 0 auto;
    height: 64px;
    text-align: center;
    font-size: 0;
    background: #F7F8FA;
}
.newNav > ul.navs > li {
    display: inline-block;
    font-size: 16px;
}
.newNav > ul.navs > li.active > a,
.newNav > ul.navs > li.active0 > a {
    color: white;
    background: #E89E93;
}
.newNav > ul.navs > li > a{
    position: relative;
    display: inline-block;
    color: #6394B5;
    height: 24px;
    line-height: 24px;
    padding: 20px 30px;
    text-decoration: none;
    font-weight: bold;
}
.newNav > ul.navs > li + li > a:after{
    content: '';
    display: inline-block;
    height: 24px;
    position: absolute;
    left: 0;
    top: 20px;
    border-left: 1px solid #6394B5;
}
.newNav > ul.navs > li.active > a:after,
.newNav > ul.navs > li.active0 > a:after{
    border-left-color: #E89E93;
}

.newNav > ul.navs > li.active + li > a:after,
.newNav > ul.navs > li.active0 + li > a:after{
    content: '';
    display: inline-block;
    height: 64px;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #E89E93;
}

.newNav .navContent {
    display: none;
    background: url(/index/images/bgx.jpg) no-repeat;
    background-size: 100% 100%;
}
.newNav .navContent.active {
    display: block;
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0;
    z-index: 9;
}

.newNav .imagesContent {
    display: none;
    text-align: center;
    padding: 10px;
    width: 100%;
    overflow: hidden;
 }
.newNav .imagesContent.active {
    display: block;
}
.newNav .imagesContent > div {
    position: relative;
    display: inline-block;
    margin: 15px 10px;
}
.newNav .imagesContent img {
    display: inline-block;
    width: 150px;
    height: 90px;
    border: 2px solid #4c4b4b;
    cursor: pointer;
}
.newNav .imagesContent span {
    position: absolute;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: black;
    background: #a9d4e7;
    right: -2px;
    bottom: -2px;
    font-weight: 800;
    padding: 0 2px;
}

/* 20210307 */


/* footer */
.foot_info {
    width: 100%;
    color: black;
    background: url(/index/images/footbg.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: 30px;
}

/*top*/
.foot_part_top {
    text-align: center;
}

.foot_part_top .zhuiqiu {
    display: inline-block;
    padding-left: 60px;
    height: 50px;
    text-align: left;
    width: 185px;
    position: relative;
}

.foot_part_top .zhuiqiu h3, .foot_part_top .zhuiqiu p {
    height: 22px;
    line-height: 25px;
}

.foot_part_top .zhuiqiu + .zhuiqiu {
    margin: 15px 0 15px 50px;
}

.foot_part_top .zhuiqiu:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
}

.foot_part_top .infoOne:before {
    background: url("../images/whole.png") no-repeat 0 -560px;
}

.foot_part_top .infoTwo:before {
    background: url("../images/whole.png") no-repeat -45px -560px;
}

.foot_part_top .infoThree:before {
    background: url("../images/whole.png") no-repeat -90px -560px;
}

.foot_part_top .infoFour:before {
    background: url("../images/whole.png") no-repeat -135px -560px;
}

/*middle*/
.foot_part_middle {
    text-align: center;
}

.foot_part_middle .link_info ul {
    float: left;
    width: 135px;
}

.link_info ul h3, .phone_info h3 {
    height: 36px;
    line-height: 32px;
}

.link_info ul a, .weChat_info p {
    height: 27px;
    line-height: 27px;
    color: black;
}

.phone_info h2 {
    color: white;
}

/*bottom*/
footer {
    font-size: 12px !important;
}
.foot_part_bottom_0 {
    margin: 0 auto 15px;
    padding: 5px 0;
    width: 1168px;
    border-bottom: 1px solid #595d6f;
}
.foot_part_bottom_0 > a{
    color: black;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-decoration: none;
}

.foot_part_bottom h3 {
    text-align: center;
    height: 55px;
    line-height: 45px;
}

.weChat .weChat_info {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 18px;
}

.phone_info, .link_info, .weChat {
    float: left;
    margin: 15px 0;
    text-align: left;
}

/*.phone_info {*/
    /*width: 295px;*/
/*}*/

.link_info {
    width: 895px
}

/* footer */

/* middle body*/
.main_info {
    background: white;
}

.main_info .main_info_body {
    width: 1200px;
    margin: 0 auto;
}

.main_info_body > .main_left {
    width: 240px;
    margin-right: 20px;
}

.main_info_body > .main_right {
    width: 940px;
    min-height: 900px;
}

.main_left, .main_right {
    float: left;
}

.main_info_body:after {
    content: "";
    display: block;
    clear: both;
}

/* middle body*/

/** 正文左侧 **/
.content_shell {
    margin-bottom: 10px;
}

.shell_title h2 {
    font-size: 20px;
}

.content_shell .shell_title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #6394b5;
    color: white;
    text-align: center;
}

.content_shell .shell_body {
    border: 1px solid #6394b5;
}

/** 正文左侧 **/

/** 发电机功率选择 **/
.electromotor {
    padding: 10px 0;
    margin: 0 10px;
    overflow: auto;
}

.electromotor + .electromotor {
    border-top: 1px dashed #6394b5;
}

.electromotor a {
    display: block;
    text-align: left;
    width: 25%;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #6394b5;
    text-indent: 10px;
}

.electromotor.threeDivision a {
    width: 33.3%;
}

/** 发电机功率选择 **/

/** 二级菜单 **/
.menu_2level {
    width: 150px;
    margin: 0 auto;
}

.menu_2level .menu, .menu_2level .oneMenu {
    margin: 15px 10px;
}

.menu_2level .menu a {
    display: none;
}

.menu_2level .menu span {
    height: 24px;
    line-height: 24px;
}

.menu_2level .menu span:before, .menu_2level .oneMenu > a:before {
    content: "";
    display: inline-block;
    border: 6px solid;
    border-right: 1px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin: 0 9px;
}

.menu_2level .menu.open span:before {
    content: "";
    display: inline-block;
    border: 6px solid;
    border-bottom: 1px;
    border-left-color: transparent;
    border-right-color: transparent;
    margin: 0 6px;
    position: relative;
    top: -3px;
}

.menu_2level .menu.open a, .menu_2level .oneMenu > a {
    margin-left: 24px;
    height: 24px;
    line-height: 24px;
    color: #212121;
    display: inline-block;
}

.menu_2level .oneMenu > a {
    margin-left: 0px;
}

.menu_2level a.active {
    color: #6394b5 !important;
}

/** 二级菜单 **/

/** 按柴油机品牌分类 **/
.brand {
    margin: 10px 0;
}

.brand .brand_item {
    float: left;
    position: relative;
    text-align: center;
    padding-top: 55px;
    width: 110px;
    height: 20px;
    margin: 0 4px;
    color: #6394b5;
}

.brand .brand_item a {
    color: #6394b5;
}

.brand img {
    position: absolute;
    width: 110px;
    height: 52px;
    top: 0px;
    left: 0px;
}

.brand img.overItem {
    display: none;
    cursor: pointer;
}

.brand .brand_item:hover img {
    display: none;
}

.brand .brand_item:hover img.overItem {
    display: block;
}

/** 按柴油机品牌分类 **/

.co_unit {
    text-align: center;
    margin: 20px 0;
}

co_unit .co_unit_kezi {
    margin: 0 auto;
}

.co_unit p.smallTip {
    line-height: 36px;
    color: grey;
}

.co_unit p.hardPart {
    height: 36px;
    line-height: 36px;
    background: #6394b5;
    display: inline-block;
    padding: 0 15px;
    color: white;
}

.co_unit .index_brand {
    width: 1200px;
    display: inline-block;
}

.co_unit .index_brand .brand_item {
    float: left;
    position: relative;
    width: 154px;
    height: 75px;
    margin: 5px 0;
}

.co_unit .index_brand .brand_item img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.co_unit .index_brand .brand_item.item1 + .item1,
.co_unit .index_brand .brand_item.item2 + .item2 {
    margin-left: 20px;
}

.co_unit img.overItem {
    display: none;
}

.co_unit .brand_item:hover img {
    display: none;
}

.co_unit .brand_item:hover img.overItem {
    display: block;
}


/** 快速免费联系 **/
.linkUs {
    display: inline-block;
    position: relative;
    padding-left: 100px;
    height: 50px;
    margin: 10px 0;
    cursor: pointer;
}

.linkUs.person {
    padding-left: 140px;
    height: 100px;
}

.linkUs:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 24px;
    width: 45px;
    height: 50px;
}

.linkUs.person:before {
    width: 100px;
    height: 100px;
}

.linkUs.person1:before {
    background: url("../images/p1.jpg") no-repeat 0 0;
    background-size: 100% 100%;
}

.linkUs.person2:before {
    background: url("../images/p2.jpg") no-repeat 0 0;
    background-size: 100% 100%;
}

.linkUs.linkUs1:before {
    background: url("../images/whole.jpg") no-repeat 0 0;
}

.linkUs.linkUs2:before {
    background: url("../images/excel.png") no-repeat -0px -0px;
}

.linkUs p {
    height: 22px;
    line-height: 25px;
}

.linkUs.person > p:first-child {
    margin: 20px 0 10px 0;
}


.contactThem {
    width: 100%;
    text-align: center;
}
.contactThem img {
    display: inline-block;
    width: 100%;
}

.contactInfo {
    padding: 10px 15px;
}


.imgParent{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.imgParent:before {
    content: "";
    display: block;
    background: url(../images/play.png) no-repeat center center;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 45%;
    left: 45%;
}

/*功率*/
.commonContent .gonglvSel {
    position: relative;
   background: #EDF2F6;     
   height: 315px;
   margin-bottom: 10px;
}
.commonContent .gonglvSel .shell_body span{
    display: block;
    cursor: pointer;
    float: left;
    width: 50%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #054000;
    border-bottom: 1px solid white;
}
.commonContent .gonglvSel .shell_body span:hover,
.commonContent .gonglvSel .shell_body span.select_gl{
    color: #6394b5;
}

.commonContent .gonglvSel .shell_body span:hover{
    font-size: 1.1em;
}

ul.pp {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
}
ul.pp li{
    float: left;
    display: block;
    width: 25%;
    text-align: center;
}
ul.pp li a{
    position: relative;
    display: block;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    margin: 0 4px;
    color: #6394b5;
}
ul.pp li a:hover, 
ul.pp li a.select_gl_pp{
    color: red;
}
ul.pp li a img:first-child{
    display: inline-block;
}
ul.pp li a img:nth-child(2){
    display: none;
}
ul.pp li a.select_gl_pp img:first-child{
    display: none;
}
ul.pp li a.select_gl_pp img:nth-child(2){ 
    display: inline-block;
}

ul.pp li a img{ 
    position: absolute;
    width: 110px;
    height: 52px;
    top: 0px;
    left: 0px;
}

div.gonglv {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    border-top: 1px solid white;
}
div.gonglv a{
    display: block;
    float: left;
    width: 72px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: black;
    cursor: pointer;
}
div.gonglv a:hover, 
div.gonglv a.gonglvSelect{
    color: #6394b5;
}

.detailInfo {
    padding: 10px;
}

.detailInfo img{
    display: inline-block;
    width: 100%;
    height: 160px;
}

.detailInfo p {
    height: 28px;
    line-height: 28px;
}

p.detailInfoCKG span{
    display: block;
    float: left;
    width: 33%;
    overflow: hidden;
}

.detailInfo table {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #6394b5;
}
.detailInfo table td{
    border: 1px solid #6394b5;
    padding: 5px;
}

.commonContent .ppSel {
    background: #EDF2F6;
}

/*品牌选择*/
.commonContent .ppSel {
    height: 586px;
}
.commonContent .ppSel .shell_body span{
    display: block;
    cursor: pointer;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #054000;
    border-bottom: 1px solid white;
}

.commonContent .ppSel .shell_body span:hover, 
.commonContent .ppSel .shell_body span.ppSelect{
    color: #6394b5;
}
.commonContent .ppSel .shell_body span:hover{
    font-size: 1.1em;
}

.commonContent .ppSel .shell_body span small{
    float: right;
    padding: 0 10px;
}

table.jizuxinghao {
    width: 100%;
    border: 1px solid #6394b5;
}
table.jizuxinghao th {
    color: black;
}

table.jizuxinghao td, table.jizuxinghao th {
    border: 1px solid #6394b5;
    padding: 5px;
    text-align: center;
    height: 24px;
}
table.jizuxinghao tr:first-child td{
    border-top: none;
}

table.jizuxinghao a {color: #6394b5;}

.cssTarget tr:hover td{
    font-weight: bold; 
    font-size: 1.1em;
    color: white;
}
.cssTarget tr:hover td a{ color: white;}

.test-1::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;

}

.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
     -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    background: #535353;

}

.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.btn3 {
    width: 100%;
    background: #ff8600;
    color: white;
    padding: 0 20px;
    height: 36px;
    outline: none;
    border: 1px solid #6394b5;
    cursor: pointer;
}

/* new css */
.commonContent {
    margin: 0 auto;
    width: 1200px;
    padding: 10px 0;
    color: #6394b5;
}
.commonContent .quickSel {
    background: #EDF2F6;
    padding: 30px 30px;
    font-size: 20px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin: 15px 0;
}
.commonContent .quickSel select {
    display: inline-block;
    margin: 0 30px;
    outline: none;
    width: 200px;
    border: 2px solid #6394b5;
    font-size: 15px;
    font-weight: 500;
    color: #6394b5;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 10px;
    padding-left: 60px;
}
.commonContent .quickSel button, .detailInfo button, .thsInfo button {
    display: inline-block;
    vertical-align: top;
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 30px;
    outline: none;
    color: white;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 10px;
}
.commonContent .quickSel button.btn1 {
    width: 200px;
    background: #6394b5;
}
.commonContent .quickSel button.btn2, .detailInfo button.btn2, .thsInfo button.btn2{
    background: #ff8600;
    color: white;
    padding: 0 20px;
}

/*!* bg img*!*/
/*span.icon1 {*/
    /*display: inline-block!important;*/
    /*width: 52px!important;*/
    /*height: 52px!important;*/
    /*!*background: url(../images/whole2.png) no-repeat -101px 0px;*!*/
/*}*/
/*span.icon2 {*/
    /*display: inline-block!important;*/
    /*width: 52px!important;*/
    /*height: 52px!important;*/
    /*!*background: url(../images/whole2.png) no-repeat -232px 0px;*!*/
/*}*/
/*span.icon3 {*/
    /*display: inline-block!important;*/
    /*width: 18px!important;*/
    /*height: 52px!important;*/
    /*!*background: url(../images/whole2.png) no-repeat -153px 0px;*!*/
/*}*/
/*span.icon4 {*/
    /*display: inline-block!important;*/
    /*width: 43px!important;*/
    /*height: 52px!important;*/
    /*background: url(../images/whole2.png) no-repeat -171px 0px;*/
/*}*/
.redColor {
    color: #ff8600;
}

.foot_part_bottom small > img {
    display: inline-block;
    margin: 2px 0 6px 15px;
    height: 32px;
    vertical-align: middle;
}