html{
    overflow-y: scroll;
}
body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: #404040;
    background: #fff;
}



/*通用*/

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}
.blank1 {
    height: 1px;
    overflow: hidden;
}
.blank3 {
    height: 3px;
    overflow: hidden;
}
.blank5 {
    height: 5px;
    overflow: hidden;
}
.blank8 {
    height: 8px;
    overflow: hidden;
}
.blank10 {
    height: 10px;
    overflow: hidden;
}
.blank12 {
    height: 12px;
    overflow: hidden;
}
.blank15 {
    height: 15px;
    overflow: hidden;
}
.blank20 {
    height: 20px;
    overflow: hidden;
}
.blank25 {
    height: 25px;
    overflow: hidden;
}
.blank30 {
    height: 30px;
    overflow: hidden;
}
.blank40 {
    height: 40px;
    overflow: hidden;
}
.blank50 {
    height: 50px;
    overflow: hidden;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #FF6600;
    text-decoration: none;
}
a:active {
    outline: none
}
.img {
    vertical-align: auto;
}
div,
ul,
li,
dl,
dt,
dd,
p,
form {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.img {
    padding: 3px;
    border: 0px solid #CCC;
    -moz-box-shadow: 0px 0px 6px #C4C4C4;
    -webkit-box-shadow: 0px 0px 6px #C4C4C4;
    box-shadow: 0px 0px 6px #C4C4C4;
}
.img1 {
    padding: 0px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}
.img2 {
    padding: 0px;
    border-radius: 5px;
}
.yingcang {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xian {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}



/*文字颜色*/

.text-bz {
    text-align: center;
    display: block;
    line-height: 22px;
    height: 22px;
    padding-top: 10px;
}
.text-hong {
    color: #F00;
}
.text-lu {
    color: #009B4D;
}
.text-xia {
    color: #E82B91;
}
.text-bai {
    color: #FFF;
}
.text-cheng {
    color: #FF9900;
}



/*替换*/

blockquote {
    border-left: 5px solid #009B4D;
    margin: 0 0 20px;
    padding: 0 0 0 15px;
}
.btn-xs,
.btn-group-xs>.btn {
    border-radius: 1px;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 8px;
}
.btn-md,
.btn-group-xs>.btn {
    border-radius: 1px;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 15px;
}



/*文字大小*/

.font12 {
    font-size: 12px;
}
.font13 {
    font-size: 13px;
}
.font14 {
    font-size: 14px;
}
.font15 {
    font-size: 15px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font24 {
    font-size: 24px;
}



/*间距*/

.p10 {
    padding: 10px;
}
.pt3 {
    padding-top: 3px;
}
.pt5 {
    padding-top: 5px;
}
.pt8 {
    padding-top: 8px;
}
.pb5 {
    padding-bottom: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pl3 {
    padding-left: 3px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.plr50 {
    padding: 0 50px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.mt5 {
    margin-top: 5px;
}
.mt8 {
    margin-top: 8px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.w130 {
    width: 180px;
    height: 130px;
}



/*行距*/

.line20 {
    line-height: 20px;
}
.line25 {
    line-height: 25px;
}
.line30 {
    line-height: 30px;
}
.line35 {
    line-height: 35px;
}
.line40 {
    line-height: 40px;
}
.line50 {
    line-height: 50px;
}


/*背景*/

.bg-bai {
    background: #FFF;
}
.bg-blue {
    background: #0975BE;
}
.bg-hui {
    background: #F0F0F0;
}
.bg-lv {
    background: #DFDFDF;
}
.bg-hei {
    background: #000;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
/*占位图片*/
.holdimg{
    width:100%;height:100%;
    /*border:1px solid red;*/
}



/*左侧菜单导航*/
.fix-left-menu {
    position: fixed;
    z-index:99999;
    width:120px; height:100%;
    left:0;top:0;
    box-shadow: 3px 0px 3px 0px rgba(0,0,0,.2);
}

.fix-left-menu:before{
    position: absolute;
    z-index: 10;
    background: #205099;
    width:100%;height:100%;
    content: "";
    display: inline-block;
}
.menu-icon {
    width:40px;height:30px;
    margin:40px auto 30px; 
    position: relative;
    z-index: 100;
    opacity: 1;
    filter: alpha(100);
/*
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;*/
}
/*.menu-icon.hover {
    opacity: 0;
    filter: alpha(0);
}*/
.menu-icon span{
    width:100%;height:2px;
    background:#fff;
    display: block;
    margin-bottom:12px;
    transform:translateY(-60px) rotate(-60deg)  ;

    opacity: 0;
    filter: alpha(0);

    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.menu-icon span:nth-of-type(1){
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
    
}
.menu-icon span:nth-of-type(2){
    /*transform: rotate(-180deg);*/
    
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
.menu-icon span:nth-of-type(3){
    /*transform: rotate(60deg);*/
}
.menu-icon.hover span{
    /*transform: rotate(0deg);*/
    transform: translateY(0px) rotate(0deg);

    opacity: 1;
    filter: alpha(100);
}
.menu-icon span:last-of-type{
    margin-bottom:0px;
}

/* 导航 */
#nav_all {
    width:100%; height: auto;
    font-size: 16px;
    position: relative;
    left:0;top:0;
    z-index: 99;
}
#nav_all>li {
    line-height: 52px;
    padding: 0;
    color: #fff;
}
#nav_all>li>a {
    padding: 0;
    color: #fff;
    text-align: center;
    transition: no;
}
#nav_all>li:hover>a,#nav_all>li.hover>a {
    background: #586764;
    color: #fff;
}
#nav_all>li>.current {
    display: block;
    font-weight: 600;
    color: #fff;
}

/* 二级 */
.fix-left-menu .menu-second {
    position: absolute;
    z-index: 99;
    padding: 0;
    padding-top:100px;
    top: 0px; left: -80px;
    background: rgba(0,0,0,0.5);
    width: 120px; height:100%;
    border-bottom: none;
    opacity: 0;
    filter: opacity(0);

    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
    z-index: 0;
}

#menu-second>li.hover .menu-second{
    left: 120px;
    opacity: 1;
    filter: opacity(100);
}
.fix-left-menu .menu-second>li {
    padding: 0;
    float: none;
    height: 52px;
    line-height: 52px;
}
.fix-left-menu .menu-second>li a {
    margin: 0px;
    height: 52px;
    display: block;
    line-height: 52px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    padding: 0 10px;
}
.fix-left-menu .menu-second>li:hover>a {
    background: #586764;
    height: 52px;
    line-height: 52px;
    color: #fff;
}

.fix-left-menu ul.menu-second>li {
    position: relative;
}
.fix-left-menu ul.menu-second>li:hover:after {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 0;
    height: 0;
    display: block;
    content: '';
    border-left: 8px solid #fff;
    border-right: medium none;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.menu-products {
    height: 55px;
    width: 100%;
    margin: 0 auto;
    line-height: 55px;
    background: #DF4A4C;
    position: fixed;
    top: 0;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 10000
}

.menu-second>li .menu-three{
    left: 120px;
    opacity: 0;
    filter: opacity(0);
    position: absolute;
    z-index: 99;
    padding: 0;
    top: 20px;
    background: rgba(0,0,0,0.5);
    width: 0px !important;
    border-bottom: none;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
    z-index: 0;
}
.menu-second>li:hover .menu-three{
    top: 0px;
    opacity: 1;
    filter: opacity(100);
    width: 120px !important;
}
.menu-second .menu-three li {
    padding: 0;
    float: none;
    height: 52px;
    line-height: 52px;
}
.menu-second .menu-three li a {
    margin: 0px;
    height: 52px;
    display: block;
    line-height: 52px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    padding: 0 10px;
}
.menu-second .menu-three li:hover>a {
    background: #586764;
    height: 52px;
    line-height: 52px;
    color: #fff;
}

.menu-second ul.menu-three li {
    position: relative;
}
.menu-second ul.menu-three>li:hover:after {
    position: absolute;
    top: 20px;
    left: 0;
    width: 0;
    height: 0;
    display: block;
    content: '';
    border-left: 8px solid #fff;
    border-right: medium none;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.nav-product {
    background: #fff;
    border: 1px dotted #CDCDCD !important;
}
.nav-product li {
    border-right: 1px dotted #E1E1E1;
}
.nav-product li a {
    font-size: 18px;
    border: none !important;
}
.nav-product li:last-child {
    border-right: none;
}
.nav-product li a:hover {
    color: #000;
}
.nav-product>li.active>a,
.nav-product>li.active>a:hover,
.nav-product>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #DE0025;
    border: none !important;
    border-radius: 0;
}


/*导航下方按钮*/

.menu-icons-box {
    position: relative;
    z-index: 99;
    color:#fff;
    margin-top:50px;
}
.menu-icons-box .icons-item {
    margin:15px auto 0;
    display: block;
    position: relative;
    width:36px;height:36px;
    cursor: pointer;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
}
.menu-icons-box .icons-item .icons-item-icon{
    width:36px;height:36px;
    text-align: center;
    line-height: 38px;
    color:#ff921d;
    background: #fff;
    border-radius: 18px;
    display: inline-block;
    position: relative;
    z-index: 15;

    transition: all 0.8s ease 0.2s;
    -moz-transition: all 0.8s ease 0.2s;
    -ms-transition: all 0.8s ease 0.2s;
    -o-transition: all 0.8s ease 0.2s;
    -webkit-transition: all 0.8s ease 0.2s;
}
.glyphicon-send{
    margin-left:-3px;
}

/*搜索开始*/
.menu-icons-box .search-box {
    width:0px;height:36px;
    border-radius: 18px;
    background: #fff;
    position: absolute;
    left:0;top:0;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
    z-index: 11;
    overflow: hidden;
    padding:6px 0 6px 40px;
    opacity: 0;
    filter: opacity(0);

    transition: all 0.8s ease 0.2s;
    -moz-transition: all 0.8s ease 0.2s;
    -ms-transition: all 0.8s ease 0.2s;
    -o-transition: all 0.8s ease 0.2s;
    -webkit-transition: all 0.8s ease 0.2s;
}

.menu-icons-box .icons-item-search:hover .icons-item-icon{
    color:#0b0b0c;
}
.menu-icons-box .icons-item-search:hover .search-box{
    width:240px;
    opacity: 1;
    filter: opacity(100);
}

.menu-icons-box .search-box input[type=text]{
    float:left;
    width:140px;
    color:#333;
    font-size:13px;
    line-height: 21px;
    height:24px;
    border:none;
    border-bottom: 1px solid #eee;
    outline: none;
}
.menu-icons-box .search-box input[type=text]:focus{
    border-color:#ccc;
}
.menu-icons-box .search-box input[type=submit]{
    color:#ff921d;
    background: none;
    border:none;
    width:56px;
    float:left;
    line-height: 24px;
    text-align: center;
    outline: none;
}
/*搜索结束*/

/*二维码开始*/

.menu-icons-box .qrcode-box {
    width:0px;
    position: absolute;
    left:18px;top:-42px;
    z-index: 11;
    padding:0;
    overflow: hidden;

    transition: all 0.8s ease 0.2s;
    -moz-transition: all 0.8s ease 0.2s;
    -ms-transition: all 0.8s ease 0.2s;
    -o-transition: all 0.8s ease 0.2s;
    -webkit-transition: all 0.8s ease 0.2s;

    opacity: 0;
    filter: opacity(0);

    transform: translateX(-10px); 
}
.menu-icons-box .qrcode-box:after {
    width:36px;height:36px;
    display: inline-block; content: "";
    left:0px;top:42px;
    z-index: 15;
    position: absolute;
    background: #fff;
}
.menu-icons-box .icons-item-qrcode:hover .icons-item-icon{
    color:#0b0b0c;
}
.menu-icons-box .icons-item-qrcode:hover .qrcode-box{
    width:154px;
    transform: translateX(0px);

    opacity: 1;
    filter: opacity(100);
}
.qrcode-img {
    width:120px;height:120px;
    border-radius: 4px;
    position: relative;
    background: #fff;
    overflow: hidden;
    z-index: 10;
    padding:10px;
    margin-left:30px;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2);
}

/*二维码结束*/


/*右侧总框架*/
.right-index-box {
    margin-left:120px;
    overflow: hidden;
}

/*主页内容框*/
.index-main-box {
    width:100%;
    overflow: hidden;
}
.index-main-box .index-slider-box {
    width:60%;
    /*height:0;*/
    float:left;
    position: relative;
}
.index-main-box .index-slider-box .ibanner_box {
    position: relative;
    left:0;top:0;
    width:100%; padding-bottom:86.4%;
}
.fixcategory {
    width:100%; height:180px;
    position: absolute;
    left:0;bottom:30px;
    z-index: 999;
    text-align: center;
}
.fixcategory .cate-item {
    width:120px;
    height:180px;
    margin:0 2%;
    /*overflow: hidden;*/
    display: inline-block;
}
.fixcategory .cate-item a{
    width:120px;
    height:120px;
    border-radius: 50%;
    position: relative;
}
.fixcategory .cate-item ._imgbox{
    width:108px;height:108px;
    border-radius: 50%;
    margin:6px;
    position: relative;
    overflow: hidden;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    white-space:nowrap;
}
.fixcategory .cate-item .hi-icon:after{
    position: absolute; content:'';
    display: inline-block;
    left:50%;top:50%;
    width:108px; height:108px;
    border-radius: 50%;
    /*background: rgba(0,0,0,0.1);*/
    color:#fff;
    z-index: 999;
    overflow: hidden;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.fixcategory .cate-item p{
    position: relative;
    display: block;
    z-index: 9999;
    width:100%;
    color:#fff;
    text-align:center;
    margin-top:10px;
    font-size: 16px;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.hi-icon ._img {
    width:216px;
    height:108px;
    display: inline-block;
    white-space:nowrap;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.hi-icon ._img span{
    width:108px;
    height:108px;
    border-radius: 50%;
    float: left;
    display: inline-block;
    background:rgba(0,0,0,0.4) center center no-repeat;
    background-size: cover;
}
.hi-icon {
    position: relative;
    box-shadow: 0 0 0 3px rgba(255,255,255,.8);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #702fa8;
    box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}
.fixcategory .cate-item a:hover .hi-icon:after{
    /*background:  rgba(255,255,255,0.7);*/
}
.fixcategory .cate-item a:hover ._img{
    -webkit-transform: translateX(-108px);
    -moz-transform: translateX(-108px);
    transform: translateX(-108px);
}
.fixcategory .cate-item a:hover  p{
    color:#5091be;
    font-weight: bold;
}

.index-main-box .index-fix-logo {
    position: absolute;
    left:60px;
    top:20px;
    z-index: 9999;
}

.index-main-box .index-content-box {
    width:40%;
    float:left;
}
.index-content-box .index-content-top{
    overflow: hidden;
    width:100%;
}
.index-content-box .index-content-top-wrap{
    padding-bottom:86.4%;
    height: 0;
    overflow: hidden;
}
.index-content-box .index-content-menu{
    width:44.5%;
    float:left;
    position: relative;
}

.index-content-box .index-content-news{
    width:55.5%;
    float:left;
}
.index-content-box .item-menu{
    padding-bottom:97.1%;
    height: 0;
    overflow: hidden;
    position: relative;
    background:  center center no-repeat;
    background-size: 100%;
}
.index-content-box  .item-menu a{
    position: absolute;
    z-index: 10;
    left:0;top:0;
    width: 100%;height: 100%;
    padding:20% 0 0 14%;
}
.index-content-box  .item-menu .item-menu-tit{
    padding: 20px 0 5px;
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    line-height: 1;
    color:#fff;
    position: relative;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-content-box  .item-menu .item-menu-tit:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background-color: #fff;
    z-index: 10;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-content-box  .item-menu p{
    color:#fff;
    font-size: 24px;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-content-box  .item-menu-prod{
    background-image: url(../../images/index_menu_bg_01.jpg);
}
.index-content-box  .item-menu a{
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.index-content-box  .item-menu a span{
    display: inline-block;
}
.index-content-box  .item-menu-prod a{
    background: rgba(32, 80, 153,.9);
}
.index-content-box  .item-menu-prod:hover a{
    background: rgba(32, 80, 153,.6);
}
.index-content-box  .item-menu-case{
    background-image: url(../../images/index_menu_bg_02.jpg);
}
.index-content-box  .item-menu-case a{
    background: rgba(73, 92, 108,.9);
}
.index-content-box  .item-menu-case:hover a{
    background: rgba(73, 92, 108,.6);
}
.index-content-box  .item-menu-about{
    background-image: url(../../images/index_menu_bg_03.jpg);
}
.index-content-box  .item-menu-about a{
    background: rgba(63, 135, 188,.9);
}
.index-content-box  .item-menu-about:hover a{
    background: rgba(63, 135, 188,.6);
}
.index-content-box  .item-menu:hover a>*{
    padding-left:25px;
}
.index-content-box  .item-menu:hover .item-menu-tit:before{
    width:3px;
    top:20px;
    height:115px;
}

.index-content-box .index-content-bottom {
    width:100%;
}
.index-content-box .index-content-bottom .item-content-bottom-wrap {
    padding-bottom:43.2%;
    
}
.index-content-box .index-content-bottom .item-video{
    width:55.5%;
    height:100%;
    float:left;
}
.item-video-wrap {
    padding-bottom:77.84%;
    height: 0;
    overflow: hidden;
    position: relative;
}
.item-video-box {
    position: absolute;
    width: 100%;height:100%;
    background: #423a3a;
    left:0;top:0;
}
.hasVideo:after{
}
.hasVideo:after{
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.3) url(../../images/play_white.png) center center no-repeat;
}
.item-video-box img{
    width:100%;height:100%;
}

.imgZoom {
    /*overflow: hidden;*/
}
.imgZoom img{
    transition: all .5s;
    -webkit-transition: all .5s;
}
.imgZoom:hover img {
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}

/*新闻资讯*/
.index-sm-news-boxs {
    display: none;
}
.index-content-news-wrap{
    width:100%; height: 0;
    padding-bottom:155.68%;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.index-content-news-wrap .news_list_box{
    position: absolute;
    left:0;top:0;
    width:100%;height:100%;
    overflow: hidden;
    border-top:5px solid #205099;
}
.news_tit {
    font-size:32px;
    padding:30px 20px 8px;
    margin:0;
    overflow: hidden;
    height:70px;
}
.news_tit span{
    line-height: 32px;
    font-weight: bold;
    float: left;
    line-height: 32px;
}
.news_tit small{
    font-size:24px;
    margin-left:15px;
    color:#333;
    line-height: 35px;
    font-weight: normal;
    float: left;
}
.tabs {
    width: 100%;
    padding:0 20px;
}

.tabs>ul{
    width:100%;
    display: inline-block;
}
.scroll_c {
    float: left;
    top: 0; left: 0;
    height: 100%;
    z-index: 1;
    margin-top: 0;
    margin-right:5%;
}
.scroll_c:last-of-type {
    margin-right:0;
}
.bom-text {
    padding: 10px 5px;
    overflow: hidden;
    display: block;
    position: relative;
    font-size: 18px;
    color:#333;
    font-weight: 400;
    text-align: left;
    z-index: 2;
}
.scroll_c .bom-text:after {
    width:0%; height:2px;
    display: inline-block;
    position: absolute;
    bottom:0px;left:0%;
    content: "";
    background: #205099;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.scroll_c.active .bom-text {
    color:#205099;
}
.scroll_c:hover .bom-text:after,.scroll_c.active .bom-text:after {
    width:100%;left:0;
}

.tab_content {
    padding: 20px 5px;
    display: none;
    overflow: hidden;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.tabs .tab_content.active {
    display: block;
}
.tabs .tab_content ul li{
    margin-bottom:5%;
    /*overflow: hidden;*/
}
.tabs .tab_content ul li:hover{
    color:red;
}
.tabs .tab_content ul li a{
    display: block;
    position: relative;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.tabs .tab_content ul li a:after{
    width:4px;height:100%;
    background: red;
    content:'';
    display: inline-block;
    position: absolute;
    left:-4px; top:0;
    opacity: 0;
    filter: opacity(0);

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.tabs .tab_content ul .new_icon .news_time:after,.index-sm-news-boxs .new_icon .news_time:after{
    margin-left:5px;
    background: red;
    color:#fff;
    font-size:10px;
    height:14px;
    line-height: 13px;
    display: inline-block;
    padding:0 5px;
    content:"new";
    vertical-align: top;
    animation: flicker 1.5s infinite  steps(1, start);
    -moz-animation: flicker 1.5s infinite  steps(1, start);
    -webkit-animation: flicker 1.5s infinite  steps(1, start);
    -o-animation: flicker 1.5s infinite  steps(1, start);
    position: relative;
}
@keyframes flicker {
    0% {
        background: red;
    }
    50%{
        background: red;
    }
    75%{
        background: #fff;
    }
}
.tabs .tab_content ul .news_title{
    font-size:18px;
    color:#333;
    line-height: 1.2em;
    height:1.2em;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.tabs .tab_content ul .news_time{
    font-size:13px;
    color:#999;
    padding:5px 0;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.tabs .tab_content ul .news_desc{
    font-size:13px;
    color:#666;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.tabs .tab_content ul li:hover a{
    padding-left: 20px;
}
.tabs .tab_content ul li:hover a:after{
    left:0;
    opacity: 1;
    filter: opacity(100);
}
.tabs .tab_content ul li:hover .news_title{
    color:red;
}
.tabs .tab_content ul li:hover .news_time{
    color:#333;
}
.tabs .tab_content ul li:hover .news_desc{
    color:#000;
}

/*首页视频*/
#boxBlank.active {
    display: block !important;
}
#boxBlank {
    display: none !important;
    position: fixed;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=50);
    background: rgba(0,0,0,.5);
}
.about-video-close {
    background: url(../../images/about_close.png);
    position: absolute;
    top: 5px;
    right: 5px;          
    display: block;
    width: 22px;
    height: 22px;
    z-index: 5;
    cursor: pointer;
}
.i_video_box {
    z-index: 99999;
}


/*内容页banner*/
.cbanner { position:relative; height:316px; overflow:hidden; }
.cbanner .stuff_fixed { position:fixed; top:0; left:0; width:100%; }
.cbanner .stuff_fixed .stuff_con { position:relative; margin-left:120px; text-align: center;}
.cbanner .cbanner_bg { width:100%;position:absolute; top:0; left:0;background:url(../../images/tybanner.jpg) center center no-repeat;background-size: cover;height:316px; }
.cbanner  .logo { position:absolute; top:20px;  left:30px;width:268px; max-width:50%; }
.cbanner .stuff_ab { position:absolute; top:50%; width:100%; margin-top:-40px; }
.cbanner .banner_title { text-align:center; }
.cbanner .tt_cn { font-size:34px; color:#205099; }
.cbanner .tt_en { line-height:1; font-size:46px; font-family:Arial; color:#205099; text-shadow:1px 2px 3px #aaa; text-transform:uppercase; }
/*pro_banner*/
.cbanner.pro_banner .tt_cn { margin-bottom:15px; font-family:'Microsoft Yahei Bold','Microsoft Yahei',sans-serif; font-weight:bold; }
.cbanner.pro_banner .search_inp,.cbanner.pro_banner .search_btn { height:56px; line-height:56px; vertical-align:middle; }
.cbanner.pro_banner .pro_search_box { font-size:0; text-align:center; }
.cbanner.pro_banner .search_inp { display:inline-block; padding:0; padding-left:2.67%; width:45.5%; font-size:13px; border:none; }
.cbanner.pro_banner .search_btn { padding:0; width:16%; font-size:20px; color:#000; border:none; cursor:pointer; background-color:#fd961e; }
.cbanner.pro_banner .search_btn:focus { outline:none; }

@media screen and (max-width: 1400px) {
    .cbanner .cbanner_bg {
        background-image:url(../../images/tybanner_min.jpg) !important;
    }
    .cbanner { 
        height:120px !important;
    }
    .cbanner .stuff_ab { 
        display: none !important;
    }
}

.page_main_content {
    background: #fff;
    width: 100%;
    position: relative;
    z-index: 99;
}


.page_nav {
    width:100%;
    /*height:50px;*/
    padding:5px 0;
    background: #f0f0f0;
}
.page_nav li{
    height:40px;
}
.page_nav li a{
    height:40px;
    line-height: 40px;
    font-size:15px;
    padding:0 10px;
    display: inline-block;
    position: relative;

    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 
}
.page_nav li a span{
    position: relative;
    line-height: 40px;
    display: inline-block;
    padding:0 2px;
}
.page_nav li a span:after{
    position: absolute;
    display: inline-block;
    content: "";
    width:0;
    height:2px;
    bottom:-2px;
    left:30%;
    background: #205099;
    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 
}

.page_nav li.active a,.page_nav li:hover a{
    color:#205099;
}
.page_nav li.active span:after,.page_nav li:hover span:after{
    width:100%;
    left:0%;
}

.uni_btn_wrap {
    display: inline-block;
    margin-right: 24px;
    min-width: 120px;
    font-size: 14px;
    text-align: center;
    border:none;
}
.uni_btn {
    display: block;
    width: 100%;
    height: 40px;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
    position: relative;
    border:none;
}
.uni_btn .face1 {
    font-size: 0;
    color: #333;
    text-align: center;
    border: 1px solid #c8c7c7;
    height: 40px;
    line-height: 36px;
    border-radius:5px;
}
.uni_btn .face2 {
    color: #fff;
    font-size: 0;
    text-align: center;
    border: 1px solid #fc9e30;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    height: 40px;

    border-radius:5px;
}

.roll1 {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform-origin: 50% 50% -25px;
    -ms-transform-origin: 50% 50% -25px;
    transform-origin: 50% 50% -25px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 1;
}
.roll2 {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -webkit-transform-origin: 50% 50% -22px;
    -ms-transform-origin: 50% 50% -22px;
    transform-origin: 50% 50% -22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0;
    display: none\9;
}
.uni_btn *:after{
    display: none !important;
}
.uni_btn .face1 .t {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    line-height: 38px;
    opacity: 0.8;
}
.uni_btn .face2 .t {
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    vertical-align: top;
}
.uni_btn .face1 .sj {
    display: inline-block;
    font-size:15px;
    width: 6px;
    height:38px;
    background: url(../../images/uni_btn1_arr.png) 0px center no-repeat;
    margin-left: 0.8em;
}
.uni_btn .face2 .sj {
    display: inline-block;
    font-size:15px;
    width: 6px;
    height:38px;
    background: url(../../images/uni_btn1_arr.png) -6px center no-repeat;
    margin-left: 0.8em;
}
.uni_btn_wrap:hover .uni_btn .face2,.uni_btn_wrap.active .uni_btn .face2 {
    color: #fff;
    background-color: #205099;
    border-color: #205099;
}

.uni_btn_wrap:hover .uni_btn .face1,.uni_btn_wrap.active .uni_btn .face1 {
    color: #fff;
    background-color: #205099;
    border-color: #4580D9;
}
.uni_btn_wrap:hover .uni_btn .roll1,.uni_btn_wrap.active .uni_btn .roll1 {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    display: none\9;
    z-index: 0;
    opacity: 0;
}
.uni_btn_wrap:hover .uni_btn .roll2,.uni_btn_wrap.active .uni_btn .roll2 {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    display: block\9;
    z-index: 1;
    opacity: 1;
}

/*产品系列*/
.page_nav .tabs {
    padding:30px 30px 20px 30px;
}
.page_nav .tabs>ul {
    padding-left:120px;
    position: relative;
    margin-bottom:10px;
}
.page_nav .tabs>ul:before {
    content:"产品系列：";
    font-size:16px;
    display: inline-block;
    float:left;
    font-weight: 700;
    color: #205099;
    text-align: right;
    width:100px;height:40px;
    padding-right:1px;
    line-height: 40px;
    position: absolute;
    left:0;top:0;
}
.page_nav .tabs>ul>li .uni_btn .face2 .t{
    font-weight: bold
}
.page_nav .tabs>ul>li .uni_btn .face1 .t{
    font-weight: bold
}
.page_nav .tabs>.tab_content {
    padding-bottom:10px;
    padding-top:10px;
    min-height: 60px;
}
.page_nav .tabs>.tab_content {
    padding-left:120px; 
    position: relative;
}
.page_nav .tabs>.tab_content:before {
    content:"车型：";
    font-size:16px;
    display: inline-block;
    float:left;
    font-weight: 700;
    color: #205099;
    text-align: right;
    width:100px;height:40px;
    padding-right:1px;
    line-height: 40px;
    position: absolute;
    left:0;top:10px;
}

.tabs .tab_content>div{
    margin-bottom:10px;
}

.page_main_content .head {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    float: left;

    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #D8DADA;
    padding-bottom: 1px;
}
.head a {
    color: #41484d;
}
.head a:hover {
    color: #205099;
}
.page_main_content .container{
    padding-top:10px;
}

.page_list_box {
}
.page_list_box li{
    padding-top:50px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page_list_box li .date{
    width:100px;
    text-align: center;
    float:left;
    border-right:1px solid #ccc;
    position: absolute;
    left:0px;top:50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.page_list_box li .date ._d{
    font-size:46px;
    color:#205099;
    text-align: center;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.page_list_box li .date ._ym{
    font-size:13px;
    color:#333;
    text-align: center;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.page_list_box .info_box{
    padding-left:140px;
    border-bottom:1px solid #ccc;
    padding-right:240px;
    min-height: 156px;
    padding-bottom:50px;
}
.page_list_box.noimg .info_box{
    padding-right:0px;
}
.page_list_box li a{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.page_list_box .info_box .imgbox{
    position: absolute;
    top:50px;
    right:40px;
}
.page_list_box li:hover {
    background: #f8f8f8;
}
.page_list_box li:hover a{
    color:red;
}
.page_list_box li:hover .info_box{
    /*border-bottom-color:rgba(0,0,0,0);*/
}



/*功能参数*/
.cansu {
    width: 100%;
    margin: 0 auto;
}
.cansu table {
    border: 1px solid #DDDDDD;
    width: 70%;
}
.cansu table tr td {
    padding: 5px 0 5px 10px;
}
.cansu img {
    width: auto;
    height: auto;
}


/* 分页 */

#pages {
    padding: 14px 0 10px 0;
    text-align: center;
}
#pages a {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    background: #F1F1F1;
    border: 1px solid #E4E4E4;
    text-align: center;
    color: #999;
    padding: 0 10px;
}
#pages a.a1 {
    background: url(../images/admin_img/pages.png) no-repeat 0 5px;
    width: 70px;
    padding: 0;
    background: #F1F1F1;
}
#pages a:hover {
    background: #DE0025;
    color: #fff;
    text-decoration: none
}
#pages span {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    background: #DE0025;
    border: 1px solid #C50021;
    color: #fff;
    text-align: center;
    padding: 0 10px
}
.page .noPage {
    display: inline-block;
    width: 70px;
    height: 32px;
    line-height: 30px;
    background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}

.index-gsjs {
    background: url(../../images/bj_1.jpg) no-repeat center center;
    height: 560px;
    padding-top: 40px;
}
.index-gsjs .jieshao {
    text-align: center;
    height: 120px;
    line-height: 120px;
    font-size: 18px;
    float: left;
    width: 256px;
}
.index-gsjs .sm {
    line-height: 30px;
    text-align: justify;
    font-size: 15px;
}
.index-gsjs .pic {
    border: 1px solid #f7f7f7;
    background: #FFF;
    width: 100%;
    height: 165px;
    padding-top: 15px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.index-jsan {
    background: #fff;
    padding-top: 35px;
}
.index-jsan ._con {
    border-bottom: #E8E8E8 solid 1px;
    height: 0;
    padding-bottom: 130%;
    overflow: hidden;
    cursor: pointer;
}
.index-jsan ._img {
    height: 0;
    padding-bottom: 66%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.index-jsan ._info {
    background: #FAFAFA;
    padding: 0 4% 15% 4%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.index-jsan ._info ._more {
    display: block;
    width: 124px;
    height: 32px;
    line-height: 31px;
    color: #999;
    text-align: center;
    background: #fff;
    border: 1px solid #E8E8E8;
}
.index-jsan ._info .txt {
    line-height: 22px;
    margin-bottom: 17px;
    height: 50px;
}
.index-jsan ._info h3 {
    font-size: 20px;
    color: #000;
}
.index-jsan ._con:hover ._img {
    padding-bottom: 60%;
}


.scroll-nav {
    border-top: 3px solid #CB0305;
    height: 50px;
    background: #F7F7F7;
    line-height: 50px;
    border-bottom: 1px solid #DDDDDD;
}
.scroll-nav li {
    border-left: 1px solid #E1E1E1;
    float: left;
    width: 20%;
    height: 47px;
    text-align: center;
}
.scroll-nav li a {
    font-size: 18px;
    text-align: center;
}
.scroll-nav li:last-child {
    border-right: 1px solid #E1E1E1;
}
.scroll-nav li a:hover {
    color: #000;
}
.scroll-nav>li.active>a,
.scroll-nav>li.active>a:hover,
.scroll-nav>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
}


.scroll-product {
    
}
.scroll-product li {
    border-right: 1px solid #E1E1E1;
    /*background: #205099;*/
}
.scroll-product li .roll1{
    border-color: #999 !important;
}
.scroll-product li .roll1 .t1{
    color:#fff !important;
}
.scroll-product  .face1, .scroll-product .uni_btn .face2 {
    border:none;
    background-color: #999;
}
.scroll-product  .face1 .t, .scroll-product .uni_btn .face2  .t{
    line-height: 40px;
    color:#fff;
}
.scroll-product .uni_btn_wrap:hover .uni_btn .face1,.scroll-product .uni_btn_wrap.active .uni_btn .face1 {
    color: #fff;
    background-color: #205099;
}
.scroll-product .uni_btn_wrap:hover .uni_btn .face2,.scroll-product .uni_btn_wrap.active .uni_btn .face2 {
    background-color: #205099;
}
.scroll-product li a {
    font-size: 18px;
    color: #fff;
    border: none !important;
}
.scroll-product li:last-child {
    border-right: none;
}
.scroll-product li a:hover {
    color: #fff;
    background: #205099;
}
.scroll-product>li.active>a,
.scroll-product>li.active>a:hover,
.scroll-product>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #205099;
    border: none !important;
    border-radius: 0;
}


.sroll-nav-title {
    background: url("../../images/products-green.png") no-repeat scroll 0 0;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    height: 50px;
    padding-left: 75px;
}

.view-blank {}
.view-table {
    width: 100%;
}
.view-table table {
    border: 1px solid #000;
}
.view-table .cp-hang {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.view-table .view-table-first td:nth-child(odd) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA;
}
.view-table .view-table-second td:nth-child(odd) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA;
}
.view-table .view-table-three tr:nth-child(2) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA;
}
.view-table .view-table-title-first td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5;
}
.view-table .view-table-title-second td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5;
}
.view-table .view-table-title-three td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5;
}
.view-table table td {
    word-wrap: break-word;
    word-break: break-all;
}

.index-shouhou {
    background: #F5F5F5;
}
.index-shouhou .sm {
    border: 1px solid #fff;
    background: #fff;
    padding: 10px;
    line-height: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


.message_form {
    margin-top: 15px;
}
.message_name {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EAEAEA;
    color: #8F8F8F;
    float: left;
    /*height: 32px;*/
    font-size: 14px;
    line-height: 32px;
    padding-left: 5px;
    width: 100%;
}
.message_content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EAEAEA;
    color: #8F8F8F;
    height: 120px;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    padding: 1%;
    width: 98%;
}
.message_sub_do {
    /*height: 32px;*/
    line-height: 30px;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none;
    font-size: 16px;
    background: #0058b6;
}
.message_sub_re {
    /*height: 30px;*/
    line-height: 30px;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none;
    font-size: 16px;
}
.message_about {
    color: #8F8F8F;
    font-size: 14px;
    line-height: 25px;
}

.w600 {
    width: 600px;
}
.btn-about {
    color: #131E5C;
    background-color: #fff;
    border-color: #F2F2F2;
    height: 45px;
    margin-top: 25px;
    line-height: 45px;
    padding: 0 0 0 20px;
    font-size: 18px;
    opacity: 0.9;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    text-align: left;
}
.btn-about:hover {
    color: #fff;
    background-color: #D30007;
    border-color: #B90006;
    opacity: 1;
}


.btn-news {
    color: #000;
    background-color: #fff;
    border-color: #F2F2F2;
    height: 83px;
    border: none;
    border-bottom: 1px solid #dedede;
    line-height: 30px;
    padding: 5px 0 0 20px;
    font-size: 16px;
    opacity: 0.9;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    text-align: left;
}
.btn-news:hover {
    color: #fff;
    background-color: #D30007;
    border-color: #B90006;
    opacity: 1;
}

.products-down {}
.products-down .bg {
    height: 90px;
    line-height: 90px;
    background: #414755;
    font-size: 18px;
    color: #FFF;
    text-align: center;
}
.products-down li:first-child p {
    height: 90px;
    line-height: 90px;
    background: #46B8DA;
    font-size: 18px;
    color: #FFF;
    text-align: center;
}
.products-down .bg a {
    color: #FFF;
    background: url(../../images/down.png) left center no-repeat;
    line-height: 1.4em;
    padding-left: 1.9em;
}


/*首页产品分类*/

.lmpic ._img{width: 100%!important;height:auto!important;}
.lmtitle{position: absolute;bottom:0;background: url(../../images/lmtitlebg.png) no-repeat left center;width: 100%;line-height: 38px;height:38px;font-size:16px;padding-left: 15px;}
.lmtitle p{float:left;}
/*.lmtitle .txt{float:right;}*/
.dbtx{width: 100%;height:532px;background:url(../../images/dbcxbg.jpg) no-repeat left center;cursor: default;}
.dbtxbt{font-size: 24px;font-weight: 600;line-height: 54px;color:#fff;padding-left:50px;padding-top:40px;}
.dbtxen{font-size: 14px;font-weight: 600;line-height: 24px;color:#fff;padding-left:50px;width: 270px;}
.dbtxnr{padding-left: 50px; color: #fff; font-size: 12px; padding-top: 30px; line-height: 36px; width: 320px; padding-bottom: 20px;text-align: justify;}
.dbtx a{margin-left:50px;display: inline-block;overflow: hidden;position: relative;border:1px solid #fff;}
/*.dbtxmore{padding-left:50px;}*/
.dbtx{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.dbtx .dbtxbt,.dbtx .dbtxen,.dbtx a,.dbtx .dbtxnr{
    transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
}
.dbtx:hover a {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.dbtx a img {
    position: relative;
    z-index: 1;
}
.dbtx a:before {
    width:100%;height:100%;
    content:'';display: inline-block;
    position: absolute; left: -100%;
    background: rgba(0,0,0,0.2);
    z-index: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.dbtx a:hover:before {
    left:0;
}
.dbtx:hover .dbtxbt,.dbtx:hover .dbtxen{
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -webkit-transform: translateY(10px);
}
.dbtx:hover .dbtxnr{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}





/*.news li:last-child { border-bottom:1px solid #EBEBEB}*/

/*.news li a:hover {
    background: #E15354;
    color: #FFF;
    display: block;
    width: 570px;
    height: 81px;
}
.news li a:hover a {
    color: #FFF;
}*/
.news .rq {
    float: left;
    width: 90px;
    height: 81px;
    text-align: center;
}


.news a.active .rq .ym {
    color: #FFF;
}
.news .rq .d {
    height: 45px;
    line-height: 50px;
    font-size: 22px;
    color: #01499d;
    clear: both;
}
.news .rq .y {
    display: block;
    border-top: 1px solid #cecece;
    width: 35px;
    margin: 0 auto;
}
.news .bt b{
    line-height: 51px;
    float: left;
    width: 410px;
    padding: 0 0 0 20px;
    font-size: 16px;
}
.news .bt p{
    line-height: 30px;
    float: left;
    width: 410px;
    padding: 0 0 0 20px;
    font-size: 12px;
    color:#666;
}

.news .ck {
    line-height: 30px;
    display: block;
    color: #fff;
    background: #01499d;
    width: 60px;
    height: 30px;
    margin-left: 15px;
    margin-top: 10px;
}
.news a:hover .ck {
    color: #FFF;
}



/*售后服务*/
.shbg{width: 100%;height:513px;background: url(../../images/shbg.jpg) no-repeat center center;}
.shsm{line-height: 32px; font-size: 12px; padding-left: 410px; padding-top: 35px;text-align:justify;}




/*内容标题*/

.products-title h3 {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.products-title h3 span {
    color: #FF9966;
}
.products-title .with-line {
    width: 100%;
    font-size: 13px;
    color: #848484;
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}
.products-title .with-line:before {
    content: "";
    border-top: 1px solid #D8DADA;
    display: block;
    position: absolute;
    width: 40%;
    top: 10px;
    left: 0
}
.products-title .with-line:after {
    content: "";
    border-top: 1px solid #D8DADA;
    display: block;
    position: absolute;
    width: 40%;
    top: 10px;
    right: 0
}

.ms {
    line-height: 25px;
    font-size: 16px;
    text-align: justify;
    border-bottom: 2px solid #ff0000;
    padding-bottom: 15px;
    /*background: url(../../images/cpjj.jpg) no-repeat left top; height:380px; padding:50px 0 10px 0; */
    text-indent: 2em;
}
.product-title {
    font-size: 24px;
    color: #205099;
    height: 50px;
    line-height: 50px;
    margin: 0;
    font-weight: 600;
}
.product-price {
    font-size: 18px;
    line-height: 30px;
    color: #9999B2;
    font-weight: normal;
}
.product-price i {
    color: #333333;
    font-style: normal;
}

.product-dp {
    font-size: 14px;
    line-height: 30px;
    color: #9999B2;
}
.product-dp span {
    color: #333333;
}

.product-sm {
    background: url("../../images/fk.gif") no-repeat left 13px;
    padding-left: 15px;
    line-height: 30px;
}

.btn-cpinfo {
    color: #fff;
    background-color: #DF0024;
    border-color: #C60020;
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
    line-height: 50px;
    padding: 0;
    font-size: 20px;
    display: block;
    text-align: center;
}
.btn-cpinfo a {
    color: #FFF;
}

.fd1 {
    padding: 2px 6px;
    background: #AACE3B;
    color: #FFF;
    font-size: 12px;
}
.fd2 {
    padding: 2px 6px;
    background: #D9534F;
    color: #FFF;
    font-size: 12px;
}
.fd3 {
    padding: 2px 6px;
    background: #46B8DA;
    color: #FFF;
    font-size: 12px;
}
.fd4 {
    padding: 2px 6px;
    background: #F0AD4E;
    color: #FFF;
    font-size: 12px;
}

.cp-title {
    background: #D30007;
    text-align: center;
    width: 250px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    margin: 50px auto 10px;
    font-size: 24px;
}
.cp-title a {
    color: #FFF;
}
.cp-title-sub {
    width: 900px;
    margin: 0 auto;
    text-align: center;
}
.cp-title-sub li {
    border: 1px solid #dedede;
    text-align: center;
    font-size: 16px;
    margin: 10px 7px;
    padding: 0 25px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
}
.cp-title-sub li:hover {
    background: #DE0025;
    color: #FFF;
    border: 1px solid #E57304;
}
.cp-title-sub li:hover a {
    font-size: 16px;
    color: #FFF;
    transition: all 0.4s ease 0s;
}





/*单页公司介绍*/
.page_gsjs {
    height: auto;
    background: #fff;
}
.page_gsjs .menu_icon{
    width:120px;
    height:120px;
    display: inline-block;
    border-radius: 60px;
    border:2px solid #666;
    padding:35px;
    box-sizing: border-box;
    transition: all 0.8s ease 0s;
    cursor: pointer;
}
.page_gsjs .menu_icon img{
    width:50px;
}
.page_gsjs .icon-item span{
    color:#666;
    transition: all 0.8s ease 0s;
}
.page_gsjs .icon-item:hover .menu_icon{
    transform: rotateY(180deg);
    border-color: #205099;
}
.page_gsjs .icon-item:hover span{
    color:#205099;
}

.layui-layer-demo {
    padding:30px !important;
    box-shadow: border-box;
    max-height: 800px;
    overflow: hidden;
    background: #fff !important;
}
.layui-layer-demo .layui-layer-title{
    display: none;

}
.layui-layer-demo .layui-layer-content {
    border:1px solid #d9d9d9;
    padding:20px !important;
    box-shadow: border-box;    
    font-size:15px;
    line-height: 30px;
    height:100% !important;
    overflow: hidden;
}
.layui-layer-demo .layui-layer-content .layui-border{
    padding:10px 20px 20px !important;
    box-shadow: border-box;    
    font-size:15px;
    line-height: 30px;
    overflow: hidden;
}
.layui-layer-demo:after{
    position: absolute;
    width: 1120px;
    height:20px;
    background: #fff;
    bottom: 31px;
    left: 31px;
    content: "";
    z-index: 9999;
}
.layui-layer-demo:before{
    position: absolute;
    width: 1120px;
    height:20px;
    background: #fff;
    top: 31px;
    left: 31px;
    content: "";
    z-index: 9999;
}
.layui-layer-demo .layui-layer-content h1{
    font-size:21px;
    color:#666;
    margin-top:0;
    position: relative;
    margin-bottom:20px;
}
.layui-layer-demo .layui-layer-content h1:before{
    position: absolute;
    width: 3em;
    height:3px;
    background: #3080ef;
    bottom: -10px;
    left: 0;
    content: "";
    z-index: 9999;
}
.layui-layer-demo .layui-layer-content p{
    text-align: justify;
    line-height: 25px;
    margin-bottom:10px;
}
.lightboxOverlay {
    z-index: 99999999 !important;
}
.lightbox {
    z-index: 100000000 !important;
}

.page_gsjs .section {
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 15px;
    overflow: hidden;
}
.page_gsjs .section #section-1 img {
    padding: 0;
}
.page_gsjs .section h1 {
    color: #41484d;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 15px;
    /*background: url(../../images/show_dot.png) no-repeat left 1px;*/
    padding-left: 30px;
    margin-left: -30px;
    margin-top: 0;
    position: relative;
}
.page_gsjs .section h1:before {
    width:15px;height:15px;
    border-radius: 50%;
    position: absolute;
    left:-7px;top:2px;
    content:'';display: inline-block;
    background: #C5C7C8;
}
.page_gsjs .section p {
    color: #666;
    line-height: 22px;
    text-align: left;
    padding-bottom: 15px;
    text-align: justify;
}
.page_gsjs .section .section-item {
    height: auto;
    border-left: 1px solid #C5C7C8;
    padding:20px 30px 30px;
}
.page_gsjs .section .section-item:hover h1{
    color:#205099;
}
.page_gsjs .section .section-item:hover h1:before{
    background: #205099;
}



/*制造实力*/

.zzsl {
    margin-bottom: 10px;
    padding: 15px 15px 15px;
    background: #FAFAFA;
}
.zzsl:hover {
    background: #0066CC none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 8px #ddd;
    color: #FFF;
    transition: box-shadow 0.2s ease-in-out 0s;
}
.zzsl:hover span {
    color: #fff;
}
.zzsl span {
    color: #0066CC;
    font-size: 42px;
    padding: 0;
    text-align: center;
    width: 322px;
    margin: 0 auto;
    transition: all 0.4s ease-in-out 0s;
}
.zzsl h4 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
}
.zzsl p {
    font-size: 13px;
    line-height: 20px;
    color: #6F6F6F;
    text-align: justify;
}
.zzsl:hover p {
    color: #FFF;
}





/*Pricing Head*/

.pricing {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #eee;
}
.pricing:hover {
    box-shadow: 0 0 15px #b5b5b5;
}
.pricing:hover h4 {
    color: #55c931;
}
.pricing-head {
    text-align: center;
}
.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
    font-weight: bold !important;
}
.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic;
}
.pricing-head h3 {
    color: #fafafa;
    padding: 12px 0;
    font-size: 35px;
    font-family: Arial;
    background: #DF4A4C;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px 0 #DF4A4C;
    border-bottom: solid 1px #DB3437;
}
.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 70px;
    font-family: Arial;
    background: #F2F2F2;
    text-shadow: 0 1px 0 #fff;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}
.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}



/*Pricing Content*/

.pricing-content {
    margin-top: 10px;
}
.pricing-content li {
    color: #888;
    font-size: 13px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}
.pricing-content li i {
    top: 2px;
    color: #72c02c;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}



/*Pricing Footer*/



.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
    border-radius: 0 0 3px 3px;
}
.pricing-footer a,
.pricing-footer button {
    color: #fff;
    border: none;
    margin-top: 5px;
    font-size: 16px;
    padding: 6px 15px;
    text-align: center;
    border-radius: 2px;
    background: #55c931;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #38b312;
    border-bottom: solid 2px #41b91c;
}
.pricing-footer a:hover,
.pricing-footer button:hover {
    cursor: pointer;
    background: #40ba1a;
    text-decoration: none;
    box-shadow: 0 0 3px #999;
}



/*Priceing Active*/

.price-active,
.pricing:hover {
    z-index: 9;
    margin-top: -15px;
    box-shadow: 0 0 15px #b5b5b5;
}
.price-active h4 {
    color: #55c931;
}
.no-space-pricing .pricing:hover {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #55c931;
    padding: 15px 0;
    font-size: 80px;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}
.hover-effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.z_photo {
    width: 100%;
    height: auto;
    margin-top: 8px;
    padding: 10px 10px 5px 10px;
    background: #fff;
    overflow: hidden;
    clear: both;
    border: 1px solid rgba(0, 0, 0, .1);
}
.z_photo img {
    max-width: 100%;
    width: 90px;
    height: 90px;
}
.z_addImg {
    max-width: 30%;
    position: relative;
    padding: 4px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    float: left;
    margin-right: 3%;
    margin-bottom: 10px;
}
.z_addImg::after {
    content: '点击删除';
    padding: 3px 0px;
    border-radius: 5px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    width: 80%;
    text-align: center;
    background-color: rgba(0, 0, 0, .7);
    color: #FFF;
    transform: translate(-50%, -50%);
}
.z_file {
    max-width: 30%;
    width: 100px;
    height: 100px;
    background-size: 100% 100%;
    float: left;
    margin-right: 3%;
    margin-bottom: 10px;
    display: block;
}
.z_file img {
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.z_file input[type=file] {
    outline: none;
    display: block;
    border: 0;
    width: 0px;
    height: 0px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
}



/*遮罩层*/

.z_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.z_alert {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 320px;
    height: 150px;
    border-radius: 4px;
    background: #fff;
    font-size: 1em;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 45%;
}
.z_alert p:nth-child(1) {
    height: 100px;
    margin: 0;
    padding: 20px;
    line-height: 1.5rem;
}
.z_alert p:nth-child(2) span {
    display: inline-block;
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
    border-top: 1px solid #ddd;
}
.z_cancel {
    border-right: 1px solid #ddd;
}



/*新闻列表页*/

.h120 {
    height: 210px;
    position: relative;
    border-bottom: 1px dashed #CCC;
    margin-top: 30px;
}
.red-i {
    position: absolute;
    bottom: 40px;
    height: 20px;
    left: 282px;
    right: 0;
    color: #F00;
}
.red-buton {
    position: absolute;
    bottom: 41px;
    height: 20px;
    left: 1080px;
    right: 0;
    color: #F00;
}




/* 内容 */

#Article {
    overflow: hidden
}
#Article,
.photo-channel .relevance {
    border: 0px solid #E3E3E3;
    zoom: 1;
    padding: 0;
}
#Article h1 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: center;
    padding: 16px 0 0px;
    border-bottom: 1px solid #e5e5e5
}
#Article h1 span {
    font-size: 14px;
    font-weight: normal;
    line-height: 50px;
    color: #999
}
#Article .content {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    text-align: justify;
}
#Article .content p {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
}
#Article .content p a {
    color: #3080EF;
    text-decoration: underline;
}
#Article .content img {
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
}
#Article .related {
    border-top: dashed 1px #ccc;
    margin-top: 15px
}
#Article .related h5 {
    padding-bottom: 4px;
    font-weight: 700;
}
#Article .related {
    padding: 10px 0 0
}
#Article .related ul {}
#Article .related li {
    background: url(../../images/fk.gif) no-repeat 5px 13px;
    line-height: 28px;
    padding-left: 20px;
}
#Article .related li a {
    color: #808080;
}





/*产品简介*/

#products-jianjie {
    background: #FF6666;
    padding: 10px 20px 25px 20px;
    color: #f7f7f7;
    font-size: 14px;
    margin: 30px 0;
    line-height: 25px;
    text-align: justify;
}
#products-jianjie h2 {
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    color: #fff;
}


#products-cpys {
    background: #FFCCCC;
    padding: 10px 20px 25px 20px;
    color: #333;
    font-size: 15px;
    margin: 10px 0;
    line-height: 25px;
    text-align: justify;
    border-radius: 5px;
}
#products-cpys h2 {
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    color: #000;
}
#products-cpys p {
    color: #333;
}

a:hover #products-cpys {
    background: #0066CC;
}
a:hover #products-cpys h2 {
    color: #FFF;
}
a:hover #products-cpys p {
    color: #FFF;
}


#products-fa-title {
    width: 150px;
    background: #FF6666;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    font-weight: 600;
    margin: 20px auto 10px;
    text-align: center;
    letter-spacing: 1px;
}


.page {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    text-align: justify;
}
.page p {
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
}
.page img {
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
}

/*产品中心列表*/
.result_conclusion {
    padding: 30px 0;
    font-size: 16px;
}
.result_conclusion .res_cls {
    margin-right: 10px;
    color: #fd961e;
}
.result_conclusion .res_cls a{
    color: #fd961e;
}
.result_conclusion .res_con {
    color: #333;
}
.result_conclusion .res_num {
    color: #fd961e;
    padding:0 6px;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.page_products {
    width:90%;margin:0 auto;
}
.page_products .page_list_box li {
    padding-top:0;
    padding-bottom:50px;
}
.page_products .page_list_box li .products_box{
    background-color: #f8f7f7;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}

.page_products .page_list_box li:hover {
    background: none;
}
.products_box .pro_top {
    padding:30px 30px 0;
    position: relative;
    overflow: hidden;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box .pro_bottom {
    padding:0 30px 30px;
    position: relative;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box .pro_top .img_wrap {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}
.products_box .pro_top .img_wrap .imgbg{
    position: absolute;
    left:0;top:0;
    width:100%;height:100%;
    background:center center no-repeat;
    background-size: cover;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    overflow: hidden;
}
.products_box .pro_top_msk {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 17px;
    line-height: 1.8;
    color: #fff;
    background: rgba(0,0,0,.60);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
}
.products_box .pro_top_msk_con {
    padding: 50px 40px 0;
}
.products_box .pro_tit {
    padding: 25px 0 5px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Microsoft Yahei Bold','Microsoft Yahei',sans-serif;
    color: #0a2135;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box .pro_desc {
    height:3em;
    line-height: 3em;
    overflow: hidden;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box .pro_opt {
    overflow: hidden;
    line-height: 24px;
    height:48px;
    margin-top:20px;
    margin-bottom:20px;

    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box .pro_opt>span {
    border-left:1px solid #ccc;
    padding-left:30px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.products_box:hover .pro_top{
    color:#fff;
}
.products_box:hover .pro_desc{
    color:#fff;
}
.products_box:hover .pro_top_msk {
    top: 0;
}
.products_box:hover .pro_top .img_wrap .imgbg{
    transform: scale(1.02);
}
.products_box:hover .pro_bottom {
    background-color: #205099;
}
.products_box:hover .pro_tit {
    color:#fff;
}
.products_box:hover .pro_opt>span {
    border-color: #99B9E9;
    color:#fff;
}
.products_box:hover .uni_btn .face1 {
    border-color:#fff;
}
.products_box:hover .uni_btn_wrap .t{
    color:#fff;
}
.products_box:hover .uni_btn_wrap .sj{
    background-position: -6px center; 
}
.products_box .uni_btn_wrap:hover .uni_btn .face2{
    border-color:#fff;
    background: #fff;
}
.products_box .uni_btn_wrap .uni_btn .face2 .sj{
    background-position: 0px center; 
}
.products_box .uni_btn_wrap .uni_btn .face2 .t{
    color:#333;
}



/*foot部*/

.foot {
    background: #EFEFEF;
    border-top: 1px solid #EAEBE6;
    line-height: 25px;
    height: auto;
    padding-bottom: 15px;
    color: #BBBABA;
}
.foot h4 {
    padding-bottom: 0;
    color: #000;
}
.foot ul li {
    float: left;
    width: 100%;
}
.foot ul li a {
    color: #000;
}


.f1 {
    width: 200px;
    float: left;
    height: 170px;
    border-right: 1px dashed #D5D6CF;
    color: #414141;
}
.f2 {
    width: 200px;
    float: left;
    padding-left: 30px;
    height: 170px;
    border-right: 1px dashed #D5D6CF;
    color: #414141;
}
.f3 {
    width: 200px;
    float: left;
    padding-left: 30px;
    height: 170px;
    border-right: 1px dashed #D5D6CF;
    color: #414141;
}
.f4 {
    width: 350px;
    float: left;
    padding-left: 30px;
    height: 170px;
    border-right: 1px dashed #D5D6CF;
    color: #414141;
}
.f5 {
    width: 180px;
    float: right;
    color: #414141;
}

.fdh {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    color: #D30007;
}

.link {
    padding-bottom: 20px;
    border-bottom: 1px dashed #DDDED7;
}
.link li a {
    line-height: 25px;
    padding-right: 10px;
}




/*底部*/

/*通用底部*/


/*底部导航*/
.index-bottom-box {
    width:100%;height:150px;
    background: #192e3f;
    color:#c7c7c7;
    padding:35px 0;
    overflow: hidden;
}
.index-bottom-box a{
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.foot_left{
    width: 50%;
    margin-left:5%;
    float:left;
    overflow: hidden;
}
.foot_left a{
    color:#ccc;
}
.f_tel{
    color:#fff;
}
.f_tel a{
    color:#FFA200; 
    font-size:16px;
}
.f_tel a:hover{
    color:#FDAD82; 
}

.beian span {
    padding:0 5px;
    /*color:#eee;*/
}
.beian a {
    /*color:#fff;*/
}
.beian a:hover {
    color:#fd7a37;
}

.foot_right{
    width: 40%;
    margin-right:5%;
    float:right;
    text-align: right;
}

.foot_right .f_con {
    width:20%;
    display: inline-block;
    position: relative;
}
.f_con .icon_box {
    height:70px;
    /*overflow: hidden;*/
    display: block;
    cursor: pointer;
    border-right:1px solid rgba(255,255,255,0.3);
    text-align: center;
}
.f_con .icon_box span{
    line-height: 1em;
    display: inline-block;
    color:#eee;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.f_con .icon_box i{
    display: block;
    position: relative;
    margin: 0 auto 2px;
    width: 50px;
    height: 50px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    background: url(../../images/page_footer1.png) 0 0 no-repeat;
}
.f_con .icon_box i.item_ico1{
    background-position: 0 0;
}
.f_con .icon_box i.item_ico2{
    background-position: -50px 0;
}
.f_con .icon_box i.item_ico3{
    background-position: -100px 0;
}
.f_con:hover .icon_box i{
    transform: translateY(-5px);
}
.f_con:hover .icon_box span{
    color:#fda203;
}
.lf_box {
    /*display: none;*/
    position: absolute;
    right: 100%;
    top: 0;
    margin-top: -40px;
    padding: 25px 0;
    width: 0; height:150px;
    overflow: hidden;
    background-color: #75828c;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    opacity: 0; filter: opacity(0);
}
.f_con:hover .lf_box {
    opacity: 1; filter: opacity(100);
    width:150px;
    padding: 25px;
}


.lh32{line-height: 32px;}
.myfoot{background: #EFEFEF;height:140px;border-bottom:5px solid #333;}
.pr20{float:left;padding-right:20px;}


.foot_fastMenu{padding: 27px 0 21px;}
.foot_fastMenu li{ float:left; width:20%; border-left:1px #c7c7c7 solid; margin-left:-1px;margin-top: -15px;}
.foot_fastMenu li .ff_box{ display:block; padding:0 15%;}
.foot_fastMenu li ._img{ display:block; width:45px; margin-right:10px; position:relative;float:left;}
.foot_fastMenu li ._imgico{ display:block; width:45px; height:45px;position: absolute;top: 0;bottom: 0;left: 50%; margin-left:-22.5px;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);}
.foot_fastMenu li .columns{ font-size:18px;font-weight: 600; color: #8a8a8a;}
.foot_fastMenu li .p{ font-size:12px;}
.foot_fastMenu li :hover ._imgico{ opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.foot_fastMenu li :hover ._imgico .f_ico{ background-position:-45px 0;}
.foot_fastMenu li :hover ._imgico .f_ico_2{ background-position:-45px -45px;}
.foot_fastMenu li :hover ._imgico .f_ico_3{ background-position:-45px -90px;}
.foot_fastMenu li :hover ._imgico .f_ico_4{ background-position:-45px -135px;}
.foot_fastMenu li :hover ._imgico .f_ico_5{ background-position:-45px -180px;}
.oh{overflow: hidden;}

.foot_bottom{ padding:30px 0 25px;}
.foot_bottom ._left{ width:50%;}
.foot_bottom ._left .f_img{ margin-bottom:12px;}
.foot_bottom ._right{ width:48%;}
.foot_bottom ._right .f_erwm{margin-left: 10px;}
.foot_bottom ._right .f_con{ text-align:right; position:relative;}
.foot_bottom ._right .f_con .f_tel b{ font-size:24px; color:#9f9f9f;padding-left: 10px;}
.foot_bottom ._right .f_con .f_menu em{ margin:0 5px;}
.foot_bottom ._right .f_con small{ font-size:13px;}
/* 雪碧图 */
.ico { display: inline-block; overflow: hidden; width: 25px; height: 25px; vertical-align: middle; background: url(../../images/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -25px 0;}
.ico1_3 { background-position: -50px 0;}
.ico1_4 { background-position: -75px 0;}
.ico2_1 { background-position: 0 -25px;}
.ico2_2 { background-position: -25px -25px;}
.ico2_3 { background-position: -50px -25px;}
.ico2_4 { background-position: -75px -25px;}
.ico3_1 { background-position: 0 -50px;}
.ico3_2 { background-position: -25px -50px;}
.ico3_3 { background-position: -50px -50px;}
.ico3_4 { background-position: -75px -50px;}
.ico4_1 { background-position: 0 -75px;}
.ico4_2 { background-position: -25px -75px;}
.ico4_3 { background-position: -50px -75px;}
.ico4_4 { background-position: -75px -75px;}

.f_ico{display: inline-block; overflow: hidden; width: 45px; height: 45px; vertical-align: middle; background: url(../../images/f_ico.png);}
.f_ico_2{ background-position:0 -45px;}
.f_ico_3{ background-position:0 -90px;}
.f_ico_4{ background-position:0 -135px;}
.f_ico_5{ background-position:0 -180px;}

.footer {
    background: #242424;
    height: 40px;
    line-height: 40px;
    color: #F2F2F2;
}
.footer a {
    color: #FFF;
}
.footer .top {
    background: #E15354;
    width: 120px;
    text-align: center;
    font-size: 14px;
}
.footer a:hover {
    color: #FFFF99;
}




/*在线客服*/

.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 400px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {
    background: #DE0025 url(../../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
    background: #DE0025 url(../../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
    text-indent: 0;
    background: #DE0025 url(../../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
    /*height:200px;*/
    background: #DE0025 url(../../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
    padding: 0 29px 25px 29px;
}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}