@charset "utf-8";

/*=========
 基本默认值
 ==========*/

 *,ul, ol {
    margin: 0;
    padding: 0;

}

html{min-width: 1200px;}
@media only screen and (min-width: 2530px) {
html{zoom: 1.3;}
}
body {
    position: relative;
    font-size: 12px;
    color: #000;
    font-family: "arial", "microsoft jhenghei","sans-serif";

    line-height: 2;
    min-width: 1200px;
    margin: auto;
    overflow-y:scroll;
    background: #fff;
    
}


li {
    list-style: none;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    color: #000;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
a:hover, a:focus {
    color: #000;
    text-decoration: none;
}
::after, ::before,.donghua {

    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

table {
    border-collapse: collapse;
}

input, textarea, select,button {
   font-family: "arial", "microsoft jhenghei","sans-serif";
    font-size: 14px;
    outline: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.fg{ clear: both; }
.ellipsis{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.img-common{ background-size: cover; background-repeat: no-repeat; background-position: center; }
@media only screen and (max-width: 414px) {

}



/*顶部*/
.header{ height: 90px; position: relative; border-bottom: 1px solid #ececec; background: #fff; }
.header .logo{ height: 90px; display: block; position: absolute; top:50%; left: 3%; margin-top: -45px;  }
.header .logo img{ height: 90px; display: block; }
.header .menu ul{ display: block; height: 34px; line-height: 34px; padding: 28px 150px; text-align: center; }
.header .menu ul li{ *display: inline; *zoom:1; display: inline-block; margin: 0 20px; }
.header .menu ul li a{*display: inline; *zoom:1; display: inline-block;height: 34px; font-size: 15px; color: #333; }
.header .menu ul li.on a{ color: #1f81d1; }
.header .t-right{ display: block; height: 34px; position: absolute; top: 50%; right: 2%; margin-top: -17px; }
.header .t-right .c{ color: #fff; display: block; background: #1f81d1; border-radius: 2px; width: 84px; height: 34px; line-height: 34px;
 float: right; text-align: center; font-size: 15px; float: left;}
 .header .t-right .c.on{
    transform: scale(0.0000000000001);
 }
.header .t-right .btn{ width: 34px; height:34px; cursor: pointer; float: left; margin-left: 30px; }
.header .t-right .btn.searchbtn{ background:  no-repeat center; position: relative;  }

.header .t-right .btn .search-form{ height: 32px; background: #fff; position: absolute; right: 0; overflow: hidden;
transition: all .5s; width: 0; padding: 1px; border-color: #fff; }
.header .t-right .btn .search-form[data-on="on"]{
    padding: 0;
    width: 300px;
    border:1px solid #ddd;
    border-radius: 2px;
}
.header .t-right .btn .search-form input{
    border:0; border-radius: 0;
    padding: 0 10px; width:280px; line-height: 32px; font-size: 14px;
}
.header .t-right .btn .search-form button{ width: 32px; height: 32px; background:  #fff no-repeat center; 
cursor: pointer; display: block; position: absolute; right: 0; top: 0;  z-index: 2; border:0px;}

.header .t-right .btn.menubtn{ background:  no-repeat center;  }
/*首页幻灯片*/
.indexbanner{ height: 824px; padding-right: 42.5%; }
.indexbanner .list ul,.indexbanner .list ul li { width: 100% !important; }
.indexbanner .list ,.indexbanner .list ul ,.indexbanner .list ul li ,.indexbanner .list ul li a{ height: 824px; display: block; overflow: hidden; }
.indexbanner-main{ position: relative; }
.indexbanner-main .ib-right{ width: 40%; top: 0; right: 2.5%; position: absolute; }
.indexbanner-main .ib-right .two-box{ width: 50%; float: left; margin-right: -3px; }
.indexbanner-main .ib-right .two-box .item a{ height: 412px; display: block; transition: height 0s; color: #fff; position: relative;
overflow: hidden ;}
.indexbanner-main .ib-right .two-box .item a .tu{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0;
transition: all .5s }
.indexbanner-main .ib-right .two-box .item a:hover .tu{ transform: scale(1.2); }
.indexbanner-main .ib-right .two-box .item a .text-box{ bottom: 10%; position: absolute; left: 0px; width: 100%; font-size: 16px; z-index: 2; }
.indexbanner-main .ib-right .two-box .item a .text-box >div{ padding: 0 5% 0 10% ; }
.indexbanner-main .ib-right .two-box .item a .text-box .bt{ font-size: 30px; }
.indexbanner-main .ib-right .r-box{ float: right; width: 47%; }
.indexbanner-main .ib-right .r-box .news-box{ padding-top: 25px; }
.indexbanner-main .ib-right .r-box .news-box .type-bbt{ border-bottom: 1px solid #ececec; margin-bottom: 14px;}
.indexbanner-main .ib-right .r-box .news-box .type-bbt a{ display: block;height: 50px; line-height: 50px; position: relative;
font-size: 22px; color: #2c2c2c; }
.indexbanner-main .ib-right .r-box .news-box .type-bbt a:before{ width: 16px; height: 16px; border-radius: 100%; margin-top: -8px;
color: #fff; line-height: 16px; text-align: center; content: " "; font-size: 16px;
 display: block; position: absolute; top: 50%; right: 0px; background: #1f81d1; }
.indexbanner-main .ib-right .r-box .news-box .list .item{ position: relative; display: block; padding-left: 74px; margin-bottom: 10px;
height: 52px; padding-top: 8px; }
.indexbanner-main .ib-right .r-box .news-box .list .item .t{
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
line-height: 22px;
height: 44px; 
font-size: 14px;
}
.indexbanner-main .ib-right .r-box .news-box .list .item .t:hover{ text-decoration: underline; color:#1f81d1; }
.indexbanner-main .ib-right .r-box .news-box .list .item .rq{ width: 58px; height: 58px; border:1px solid #ddd;
text-align: center; color: #bfbfbf; position: absolute; left: 0px; top: 0px; }
.indexbanner-main .ib-right .r-box .news-box .list .item .rq .b{ font-size: 30px; height: 34px; line-height: 44px; }

/**/

.indexbanner-main .ib-right .r-box .zp-box{ padding-top: 15px; }

.indexbanner-main .ib-right .r-box .zp-box .type-bbt a{ display: block;height: 50px; line-height: 50px; position: relative;
font-size: 22px; color: #2c2c2c; }
.indexbanner-main .ib-right .r-box .zp-box .type-bbt a:before{ width: 16px; height: 16px; border-radius: 100%; margin-top: -8px;
color: #fff; line-height: 16px; text-align: center; content: " "; font-size: 16px;
 display: block; position: absolute; top: 50%; right: 0px; background: #1f81d1; }
.indexbanner-main .ib-right .r-box .zp-box .joinbox a{ display: block; color: #fff;
height: 160px; position: relative; overflow: hidden; }
.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tu{
    width: 100%; height: 100%; position: absolute; left: 0; top: 0;background-image: ; 
    transition: all .5s; 
}
.indexbanner-main .ib-right .r-box .zp-box .joinbox a:hover .tu{
    transform: scale(1.2);
}
.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tx{ position: absolute; bottom: 10%; left: 10%; font-size: 14px; z-index: 2; }
.indexbanner-main .ib-right .r-box .zp-box .joinbox a .tx .b{ font-size: 24px; line-height: 1.6; }
.indexbanner-main .ib-right .r-box .zp-box .joinbox .text{ line-height: 34px; height: 34px; font-size: 14px; color: #333; }
.indexbanner-main .ib-right .r-box .map-box{ padding-top: 15px; }
.indexbanner-main .ib-right .r-box .map-box a{ display: block;  height: 140px;
 position: relative; overflow: hidden;}
.indexbanner-main .ib-right .r-box .map-box a .tu{
    width: 100%; height: 100%; position: absolute; left: 0; top: 0;background-image: ;background-position: right;
    transition: all .5s; 
}
.indexbanner-main .ib-right .r-box .map-box a:hover .tu{
    transform: scale(1.2);
}

.indexbanner-main .ib-right .r-box .map-box select{ height: 40px; width: 100%; padding-right: 40px;text-align: center;
background:  no-repeat scroll right center transparent;
text-align-last: center;padding-left: 4%;}

.indexbanner-main .ib-right .r-box .map-box select option{ text-align: center;
text-align-last: center; }

/*首页三图标*/
.three-box{ width: 1200px; margin: 50px auto 0; }
.three-box .item{ padding-left: 190px; width: 210px; position: relative; height: 80px; float: left; color: #1f81d1; }
.three-box .item img{ position: absolute; right: 244px; top: 50%; height: 50px; margin-top: -25px; }

.three-box .item:hover img {
    -webkit-animation: transform-5 1s ease 0s alternate none infinite;
    -moz-animation: transform-5 1s ease 0s alternate none infinite;
    animation: transform-5 1s ease 0s alternate none infinite;
}
 @-webkit-keyframes transform-5 {
from {
-webkit-transform:perspective(400px) rotatey(0deg);
}
to {
-webkit-transform:perspective(400px) rotatey(360deg);
}
}
@-moz-keyframes transform-5 {
from {
-moz-transform:perspective(400px) rotatey(0deg);
}
to {
-moz-transform:perspective(400px) rotatey(360deg);
}
}
@keyframes transform-5 {
from {
transform:perspective(400px) rotatey(0deg);
}
to {
transform:perspective(400px) rotatey(360deg);
}
}


.three-box .item .b{ padding-top: 7px; height: 36px; line-height: 36px; font-size: 30px; font-weight: bold; }
.three-box .item .s{ height: 26px; line-height: 26px; font-size: 15px; }
/*首页新闻*/
.index-news{ width: 1200px; margin: 50px auto 0; }
.index-news .small-item{ width: 300px; float: left; }
.index-news .nitem .tu{ height: 248px; position: relative; overflow: hidden; }
.index-news .nitem .tu a{height: 248px; display: block;
transition: all .5s;}
.index-news .nitem .tu a:hover{
    transform: scale(1.2) ;
}


.index-news .small-item .tu:after{ border-width: 10px; border-style: solid; border-color: transparent transparent #fff transparent;
position: absolute; display: block; content: ""; bottom: 0px; left: 50%; margin-left: -10px; }
.index-news .small-item .text-b{ padding: 14px 25px 0; height: 234px; }
.index-news .nitem .classname{ color: #000; font-size: 14px; line-height: 30px; margin-bottom: 4px; height: 30px; overflow:hidden; }
.index-news .nitem .title{ line-height: 26px; height: 52px; overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
margin-bottom: 9px;


}
.index-news .nitem .text-b .title a{ color: #1f81d1; font-size: 18px; }
.index-news .nitem .text-b .title a:hover{ text-decoration: underline; }
.index-news .nitem .text-b .demo{ height: 72px; overflow: hidden; line-height: 24px; color: #555555; font-size: 14px;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
margin-bottom: 18px;
 }
.index-news .nitem .text-b .rq{ color: #bfbfbf; line-height: 30px; font-size: 12px; 
    background:   0 46% no-repeat; padding-left: 20px; }
.index-news .big-item{ width: 600px; float: left; }
.index-news .big-item .text-b{ padding: 30px 25px 0; height: 218px; }
.index-news .big-item.nitem  .title{
    -webkit-line-clamp:1;  height: 26px;
}
.index-news .big-item .tu:after{ border-width: 10px; border-style: solid; border-color:#fff transparent transparent  transparent;
position: absolute; display: block; content: ""; top: 0px; left: 50%; margin-left: -10px; }
/**/
.index-bb{ height: 135px; margin-top: 97px; }
.index-bb .it{ height: 135px; width: 50%; float: left; background-size: cover;}
.index-bb .it.l{ background-position: right; background-image: ; }
.index-bb .it.r{ background-position: center; background-image: ; }
.index-bb .it a{ display: block; height: 135px; position: relative; width: 600px; }
.index-bb .it.l a{ margin: 0 0 0 auto; color: #fff; }
.index-bb .it a .z{ position: absolute; left: 30px; top: 50%; margin-top: -35px; }
.index-bb .it a .z .b{ font-size: 24px; line-height: 40px; height: 40px; }
.index-bb .it a .z .s{ font-size: 14px; line-height: 30px; height: 30px; }
.index-bb .it.r a .z .s{ color: #1f81d1; }
/*底部*/
.footer{ border-top: 1px solid #e7e7e7; background: #fff; min-width: 1200px;  padding: 50px 0 0px;}
.footer .f-main{ width: 1200px; margin: auto;  position: relative; }
.footer .f-main .nav-box{ float: left; width: 124px; margin-right: 28px; }
.footer .f-main .nav-box .bbt{ line-height: 36px; height: 36px; margin-bottom: 8px; }
.footer .f-main .nav-box .bbt a{ font-size: 16px; color: #000; }
.footer .f-main .nav-box .it{ line-height: 26px; padding: 2px 0; }
.footer .f-main .nav-box .it a{ font-size: 14px; color: #5a5a5a; }
.footer .f-main .nav-box .bbt a:hover{ color: #1f81d1; }
.footer .f-main .nav-box .it a:hover{color: #1f81d1; text-decoration: underline;}
.footer .f-main .ewm-box{ float: right; padding-top: 9px; font-size: 14px; text-align: center;}
.footer .f-main .ewm-box img{ display: block; margin: 0 auto 15px; width: 150px;
height: 150px;}
.footer .f-link{ position: relative; padding: 0px 130px 20px 20px; }
.footer .f-link img{ display: block; width: 26px; height: 26px; position: absolute; left: 0px; top: 0px; }
.footer .f-link .a{ *display: inline; *zoom:1; display: inline-block; height: 26px; float: left; margin-left: 38px; font-size: 13px; }
.footer .f-link .a:hover{color: #1f81d1; text-decoration: underline;}
.footer .f-link .ico-box{ height: 26px; position: absolute; right: 0px; top: 3px; }
.footer .f-link .ico-box .it{ width: 20px; height: 20px; cursor: pointer; float: left; margin-left: 14px; display: block; position: relative; }
.footer .f-link .ico-box .it.wx{ background-image: ; }
.footer .f-link .ico-box .it.wb{ background-image: ; }
.footer .f-link .ico-box .it.qq{ background-image: ; background-position: center;}
.bottom-b{ padding: 20px 0; line-height: 20px; background: #f5f5f5; border-top: 1px solid #e7e7e7; color: #767575; font-size: 13px; }
.bottom-b .content{ width: 1200px; margin: auto; position: relative; }
.bottom-b .content a{
color: #767575;
    font-size: 13px;
}
.bottom-b .content .href{ position: absolute; right: 0px; top: 50%; line-height: 20px; height: 20px; margin-top: -20px; }
.footer .f-link .ico-box .it:hover .qq-list{ display: block; }
.footer .f-link .ico-box .it .qq-list{
    padding-bottom: 20px; width: 100px; text-align: center;
    position: absolute;
    left: 50%; bottom: 10px;
    margin-left: -50px;
    display: none

}
.footer .f-link .ico-box .it .qq-list .ll{
     background: #fff; border:1px solid #ccc; border-radius: 3px;
}
.footer .f-link .ico-box .it .qq-list .ll a{ display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; }
.footer .f-link .ico-box .it .qq-list:after{ content: ""; display: block; border-width: 5px; border-style: solid;
 border-color:#ccc  transparent transparent transparent; position: absolute; bottom: 10px; left: 50%; margin-left: -5px; }
.footer .f-link .ico-box .it .qq-list .ll a:hover{ background: #eee; }

@media only screen and (max-width: 1600px) {
.index-bb{margin-top:77px; }    
.indexbanner-main .ib-right .r-box .zp-box .joinbox a{ height: 140px; }
.indexbanner-main .ib-right .r-box .map-box select{ height: 36px;  padding-right: 40px;}
.indexbanner-main .ib-right .r-box .map-box{ padding-top: 10px; }
.indexbanner-main .ib-right .r-box .map-box a{ height: 115px; }
.header{ height: 70px;}
.header .logo{ height: 70px; margin-top: -35px; }
.header .logo img{ height: 70px;  }
.header .menu ul{  padding: 18px 150px;}
.indexbanner,.indexbanner .list ,.indexbanner .list ul ,.indexbanner .list ul li ,.indexbanner .list ul li a{ height: 724px; }
.indexbanner-main .ib-right .two-box .item a{ height: 362px; }
.indexbanner-main .ib-right .two-box .item a .text-box{ font-size: 13px; }
.indexbanner-main .ib-right .two-box .item a .text-box .bt{ font-size: 22px; }
.indexbanner-main .ib-right .r-box .zp-box{ padding-top: 10px; }
.indexbanner-main .ib-right .r-box .news-box{ padding-top: 20px; }
.indexbanner-main .ib-right .r-box .news-box .list .item{ position: relative; display: block; padding-left: 70px; margin-bottom: 6px;
height: 50px; padding-top: 5px; }
.indexbanner-main .ib-right .r-box .news-box .list .item .t{
line-height: 20px;
height: 40px; 
font-size: 14px;
}

.indexbanner-main .ib-right .r-box .news-box .list .item .rq{ width: 54px; height: 54px;  }
.indexbanner-main .ib-right .r-box .news-box .list .item .rq .b{ font-size: 24px; height: 30px; line-height: 38px; }

}
@media only screen and (max-width: 1440px) {

.indexbanner-main .ib-right .r-box .news-box{ padding-top: 10px; }    
.indexbanner{ padding-right: 45.5%; }   
.indexbanner-main .ib-right{ width:43%;  } 
.indexbanner,.indexbanner .list ,.indexbanner .list ul ,.indexbanner .list ul li ,.indexbanner .list ul li a{ height: 580px; }
.indexbanner-main .ib-right .two-box .item a{ height: 290px; }
.indexbanner-main .ib-right .two-box .item a .text-box{ font-size: 12px; }
.indexbanner-main .ib-right .two-box .item a .text-box .bt{ font-size: 20px; }
.indexbanner-main .ib-right .r-box .news-box .list .item.it3{ display: none }
.indexbanner-main .ib-right .r-box .zp-box .joinbox a{ height: 110px; }
.indexbanner-main .ib-right .r-box .map-box select{ height: 32px;  padding-right: 40px;}
.indexbanner-main .ib-right .r-box .map-box{ padding-top: 5px; }
.indexbanner-main .ib-right .r-box .map-box a{ height: 81px; }
}




/*产品*/
/*旋转品牌*/
.pro-index-brand{ width: 1200px; margin:0 auto 30px; position: relative; overflow: hidden; }
.pro-index-brand .bg{ height: 398px; background:  no-repeat top; width: 1200px;
 margin-left: -50px;
 padding: 58px 50px 0;
 position: relative;
 }
.pro-index-brand .bg .change-brand{ cursor: pointer; width: 60px; text-align: center; position: absolute;
 top: 220px; right: 100px; color: #1f81d1; } 
.pro-index-brand .bg .change-brand .tu img{ height: 30px; transition:  all 1.1s}
.pro-index-brand .bg .change-brand .tu{transition:  all 0.5s}
.pro-index-brand .bg .change-brand[data-on="on"] .tu{
    transform: scale(0.8);
}
.pro-index-brand .bg .item{ padding: 0 65px; width: 170px; height: 78px; overflow: hidden; float: left; }
.pro-index-brand .bg .item.i0{ margin-top: -5px; }
.pro-index-brand .bg .item.i2{ margin-top: 5px; }
.pro-index-brand .bg .item.i3{ margin-top: 5px; }
.pro-index-brand .bg .item.i4{ margin-left: 137px;margin-top: 48px; }
.pro-index-brand .bg .item.i5{ margin-top: 53px; }
.pro-index-brand .bg .item.i6{ margin-top: 58px; }


.pro-index-brand .bg .item.i7{ margin-top: 41px; }
.pro-index-brand .bg .item.i8{ margin-top: 46px; }
.pro-index-brand .bg .item.i9{ margin-top: 47px; }
.pro-index-brand .bg .item.i10{ margin-top: 50px; }


.pro-index-brand .bg .item .swiper-slide a{ display: block; height: 78px; background: #fff; }
.pro-index-brand .bg .item .swiper-slide a img{ display: block; height: 78px; max-width: 100%; margin:auto; }
/*推荐品牌*/
.pro-index-brand-tj{ width: 1200px; margin: 0 auto 25px; overflow:hidden; position: relative;}
.pro-index-brand-tj .list{ width: 1234px; }
.pro-index-brand-tj .list .item{ display: block; width: 375px; height: 214px; float: left; margin: 0 34px 34px 0; overflow: hidden; }
.pro-index-brand-tj .list .item img{display: block; width: 375px; height: 214px; transition: all .5s}
.pro-index-brand-tj .list .item:hover img{ transform: scale(1.1);}
/*pro-index-main*/
.pro-index-main{ background: #f5f5f5; padding-bottom: 81px; }
.pro-item-box{ padding-top: 30px;  position: relative; width: 1200px; overflow: hidden;
    position: relative;
    margin: auto;
 }
.pro-item-box .bbt{
    height: 52px; line-height: 52px;
    position: relative;
 }
.pro-item-box .bbt .bt a{ font-size: 24px; color: #000; font-weight: 600; }
.pro-item-box .bbt .href{ position: absolute; right: 0px; top: 0px; }
.pro-item-box .bbt .href a{ *display: inline; *zoom:1; display: inline-block;
height: 52px; position: relative; font-size: 15px; color: #000; margin-left: 20px; }
.pro-item-box .bbt .href a.on{ color: #1f81d1; }
.pro-item-box .bbt .href a:after{ height: 2px; content: ""; display: block; position: absolute; bottom: 0; left: 50%; background:  #1f81d1;
transform:translatex(-50%);  }
.pro-item-box .bbt .href a.on:after{ width: 100%; }
.pro-item-box .list{ }
.pro-item-box .list dl{ display: block; width: 1207px; height: 614px; }
.pro-item-box .list dl:after{ content: ""; display: block; clear: both; }
.pro-item-box .list dl dd{ display: block; float: left; height: 300px;  width: 476px; margin: 0 7px 7px 0;}
.pro-item-box .list dl dd a{ display: block; height: 300px;  width: 476px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.05);
overflow: hidden; position: relative;}
.pro-item-box .list dl dd a img{ display: block; height: 300px;  width: 476px; transition: all .5s}
.pro-item-box .list dl dd a:hover img{ transform: scale(1.05); }
.pro-item-box .list dl dd a .title{ width: 194px; height: 38px; position: absolute; left: 50%; bottom: 30px;
margin: 0 -98px; text-align: center; border: 1px solid rgba(255,255,255,.4); *border: 1px solid #fff; background: rgba(0,0,0,.3);
*background: ; font-size: 14px; color: #fff; overflow: hidden; }
.pro-item-box .list dl dd a .title:after{ display: block; height: 100%; width: 0; content: ""; position: absolute; left: 0px; top: 0; background: #fff;}
.pro-item-box .list dl dd a .title:hover:after{ width: 100%; }
.pro-item-box .list dl dd a .title .z{width: 194px; height: 38px; line-height: 38px; position: absolute; left: 0px; top: 0; z-index: 2; }
.pro-item-box .list dl dd a .title:hover .z{ color: #000; font-weight: 600; }
.pro-item-box .list dl dt{ display: block; float: left; margin: 0 7px 7px 0; height: 300px;width: 234px;}
.pro-item-box .list dl dt a{display: block; background: #fff; height: 300px;box-shadow: 0 0 5px rgba(0,0,0,.05); text-align: center; padding: 0 15px;  }
.pro-item-box .list dl dt a:hover{box-shadow: 0 0 15px rgba(0,0,0,.175);}
.pro-item-box .list dl dt a .tu{ width: 160px; height: 160px; padding-top: 25px; margin: 0 auto 9px; }
.pro-item-box .list dl dt a .tu img{ display: block; width: 160px; height: 160px; }
.pro-item-box .list dl dt a .title{ font-size: 14px; line-height: 22px; height: 22px; color: #000; margin-bottom: 2px; }
.pro-item-box .list dl dt a .brandbt{ color: #919191; font-size: 14px; line-height: 22px; height: 22px; }
.pro-item-box .list dl dt a .brandimg img{ display: block; height: 60px; margin: auto; }


/*类别列表*/
.zi-main{background: #dcdcdc;}
.zi-main .zi-main-box{ background: #fff; max-width: 1550px; margin: auto;}
.zmb-main{ width: 1200px; margin: auto; }
.weizhi{ height: 50px; line-height: 50px; color: #9b9b9b; font-size: 13px; }
.weizhi span{ font-family: 'simsun'; margin: 0 10px; }
.weizhi a:hover{ color: #1f81d1; }
/*左边分类*/
.proclass-left{ width: 250px; float: left; padding-bottom: 30px; }
.proclass-left .t-bt{ font-size: 30px; height: 45px; line-height: 45px; border-bottom: 1px solid #eceff1; margin-bottom: 19px; }
.proclass-left .l-box .bt{ height: 48px; line-height: 50px; margin-bottom: 2px; }
.proclass-left .l-box .bt a{ display: block; height: 50px; position: relative; padding: 0 30px 0 10px; color: #3b3b3b; font-size: 16px;
background: #eceeef; }
.proclass-left .l-box .bt a:after{ content: ""; display: block; width: 8px; height:8px; border-bottom: 2px solid #999; border-right: 2px solid #999;
position: absolute; right: 15px; top: 50%; margin-top: -6px;
 -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); 
 -o-transform: rotate(45deg); transform: rotate(45deg); }
.proclass-left .l-box .bt.on a{ background: #1f81d1; color: #fff; }
.proclass-left .l-box .bt.on a:after{ 
    border-color: #fff; margin-top: -1px; 
    -webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);transform: rotate(-135deg); }
.proclass-left .l-box .ll{background: #eceeef; margin-top: -2px; padding: 6px 0;} 
.proclass-left .l-box .ll .it{ line-height: 38px; height: 38px; }
.proclass-left .l-box .ll .it a{height: 38px; display: block; padding: 0 28px; font-size: 15px; color: #1f81d1; font-weight: 600;
position: relative;}
.proclass-left .l-box .ll a:hover{ background: #ddd; }
.proclass-left .l-box .ll .it a:after{ content: ""; display: block; position: absolute; width: 6px; height: 6px; 
border-top: 2px solid #1f81d1;
border-right: 2px solid #1f81d1;
margin-top: -4px;
left: 13px; top: 50%;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
}
.proclass-left .l-box .ll .it.on a:after{
    margin-top: -5px;
    left: 14px;
    transform: rotate(135deg);
}


.proclass-left .l-box .lll .it-z{ height: 36px; line-height: 36px; }
.proclass-left .l-box .lll .it-z a{height: 36px; line-height: 36px; padding: 0 28px 0 50px; font-size: 13px; color: #1f81d1; font-weight: 600;
position: relative; display: block;}
.proclass-left .l-box .lll .it-z a:after{ content: ""; display: block; position: absolute; width: 6px; height: 6px; 
border-top: 2px solid #1f81d1;
border-right: 2px solid #1f81d1;
margin-top: -4px;
left: 28px; top: 50%;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
}
/*右边展示*/
.proclass-right{ width: 930px; float: right; }
.proclass-right .proclass-search{ position: relative; height: 45px; border: 1px solid #1f81d1; margin-bottom: 19px; }
.proclass-right .proclass-search input{ width: 94%; height: 45px; line-height: 45px; 
    border:0; border-radius: 0; background: none; padding: 0px 2%; }
.proclass-right .proclass-search button{ border-radius: 0; width: 45px; height: 45px;
 background:  center no-repeat #1f81d1; position: absolute; top:0px; right: 0px; cursor: pointer; border:0; }    
.proclass-right .list-box{ margin-bottom: 27px; }
.proclass-right .list-box .bbt{ height: 72px; line-height: 72px; overflow: hidden; font-size: 24px; border-bottom: 1px solid #e0e0e0; }
.proclass-right .list-box .list{ border-bottom: 1px solid #e0e0e0;}
.proclass-right .list-box .list .ul{ margin-bottom: -1px; }
.proclass-right .list-box .list .item{ float: left; height: 170px; width: 231px; border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; }
.proclass-right .list-box .list .item.rr{ border-right: 0;width: 234px; }
.proclass-right .list-box .list .ul:after{ content: ""; display: block; clear: both; }
.proclass-right .list-box .list .item a{ display: block; text-align: center; position: relative; overflow: hidden; padding-top: 6px;
 height: 164px; color: #404040; }
.proclass-right .list-box .list .item a:hover{ box-shadow: 0 0 20px rgba(0,0,0,.175);  }
.proclass-right .list-box .list .item a .tu{ height: 120px; }
.proclass-right .list-box .list .item a .tu img{ height: 120px; display: block; margin: auto; }
.proclass-right .list-box .list .item a .title{ height: 32px; line-height: 32px; font-size: 15px;  }
/*产品参数选择*/
.shuxing-box { background: #f9f9f9 ;text-transform:uppercase;}
.shuxing-box .shuxingbbt{ height: 48px; padding: 0 10px; position: relative; color: #fff; font-size: 16px;  background: #1f81d1; line-height: 48px; }
.shuxing-box .shuxingbbt button{ border: 0; background: #fff; line-height: 20px; border-radius: 10px; padding: 0 10px; color: #333;
cursor:pointer; position: absolute; right: 10px; top: 14px; font-size: 12px; display: none }
.shuxing-box .item-box{ margin-bottom:1px; }
.shuxing-box .item-box .qing{ width: 100px; height: 24px; line-height: 24px; text-align: center; margin: 15px auto 15px; border-radius: 12px;
cursor:pointer ; background: #ddd; display: none;}
.shuxing-box .item-box:after{ content: ""; display: block; clear: both; }
.shuxing-box .item-box .bbt{height: 48px; padding: 0 30px 0 10px; background-color: #e1e3e5; line-height: 48px; font-size: 14px;
background-image: ; background-repeat: no-repeat; background-position: 96% 50%; cursor:pointer;}
.shuxing-box .item-box[data-on="on"] .bbt{background-image: ;}
.shuxing-box .item-box .list{ padding: 10px 5px; }
.shuxing-box .item-box .list .ul{padding-right: 15px; overflow-y: auto; max-height: 120px;}
.shuxing-box .item-box .list .ul .it{ display: block; min-height: 20px; padding:2px 0 2px 23px; line-height: 20px;  position: relative;
cursor:pointer ; }

.shuxing-box .item-box.sxbox .list .ul .it{
    text-transform:uppercase;
}

.shuxing-box .item-box .list .ul .it span{ display: block; width: 12px; height: 12px; border-radius: 2px; border: 1px solid #ddd;
position: absolute; left: 5px; top: 5px; }
.shuxing-box .item-box .list .ul .it[data-on="on"] span{ background:  no-repeat center; }
.shuxing-box .item-box .list .ul .it:hover{ background: #eee; }
.shuxing-box .item-box .list .ul .it[data-on="on"]{ background: #daedfd }
/*产品列表*/
.proclass-right .listcheckbox{ height: 42px; line-height: 42px; background: #f9f9f9; position: relative; padding: 0 80px 0 13px;
background: #f9f9f9; border: 1px solid #e0e0e0; border-top: 0; font-size: 13px; }
.proclass-right .listcheckbox .px-item{ float: left; height: 42px; position: relative; padding-left: 22px; margin-right: 20px; cursor:pointer; }
.proclass-right .listcheckbox .px-item span{ display: block; width: 12px; height: 12px; position: absolute; border-radius: 100%; 
box-shadow: inset 0 0 5px rgba(0,0,0,.1); background: #fff;  left: 0px; top: 50%; margin-top: -7px; border: 1px solid #ddd; }

.proclass-right .listcheckbox .px-item span b{ display: none; width: 6px; height: 6px; border-radius: 100%; left: 3px; top: 50%; margin-top: -3px;
background: #1f81d1; position: absolute; }
.proclass-right .listcheckbox .px-item.on span b{ display: block; }
.proclass-right .listcheckbox .showtype{ border-left: 1px solid #e0e0e0; height: 42px; line-height: 42px; position: absolute; right: 0;
top: 0; }
.proclass-right .listcheckbox .showtype .btn{ width: 30px; height: 42px; *display: inline; *zoom:1; display: inline-block; cursor:pointer ;
position: relative; }
.proclass-right .listcheckbox .showtype .btn.prev:after{ content: ""; display:block; width: 6px; height: 6px;  top: 50%; left: 50%; 
border-top:2px solid #444; border-right:2px solid #444; position: absolute; margin:-4px -1px;  
-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
.proclass-right .listcheckbox .showtype .btn.next:after{ content: ""; display:block; width: 6px; height: 6px;  top: 50%; left: 50%; 
border-top:2px solid #444; border-right:2px solid #444; position: absolute; margin:-4px -5px;  
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.proclass-right .listcheckbox .showtype .page-i{ color: #1f81d1; }
.proclass-right .p-list{ border: 1px solid #e0e0e0;  margin:22px auto; }
.pro-listmain{ width: 929px; }
.proclass-right .p-list .ul:after{ content: ""; display: block; clear: both; }
.proclass-right .p-list .ul{ width: 930px; float: left;margin-bottom:-1px; min-height:200px; }
.proclass-right .p-list .ul .item{ width: 231px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; float: left; }
.proclass-right .p-list .ul .item a{ padding: 25px 8px; display: block; text-align: center;  color: #000;
-webkit-transition: all .5s,border 0s, margin 0s;-o-transition: all .5s,border 0s, margin 0s;-moz-transition: all .5s,border 0s, margin 0s;transition: all .5s,border 0s, margin 0s; }
.proclass-right .p-list .ul .item a:hover{ color: #1f81d1; border:1px solid #1f81d1; margin: -1px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.175) }
.proclass-right .p-list .ul .item a .tu{ height: 160px; margin-bottom: 8px; }
.proclass-right .p-list .ul .item a .tu img{ height: 160px; display: block; margin: auto; }
.proclass-right .p-list .ul .item a .title{ height: 26px;  line-height: 26px; font-size: 15px;}
.proclass-right .p-list .ul .item a .xx{ font-size: 14px; color: #999; line-height: 22px; height: 22px; }
.proclass-right .p-list .ul .item a .href{ color: #1f81d1; text-decoration: underline; font-size: 13px; } 
.proclass-right .p-list .ul .nothing{ line-height: 200px; font-size: 16px; text-align: center; }
/*layui分页自定义样式*/
.pro-page-box[data-null="1"]{ display: none }
.pro-page-box{ text-align: center; padding-bottom: 30px; font-size: 14px;}
.pro-page-box em{ font-style: inherit; }
.pro-page-box a{ *display: inline; *zoom:1; display: inline-block; width: 40px; height: 40px; line-height: 40px;color: #a2a2a2; 
border: 1px solid transparent; border-radius: 100%; }
.pro-page-box span{ *display: inline; *zoom:1; display: inline-block; width: 40px; height: 40px; line-height: 40px;
 font-weight: bold; color: #a2a2a2; border: 1px solid transparent; border-radius: 100%; }
.pro-page-box span.layui-laypage-curr{ color: #1f81d1; }
.pro-page-box a:hover{color: #1f81d1;}
.pro-page-box a.layui-laypage-prev,.pro-page-box a.layui-laypage-next{ font-family: 'simsun'; border: 1px solid transparent; border: 1px solid #ddd;  }
.pro-page-box a.layui-disabled{ cursor: default !important;color: #a2a2a2 !important; }
/*产品详情*/
.pro-view-up{padding: 15px 0 45px;}
.pro-view-up .left-banner{ width: 435px; height: 435px; padding-left: 143px; position: relative; overflow:hidden; float: left }
.pro-view-up .left-banner .hd{ width: 70px; height: 435px; position: absolute; left: 0px; top: 0; }
.pro-view-up .left-banner .hd ul li{ display: block; border: 1px solid #e1e1e1; margin-bottom: 6px; }
.pro-view-up .left-banner .hd ul li.on{ border: 1px solid #1f81d1; }
.pro-view-up .left-banner .hd ul li img{ display: block; width: 68px; height: 68px; }
.pro-view-up .left-banner .list{width: 435px; height: 435px; overflow: hidden;}
.pro-view-up .left-banner .list ul li{width: 435px; height: 435px; overflow: hidden;display: block; }
.pro-view-up .left-banner .list ul li img{width: 435px; height: 435px; overflow: hidden; display: block;}
/**/
.pro-view-up .pv-right{ width: 440px; float: right; color: #444444; }
.pro-view-up .pv-right .title{ font-size: 30px; line-height: 1.4; margin-bottom: 15px; color: #000; }
.pro-view-up .pv-right .demo{ font-size: 14px; margin-bottom: 15px;}
.pro-view-up .pv-right .xx-box{ background: #fafafa; border: 1px solid #e9e9e9; padding: 11px 20px; margin-bottom: 57px; }
.pro-view-up .pv-right .xx-box .it{ height: 26px;  line-height: 26px; font-size: 14px;  color: #9d9d9d; }
.pro-view-up .pv-right .xx-box .it span{ color: #000; }
.pro-view-up .pv-right .cz-btn{ height: 52px; line-height: 52px; }
.pro-view-up .pv-right .cz-btn .btn{ height: 52px; color:#fff; text-align: center; font-size: 18px; }
.pro-view-up .pv-right .cz-btn .btn.ke{background-color: #1f81d1; padding-left: 40px; width: 220px; cursor: pointer;
background-image: ; background-repeat: no-repeat; background-position: 30% 50%; float: left;}
.pro-view-up .pv-right .cz-btn .btn.sc{background-color: #b0b0b0; padding-left: 30px; width: 130px; cursor: pointer;
background-image: ; background-repeat: no-repeat; background-position: 32% 45%; float: right;}
.pro-view-up .pv-right .cz-btn .btn.sc.ed{ background-color:#1f81d1 ; background-position: 22% 45%;  padding-left: 15px; width: 145px;}
.pro-view-up .pv-right .share-box { height: 44px; line-height: 44px; padding-top: 36px; border-bottom: 1px solid #e0e0e0; }
.pro-view-up .pv-right .share-box .bshare-more{ *display: inline; *zoom:1; display: inline-block; height: 44px;
 line-height: 44px; padding: 0  0 0 20px !important; font-size: 14px; background-image: ; 
 background-repeat: no-repeat; background-position: left; text-decoration: none;}
.proclass-left .totalb-box{ line-height: 46px; font-size: 18px; color: #000; padding: 0 10px; height: 46px; border: 1px solid #cacaca; border-right: 0px; background: #fff; position: relative; }
.proclass-left .totalb-box .sjx{ width: 22px; height: 48px; top: -1px; left: 100%; position: absolute;
background-image: ; background-repeat: no-repeat; }
.proclass-left .totalb-box span{ color: #1f81d1; }
.proclass-left .totalb-box .btn{ color: #1f81d1; font-size: 14px; cursor: pointer; height: 46px; line-height: 46px; top: 0px; right: 10px;
position: absolute; }
/**/
.pvm-right{ float: right; width: 918px; border-top: 1px solid #dedede; padding-bottom: 30px; }
.pvm-right .pvmr-czbox .bt .text1{ font-size: 18px; color: #000; }
.pvm-right .pvmr-czbox{ position: relative; height: 40px; line-height: 40px;border-bottom: 1px solid #dedede; padding: 28px 0 27px; color: #7d7d7d; font-size: 14px; }
.pvm-right .pvmr-czbox span{ color: #000; font-size: 16px; float: left; margin-right: 8px; }
.pvm-right .pvmr-czbox .btn-box{ position: absolute; top: 28px; right: 0px; }
.pvm-right .pvmr-czbox .btn-box .btn{ *display: inline; *zoom:1; display: inline-block; height: 40px; padding: 0 12px 0 48px; color: #fff;
cursor: pointer; background-color: #b0b0b0; background-repeat: no-repeat; margin-left: 10px;}
.pvm-right .pvmr-czbox .btn-box .btn.lan{background-color: #1f81d1}
.pvm-right .pvmr-czbox .btn-box .btn.mulu{ background-image: ; background-position: 15% 48%; }
.pvm-right .pvmr-czbox .btn-box .btn.addxun{ background-image: ; background-position: 15% 48%; }
.pvm-right .pvmr-czbox .btn-box .btn.addxun.on{ background-color: #1f81d1; }
.pvm-right .userstatus{ line-height: 56px; height: 56px; color: #797979; font-size: 13px; }
.pvm-right .userstatus a{ color: #1f81d1; }
.pvm-right .view-box-main .type-box{ border-top: 4px solid  #1f81d1;border-bottom: 1px solid #e0e0e0;height: 56px;  }
.pvm-right .view-box-main .type-box .it{ height: 56px; width: 140px; color: #3b3b3b; font-size: 16px; border-right: 1px solid #e0e0e0;
  float: left; text-align: center;
  line-height: 56px; cursor: pointer;
}
.pvm-right .view-box-main .type-box .it.on{ background: #f9f9f9; }
.pvm-right .view-box-main .v-box{ display: none; line-height: 2; }
.pvm-right .view-box-main .v-box#v2{text-transform:uppercase!important;}
.pvm-right .view-box-main .v-box.pad{ padding: 15px 0; }
.pvm-right .view-box-main .v-box .layui-form-checked[lay-skin=primary] i{ background: #fff;  color: #1f81d1; 
    font-weight: 800; border-color: #1f81d1; }
.pvm-right .view-box-main .v-box .layui-form-checked:hover i{
 border-color: #1f81d1;
}
.pvm-right .view-box-main .v-box .layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #1f81d1;}
.xuan-sl-box{ padding: 2px 0; }
.xuan-sl-box:after{ content: ""; display: block; clear: both; }
.xuan-sl-box .bb{ width: 22px; height: 22px; float: left; border: 1px solid #cacacb;
 border-radius: 100%; box-shadow: inset 0 0 10px rgba(0,0,0,.075);box-sizing: content-box; cursor: pointer;
 background-repeat: no-repeat; background-position: center; }
.xuan-sl-box input{ width: 30px; text-align: center; border:0px; height: 24px; line-height: 24px; border:0; color: #1f81d1; background: none;
 float: left }
.xuan-sl-box .bb.jian{ background-image:  }
.xuan-sl-box .bb.jia{ background-image:  }
.xinghao-view{ padding-bottom: 30px; text-transform:uppercase; }
.xinghao-view .bbt{ height: 48px; background: #e1e3e5; line-height: 48px; color: #000; font-size: 16px; font-weight: bold; padding: 0 19px; }
.xinghao-view table{ width: 100%; }
.xinghao-view table tr{ border-bottom:1px solid #ccc;  }
.xinghao-view table tr td{ padding: 8px 19px; line-height: 1.4; height: 30px; font-size: 12px; color: #999; width: 18% }
.xinghao-view table tr td.bt{ color: #333; width: 15.3%; background: #f5f5f5; }
/**/
.pv-xgbz{ margin-bottom: 30px; }
.pv-xgbz .bbt{ height: 60px; line-height: 60px; font-size: 22px; color: #000; border-bottom: 3px solid #1f81d1; }
.pv-xgbz .list .item{ padding: 18px 0; border-bottom: 1px dashed #9e9e9e; color: #3b3b3b; font-size: 14px; }
.pv-xgbz .list .item .wen,.pv-xgbz .list .item .da{ position: relative;  line-height:28px; padding: 2px 0 2px 30px;  }
.pv-xgbz .list .item .zi{ font-size: 16px; top: 2px; left: 0px; position: absolute; }
.pv-xgbz .list .item .wen{ font-size: 16px; color: #000; }
.pv-xgbz .list .item .wen .zi{ color: #1f81d1; }
.pv-xgbz .list .item .da .zi{ color: #c60000; }
.pv-xgbz .beizhumore{ line-height: 67px; height: 66px; border-bottom: 1px solid #dedede; }
.pv-xgbz .beizhumore span{ cursor: pointer; color: #1f81d1; font-size: 14px; }
/**/
.pv-tjlist-box{}
.pv-tjlist-box .bbt{ height: 60px; line-height: 60px; font-size: 22px; color: #000; border-bottom: 1px solid #dcdcdc; }
.pv-tjlist-box .list .item{ width: 240px; float: left; }
.pv-tjlist-box .list .item a{ display: block; padding: 26px 10px; text-align: center; }
.pv-tjlist-box .list .item a:hover{ box-shadow: inset 0 0 26px rgba(0,0,0,.12); }
.pv-tjlist-box .list .item a .tu{ margin-bottom: 8px; height: 160px; }
.pv-tjlist-box .list .item a .tu img{ display: block; margin: auto; height: 160px; }
.pv-tjlist-box .list .item a .title{ line-height: 24px; height: 24px; font-size: 15px; color: #000; }
.pv-tjlist-box .list .item a .xx{ color: #6c6c6c; font-size: 14px; line-height: 24px; height: 24px;}
.pv-tjlist-box .list .item a .href{ height: 46px; line-height: 46px; color: #1f81d1; text-decoration: underline; }

/*关于我们*/
.zi-top{  background: #1f81d1; }
.zi-top.h{height: 56px;}

.zi-top .h{height: 56px; line-height: 56px;}

.zi-top .zi-top-main{ width: 94%; margin: auto; max-width: 1200px; }
.zi-top .zi-top-main .sy { width: 56px; border-right: 1px solid #79b3e3; display: block;  float: left;
    background-image: ;
    background-position: center;
    background-repeat: no-repeat; }
.zi-top .zi-top-main .text-show{ padding: 0 16px; min-width: 100px; font-size:14px; color: #fff;  float: left; border-right: 1px solid #79b3e3; }
.zi-top .zi-top-main .xiala-show{ position: relative; z-index: 10;  float: left; font-size:14px; color: #fff;  float: left; border-right: 1px solid #79b3e3;}
.zi-top .zi-top-main .xiala-show .bbt{ color: #fff; cursor: pointer;  padding: 0 32px 0 16px; min-width: 100px;
background-image: ; background-position: 91% 50%; background-repeat: no-repeat;
}
.zi-top .zi-top-main .xiala-show dl{ display: none;  background: #1f81d1; position: absolute;border: 1px solid #79b3e3;
    border-top: 0;
left: -1px; top: 100%; width: 100%;}
.zi-top .zi-top-main .xiala-show dl dd{ display: block; overflow:hidden;border-top: 1px solid #79b3e3;  }
.zi-top .zi-top-main .xiala-show dl dd a{ color: #fff; padding: 0 14px; display: block; }
.zi-top .zi-top-main .xiala-show dl dd a:hover{ background-color: rgba(255,255,255,.1); }

/**/
.login-box-xx{ position: absolute; right: 0px; top: 0; color: #fff; font-size: 14px;}
.login-box-xx a{ color: #fff; font-size: 14px; *display: inline; *zoom:1; display: inline-block; }
.login-box-xx span{*display: inline; *zoom:1; display: inline-block; margin: 0 10px;}
.login-box-xx a:hover{ opacity: .8 }
.login-box-xx a.loginb{ padding-left: 20px; background-image: ; background-repeat: no-repeat;
background-position: left; }




.about-index{ height: 824px; position: relative; }
.about-index .ab-b{ position: absolute;  height: 320px; margin-top: -160px;
width: 1200px; left: 50%; top: 50%; margin-left: -600px; }
.about-index .ab-b .bt{ font-size: 36px; color: #fff; line-height: 1.2; }
.about-index .ab-b .bt.en{ font-size: 72px; }
.about-index .ab-b .href{ position: absolute; right: 0px; top: 0px; width: 800px; }
.about-index .ab-b .href .item{ width: 160px; height: 160px; float: left; background: #1f81d1;}
.about-index .ab-b .href .item.it0{ margin-right: 400px; }
.about-index .ab-b .href .item.it1{ margin-left: 160px; background: #22313c; }
.about-index .ab-b .href .item.it2{ background: #95b5ce; }
.about-index .ab-b .href .item.it3{ background: #618fc0; }
.about-index .ab-b .href .item a{ display: block; width: 160px; height: 160px; position: relative; color: #fff; }
.about-index .ab-b .href .item a .title{ line-height: 38px; font-size: 20px; height: 38px; padding:30px 10px 0 20px; }
.about-index .ab-b .href .item a img{ display: block; height: 47px; right: 18px; bottom: 18px; position: absolute;
transition: all .5s; }

.about-index .ab-b .href .item a:hover img {
    -webkit-animation: transform-5 1s ease 0s alternate none infinite;
    -moz-animation: transform-5 1s ease 0s alternate none infinite;
    animation: transform-5 1s ease 0s alternate none infinite;
}




/**/
.zi-banner{ height: 500px; position: relative; }

.zi-banner .bbtt{ width: 1200px;  color: #ffffff; font-size: 36px; position: absolute; left: 50%; top: 50%; line-height: 48px;
height: 48px; margin:-24px -600px; text-align: center;  }

.zi-banner .text{ width: 1200px; margin: 0 auto;  color: #ffffff; padding-top: 200px;}
.zi-banner .text .bt{ height: 64px; font-size: 44px; line-height: 64px; }
.zi-banner .text .demo{ line-height: 1.6; font-size: 18px; }
.aboutviewbox{ padding: 50px 0; width: 1200px; margin: auto; }
.aboutviewbox .ab-right{ float: right; width: 333px; }
.aboutviewbox .ab-left{ width: 817px; float: left; min-height: 100px; }
.aboutviewbox .ab-left .type-bbt{
     color: #000000; font-size: 36px; line-height: 1.4;margin-bottom: 30px;
}
.aboutviewbox .ab-left .ab-dan-view{ font-size: 14px; color: #4d4d4d; }
.aboutviewbox .ab-right .fenlei .text-show{ display: block; line-height: 38px; height: 38px; padding: 0 40px 0 15px; color: #fff;
font-size: 15px; overflow:hidden; position: relative; }
.aboutviewbox .ab-right .fenlei .text-show.ts0{ background: #1561b3; }
.aboutviewbox .ab-right .fenlei .text-show.ts0:after{ content: ""; display: block; width: 5px; height: 5px; border-top:1px solid #fff;
border-left: 1px solid #fff; position: absolute; top: 50%; right: 15px; margin-top: -1px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);  }
.aboutviewbox .ab-right .fenlei .text-show.ts1{ background: #1f81d1; }

.aboutviewbox .ab-right .fenlei .xiala-show .gun{ display: none }
.aboutviewbox .ab-right .fenlei .xiala-show .gun.on{ display: block; }
.aboutviewbox .ab-right .fenlei  .xiala-show  dl{ display: block; }
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd{ display: block; line-height: 38px; height: 38px; padding: 0 40px 0 15px; color: #fff;
font-size: 15px; overflow:hidden; background: #eee; position: relative; margin-bottom: 1px;}
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd.on{background: #1f81d1;}
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd>a{ color: #333 }
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd:after{content: ""; display: block; width: 5px; height: 5px; border-top:1px solid #fff;
border-left: 1px solid #fff; position: absolute; top: 50%; right: 15px; margin-top: -1px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd>a{ display: block;height: 38px; }
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd.on>a{ color: #fff; }
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd.on:after{ 
   display: none
}
.aboutviewbox .ab-right .fenlei>.xiala-show> dl> dd.on:before{

   display: block; content: ""; width: 4px; height: 4px; background: #db0023; border:2px solid #fff;
   position: absolute; top: 50%; border-radius: 100%; right: 15px; margin-top: -3px;
}
.aboutviewbox .ab-right .fenlei  .xiala-show1  dl{ display: block; }
.aboutviewbox .ab-right .fenlei  .xiala-show1> dl> dd{ display: block; line-height: 38px; height: 38px; 
font-size: 15px; overflow:hidden; background: #fff; position: relative; margin-bottom: 1px;
border-bottom: 1px solid #ebebeb}
.aboutviewbox .ab-right .fenlei  .xiala-show1> dl> dd:after{content: ""; display: block; width: 5px; height: 5px; border-bottom:1px solid #1f81d1;
border-right: 1px solid #1f81d1; position: absolute; top: 50%; right: 15px; margin-top: -1px;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
}
.aboutviewbox .ab-right .fenlei  .xiala-show1> dl> dd >a{
    display: block; height: 38px;padding: 0 40px 0 15px;
 overflow:hidden;}

.aboutviewbox .ab-right .fenlei.pt  .xiala-show1> dl> dd >a{padding: 0 40px 0 30px; font-size: 13px;}
.aboutviewbox .ab-right .fenlei.pt  .xiala-show1> dl> dd:after{display: none}


.aboutviewbox .ab-right .fenlei  .xiala-show1> dl> dd.on >a{
    background: #ebebeb;
    color: #1561b3;
}
.aboutviewbox .ab-right .fenlei  .xiala-show1> dl> dd.on:after
{
    display: none
}
.aboutviewbox .ab-right .fenlei  .xiala-show1> dl{
padding: 10px 0;

}
.aboutviewbox .ab-right .fenlei  .xiala-show2> dl{
padding: 10px 0;

}
.aboutviewbox .ab-right .fenlei  .xiala-show2> dl> dd{ display: block; line-height: 38px; height: 38px; 
font-size: 15px; overflow:hidden; background: #fff; position: relative; 
border-bottom: 1px solid #ebebeb}
.aboutviewbox .ab-right .fenlei  .xiala-show2> dl> dd >a{
    display: block; height: 38px;padding: 0 15px 0 35px; font-size: 13px;
 overflow:hidden;}
.aboutviewbox .ab-right .fenlei  .xiala-show2> dl> dd.on >a{
    background: #ebebeb;color: #1561b3;
}
/*快速链接*/
.fast-href{ background: #f5f5f5; padding: 34px 0 40px; }
.fast-href .list{ width: 1200px; margin: auto; }
.fast-href .list .bbt{ line-height: 68px; font-size: 24px; text-align: center; }
.fast-href .list .item{ width: 376px; float: left; margin: 0 36px 20px 0; }
.fast-href .list .item.end{ margin-right: 0px; }
.fast-href .list .item a{ display: block; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1);
padding: 22px 170px 0 28px; height: 153px; position: relative;  }
.fast-href .list .item a .title{ height: 34px;  line-height: 34px; margin-bottom: 4px; color: #000; font-size: 18px;}
.fast-href .list .item a .demo{ height: 88px; line-height: 22px; font-size: 14px; color: #898989;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; }
.fast-href .list .item a .tu{ width: 150px; position: absolute; top: 0px; right: 0px; height: 100%; }
.fast-href .list .item.it0 a .tu{ background: #22313c; }
.fast-href .list .item.it1 a .tu{ background: #95b5ce; }
.fast-href .list .item.it2 a .tu{ background: #618fc0; }
.fast-href .list .item a .tu img{ height: 60px; width: 60px; position: absolute; top: 50%; left: 50%; margin: -30px;   }
.lc-box{ border-bottom: 1px solid #ececec; padding: 0px 0 20px; margin-bottom: 20px; }
.lc-box .nian{ height: 50px; line-height: 50px; color: #1f81d1; font-size: 24px; }
.lc-box .list{padding-left: 65px; position: relative;}
.lc-box .list .line{ width: 1px; height: 98%; top: 5px; background: #dfdfdf; position:absolute; left: 8px; }
.lc-box .list .item{ margin-top: 15px;position: relative; color: #4d4d4d; font-size: 14px; line-height: 2; }
.lc-box .list .item .bt{ height: 32px; line-height: 22px; color: #7a7a7a; font-size: 20px;  }
.lc-box .list .item .bt .biao{ width: 28px; height: 17px; position:absolute; background: ; background-position: left;
background-repeat: no-repeat; top: 1px; left: -65px;  }
/**/
.ab-photo-list .item{ width: 257px; float: left; margin: 0 23px 29px 0; }
.ab-photo-list .item.end{ margin-right: 0; }
.ab-photo-list .item .tu{ cursor: pointer; width: 257px; height: 164px; overflow: hidden; }
.ab-photo-list .item .tu img{width: 257px; height: 164px;  display: block; transition: all .5s;}
.ab-photo-list .item .tu:hover img{ transform: scale(1.2); }
.ab-photo-list .item .title{ height: 45px; line-height: 45px; text-align: center; font-size: 16px; overflow:hidden; }
.page-box{ text-align: center; height: 30px; line-height: 30px; font-size: 14px; }
.page-box a{ *display: inline; *zoom:1; display: inline-block; height: 30px; min-width: 20px; padding: 0 5px; border-radius: 15px; background: #fff;
margin: 0 5px; color: #878787; }
.page-box a.on{ cursor: default !important; color: #fff !important; background: #1f81d1 !important; }
.page-box a:hover{ color: #000; background: #eee; }
.ab-demo{ background: bottom repeat-x; padding: 35px 346px 60px 73px;
     color: #707070; font-size: 14px; line-height: 22px; border: 1px solid #e2e2e2;
 }
.ab-demo .title{line-height: 40px; height: 40px; margin-bottom: 9px; font-size: 30px; color: #1f81d1; font-weight:bold;}
.ab-honor-list { padding-top: 34px; }
.ab-honor-list .item{ width: 248px; border: 1px solid #e2e2e2; margin: 0 33px 34px 0; float: left; cursor: pointer;}
.ab-honor-list .item.end{ margin-right: 0; }
.ab-honor-list .item .tu{ border-bottom: 1px solid #e2e2e2; background: #fafafa; }
.ab-honor-list .item .tu table{ width: 100%; }
.ab-honor-list .item .tu table tr td{ height: 243px; width: 100%; text-align: center; }
.ab-honor-list .item .tu table tr td img{ max-width: 80%; max-height: 80%; }
.ab-honor-list .item .title{ height: 50px; line-height: 50px; overflow: hidden; font-size: 15px; text-align: center; color: #333; }
/**/
.ab-url-list { padding-top: 30px; }
.ab-url-list .item{ float: left; background: #fff; border: 1px solid #f8f8f8; margin: 0 30px 30px 0; width: 250px;
padding-bottom: 23px; border-bottom: 1px solid #e3e3e3;  }
.ab-url-list .item.end{ margin-right: 0px; }
.ab-url-list .item .tu{ height: 97px; border-bottom: 1px solid #e3e3e3; margin-bottom: 19px; }
.ab-url-list .item .tu img{ display: block; height: 97px; width: 251px; }
.ab-url-list .item .demo{ padding:0 20px; height: 88px; line-height: 22px; color: #3a3a3a; font-size: 13px; margin-bottom: 17px; 
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; }
.ab-url-list .item .href{ line-height: 30px; height: 30px; padding: 0 20px; position: relative;  }    
.ab-url-list .item .href a{ *display: inline; *zoom:1; display: inline-block; height: 30px; position: relative; padding-left: 15px; color: #a0a0a0;
 }
.ab-url-list .item .href a:hover{ color: #1f81d1; } 
.ab-url-list .item .href a:after{ width: 5px; height: 5px;  content: ""; display: block; border-top: 1px solid #5d5d5d;
border-right: 1px solid #5d5d5d; position: absolute; left: 0px; top: 50%; margin-top: -3px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.ab-url-list .item .href span{ position: relative;*display: inline; *zoom:1; display: inline-block;
color: #1f81d1; cursor: pointer;
position: absolute; top: 0px; right: 20px;
 }
.ab-url-list .item .zhuan{ display: none }
.chengyuan .it-box{ margin-bottom: 50px; }
.chengyuan .it-box .bbt{ padding:0 20px; color: #fff; background: #1f81d1; height: 44px;  line-height: 44px; font-size: 16px; }
.chengyuan table{ width: 100%; }
.chengyuan table thead{
    height: 44px; background: #f2f3f4;
}
.chengyuan table thead td{ line-height: 24px; padding:10px 20px; font-size: 14px; color: #000; }
.chengyuan table tbody td{ padding:10px 20px; font-size: 14px; border-bottom: 1px dashed #aaa; color: #1f81d1; }
.chengyuan table tbody td a{ color: #1f81d1; }
/*产业布局*/
.about-index .ab-b .href .item.buju0{ margin-left: 320px; background: #22313c; }
.about-index .ab-b .href .item.buju1{  background: #95b5ce; }
.about-index .ab-b .href .item.buju2{margin-left: 480px;background: #618fc0; }

/*新闻中心*/
.about-index .ab-b .href .item.news0{margin-left: 160px;}
.about-index .ab-b .href .item.news1{ background: #95b5ce; }
.about-index .ab-b .href .item.news2{ background: #618fc0;  }
.about-index .ab-b .href .item.news3{background: #22313c;  }
.fenlei.pt .xiala-show{ padding-top: 15px; }
.aboutviewbox .ab-right .fenlei.pt>.xiala-show> dl> dd{ background: #fff; border-bottom: 1px solid #eee; margin-bottom: 0; }
.aboutviewbox .ab-right .fenlei.pt>.xiala-show> dl> dd.on{ background: #eee; }
.aboutviewbox .ab-right .fenlei.pt>.xiala-show> dl> dd.on a{ color: #1f81d1; }
.aboutviewbox .ab-right .fenlei.pt>.xiala-show> dl> dd:after{
       border-top: 1px solid  #1f81d1;
    border-right: 1px solid  #1f81d1;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); 
}
.aboutviewbox .ab-right .fenlei.pt>.xiala-show> dl> dd.on:before{ display: none }
.news-list .pt-item-b{ height: 282px; position: relative; padding-right: 362px; position: relative; padding-bottom: 35px;
border-bottom: 1px dashed #d9d9d9; }
.news-list .pt-item-b .tu{ width: 340px; position: absolute; right: 0px; top: 0; }
.news-list .pt-item-b .tu a{ display: block;width: 340px; height: 282px; }
.news-list .pt-item-b .rq{ color: #1f81d1; font-size: 24px; line-height: 24px; height: 38px; }
.news-list .pt-item-b .title{ height: 60px; line-height: 30px; overflow:hidden; margin-bottom: 17px; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.news-list .pt-item-b .title a{ font-size: 24px; color: #000; font-weight: bold; }
.news-list .pt-item-b .title a:hover{ color: #1f81d1; }
.news-list .pt-item-b .demo{ line-height: 24px; height: 96px; color: #4d4d4d; overflow: hidden;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 14px;
    margin-bottom: 11px;
}
.news-list .pt-item-b .href{ height: 60px; background-color: #f5f5f5; display: block; background-repeat: no-repeat; background-position: center;
background-image: ; }
.news-list .pt-item-b .href:hover{
    background-image: ;
    background-color: #1f81d1;
}
.news-list .pt-item{ padding:31px 0 31px 105px; position: relative; height: 90px; border-bottom: 1px solid #ececec;}
.news-list .pt-item .rq{ text-align: center; position: absolute; left: 0px; top: 31px; background: #f5f5f5; color: #767676; font-size: 14px;
    width: 90px; height: 90px; line-height: 20px;
 }
.news-list .pt-item .rq .b{ color: #1f81d1; font-size: 36px; font-weight: bold; line-height: 40px;
padding-top: 14px; }
.news-list .pt-item .title{
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 36px;
margin-bottom: 10px;
line-height: 36px;
overflow: hidden;}
.news-list .pt-item .title a{ color: #262626; font-size: 20px; font-weight: bold; }
.news-list .pt-item .title a:hover{
     color: #1f81d1;
}
.news-list .pt-item .demo{ height: 48px; line-height: 24px;
        text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
overflow: hidden;
font-size: 14px;
color: #4d4d4d;

  }
.news-list .tu-item{
    width: 390px; float: left; margin: 0 37px 24px 0;

}
.news-list .tu-item a{ display: block; color: #333333; font-size: 16px; }
.news-list .tu-item a .tu{ width: 390px; height: 260px; }
.news-list .tu-item a .tu img{width: 390px; height: 260px; }
.news-list .tu-item a .title{ padding-right: 20px; height: 56px; line-height: 56px; 
 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
position: relative;}
.news-list .tu-item a .title:after{ width: 8px; height: 8px; border-top: 1px solid #4899d9; border-right: 1px solid #4899d9; 
content: ""; display: block; position: absolute; top: 50%; right: 3px; margin-top: -5px;
transform: rotate(45deg); }    

.news-list .tu-item.end{ margin-right: 0px; }
/*新闻详情*/
.news-view .title{ font-size: 32px; color: #333; line-height: 1.4; }
.news-view .newsview-timebox{ line-height: 20px; height: 20px; padding:20px 0; color: #8f8f8f;  }
.news-view .newsview-timebox .bshare-custom{ *display: inline; *zoom:1; display: inline-block; }

.news-view .newsview-timebox .newsview-share{*display: inline; *zoom:1; display: inline-block; margin-left: 20px;}
.news-view .newsview-timebox .newsview-share .bshare-custom  a{ width: 15px; height: 15px; padding: 0 !important; margin:0 0 0 10px;
    -webkit-transform: translatey(-1px);-moz-transform: translatey(-1px);-ms-transform: translatey(-1px);-o-transform: translatey(-1px);transform: translatey(-1px);
}
.news-view .newsview-timebox .newsview-share .bshare-custom  a.bshare-weixin{ background: center  no-repeat ;}
.news-view .newsview-timebox .newsview-share .bshare-custom  a.bshare-sinaminiblog{ background: center  no-repeat ;}
.news-view .newsview-timebox .newsview-share .bshare-custom  a.bshare-qzone{ background: center  no-repeat ;}
.news-view .newsview-timebox .newsview-share .bshare-custom  a.bshare-qqmb{ background: center  no-repeat ;}
.news-view .newsview-timebox .newsview-share .bshare-custom  a.bshare-more{ background: center  no-repeat ;}
.news-view .newsview-content{ color: #4c4c4c; font-size: 14px; padding-bottom: 20px; }
.allpaging{ height: 100px; margin: 10px auto; position: relative; }
.allpaging:after{ width: 1px; height: 100%; position: absolute; top: 0px; left: 50%;
 background: #deecf8;  content: ""; display: block; }
.allpaging .paging-item{ height: 40px; position: absolute; top: 50%; margin-top: -20px; display: block;
 color: #1f81d1; font-size: 16px; line-height: 40px;max-width: 36%;}
.allpaging .paging-item.prev{ right: 55%;  text-align: right; padding-right: 90px; }
.allpaging .paging-item.next{ left: 55%;  text-align: right; padding-left: 90px; }
.allpaging .paging-item:before{ width: 38px; height: 38px; display: block; content: ""; position: absolute; top: 0;
border:1px solid #1f81d1; border-radius: 100%; }
.allpaging .paging-item:after{ content: ""; display: block; width: 10px; height: 10px;
border-top:1px solid #1f81d1;border-right:1px solid #1f81d1; position: absolute; top: 20px;  margin-top: -6px;}
.allpaging .paging-item.prev:after{ right: 20px; margin-right: -7px;
-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg); }
.allpaging .paging-item.next:after{ left: 20px; margin-left: -7px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }


.allpaging .paging-item.prev:before{ right: 0px; }
.allpaging .paging-item.next:before{ left: 0px; }





/*人力资源*/
.about-index .ab-b .href .item.renli0{margin-left: 480px;background: #95b5ce;}
.about-index .ab-b .href .item.renli1{ margin-left:320px; }
.about-index .ab-b .href .item.renli2{ background: #22313c; }
.about-index .ab-b .href .item.renli3{ background: #618fc0;  }
.zp-check-title{ font-size: 20px; color: #434343; margin-bottom: 20px; }
.zp-check-form{ margin-bottom: 50px; height: 40px; }
.zp-check-form form{ height: 40px; display: block; position: relative; }
.zp-check-form form select{ border:0px; border-bottom: 1px solid #eee; height: 40px; font-size: 16px; color: #999;
width: 300px; float: left; margin-right: 40px;
padding-right: 40px;
background:  no-repeat scroll right center transparent;
 }
.zp-check-form form button{ height: 40px; width: 130px; color: #fff; cursor: pointer; border: 0px; border-radius: 4px;
position:absolute; top: 0px; right: 0px; background: #1f81d1; line-height: 40px; font-size: 16px; }
/**/
.zp-list-box .t-bbt{ color: #333333; font-size: 32px; margin-bottom: 10px; }
.zp-list-box .list .bt-box{ color: #fff; background: #308ce7; height: 40px; margin-bottom: 10px; }
.zp-list-box .list .tt{ height: 40px; overflow: hidden; line-height: 40px;
 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    float: left;
    font-size: 16px;
    margin-left: 35px;

 }
.zp-list-box .list .l-box{ color: #fff; height: 40px; border-bottom: 1px dashed #dddddd; }
.zp-list-box .list .l-box .tt{ font-size: 14px; color: #666; }
.zp-list-box .list .tt.t1{
    width: 22%;

}
.zp-list-box .list .tt.t2{
    width: 14%;

}
.zp-list-box .list .tt.t3{
    width: 14%;

}
.zp-list-box .list .tt.t4{
    width: 18%;

}
.zp-list-box .list .tt.t5{
    width: 10%;

}
.zp-list-box .list .tt.t5 a{ width: 20px; height: 20px; display: block; float: left; margin-top: 10px; cursor: pointer;
background: center no-repeat;  }
.zp-list-box .list .l-box:hover .tt.t5 a{background: center no-repeat; }
.zp-list-box .list .l-box:hover a{ color: #308ce7; }
.zp-list-box .list .l-box:hover .tt{color: #308ce7; }



.zp-title{color: #262626; font-size: 30px; margin-bottom: 20px; line-height: 1.4;}
.zp-rq{ line-height: 20px; font-size: 12px; color: #999; margin-bottom: 10px; }
.zp-xx{ color: #797979; font-size: 14px; margin-bottom: 20px; }
/*资料中心*/
.data-check-box{ padding: 60px 0 10px; width: 1200px; margin: 0 auto; }
.data-check-box .title{ color: #383838; font-size: 24px; margin-bottom: 20px; } 
.data-check-box  .form-b{ display: block;height: 40px; position: relative; margin-bottom: 30px; }
.data-check-box  .form-b select{ border:0px; border-bottom: 1px solid #eee; height: 40px; font-size: 16px; color: #999;
width: 373px; float: left; margin-right: 40px;
padding-right: 40px;
background:  no-repeat scroll right center transparent;
 }
.data-check-box .form-b button{ height: 40px; width: 130px; color: #fff; cursor: pointer; border: 0px; border-radius: 4px;
position:absolute; top: 0px; right: 0px; background: #1f81d1; line-height: 40px; font-size: 16px; }
.data-check-box  .form-b .ss{ border:0; border-bottom: 1px solid #eee; height: 40px;  font-size: 16px; color: #888; width: 1050px; }
.data-list .bbt{ color: #383838; font-size: 18px; margin-bottom: 15px; }
.data-list .item{ padding: 20px 160px 20px 225px; background: #f6f6f6; position: relative; margin-bottom: 20px; height: 205px; }
.data-list .item .tu{ left: 33px; width: 162px; height: 205px; position: absolute; }
.data-list .item .tu a{ display: block; }
.data-list .item .tu a img{width: 162px; height: 205px;}
.data-list .item .title{ height: 28px; line-height: 28px; overflow: hidden;
 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 20px;
    margin-bottom: 10px;

 }
.data-list .item .title a{ color: #434343; }
.data-list .item .title a:hover{ color: #1f81d1; }
.data-list .item .text { height: 28px; line-height: 28px;
 text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #747474;
    font-size: 14px;

 }
.data-list .item .text span{ margin-right: 10px; color: #1f81d1; }
.data-list .item .href{ width: 100px; padding-left: 25px; text-align: center; display: block; height: 38px; line-height: 38px;
color: #fff; cursor: pointer; background-color: #1f81d1; background-image: ; background-repeat: no-repeat;
background-position: 30px 50%; font-size: 14px; position: absolute; bottom: 20px; right: 40px; border-radius: 3px; }
/**/
.data-tj{ padding-top: 20px; }

.data-tj .type-bbt{ height: 56px; border-bottom: 1px solid #dfdfdf; line-height: 56px; font-size: 18px }
.data-tj .type-bbt .item{ width: 156px; height: 55px; float: left; margin-right: 1px; background: #f0f0f0; color: #666;
text-align: center; cursor: pointer; }
.data-tj .type-bbt .item.on{ background: #fff; line-height: 55px; border:1px solid #dfdfdf; height: 56px; border-bottom: 0px;position: relative;
z-index: 1; }
.data-tj .list-box{ display: none; padding: 28px 0; height: 275px;


 }
.data-tj .list-box .item{ width: 174px; float: left; margin: 0 53px 0 19px; }
.data-tj .list-box .item.end{ margin-right: 0; }
.data-tj .list-box .item a{ display: block;  color: #424242;}
.data-tj .list-box .item a .tu{ height: 219px; width: 174px; margin-bottom: 8px; }
.data-tj .list-box .item a .tu img{height: 219px; width: 174px; }
.data-tj .list-box .item a .text{ height: 28px; line-height: 28px; font-size: 14px;
overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; }
.data-tj .list-box .item a:hover{
    color: #1f81d1;
}


/**/
.dataview .title{ font-size: 24px; margin-bottom: 20px; line-height: 1.4; }
.dataview .item{ padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.dataview .item .tu{ float: left;  width: 260px;

}
.dataview .item .tu img{ display: block; width: 100%; }
.dataview .item .bb{ position: relative; width: 890px; float: right; font-size: 16px; color: #747474; }
.dataview .item .bb .text{ line-height: 24px; margin-bottom: 15px; }
.dataview .item .bb .href{ text-align: right; height: 40px; line-height: 40px; }
.dataview .item .bb .href a{ *display: inline; *zoom:1; display: inline-block; padding-left: 50px; 
    background: left no-repeat; }


/**/
.productbanner{ height: 376px; position: relative; background-position: center; background-repeat: no-repeat; }
.zi-top-main .pro-btn{ position: relative; z-index: 2; font-size: 15px; color: #fff; width: 250px; 
    border-right: 1px solid #63a7df;
     border-left: 1px solid #63a7df;
 border-right:1px solid rgba(255,255,255,.2) ;
  border-left:1px solid rgba(255,255,255,.2) ; }
.zi-top-main .pro-btn .btn{ position: relative; padding: 0 30px 0 10px; cursor: pointer; }
.zi-top-main .pro-btn .btn:after{  content: ""; display: block;
border-style: solid; border-width: 5px; border-color: #fff transparent transparent transparent;
position: absolute; top: 50%; right: 15px; margin-top: -2px; }
.zi-top-main .pro-btn .xl{ width: 250px; left: -1px; top: 100%; background: #1f81d1; background: rgba(31,129,209,.5);
height: 375px; position: absolute;   border-right: 1px solid #63a7df; display: none;
     border-left: 1px solid #63a7df;
 border-right:1px solid rgba(255,255,255,.2) ;
  border-left:1px solid rgba(255,255,255,.2) ; }
.zi-top-main .pro-btn .xl.on{ display: block !important; height: 376px !important;; }  
.zi-top-main .pro-btn .item{ margin-top: 8px; height: 56px; }
.zi-top-main .pro-btn .item.wu{ margin-top: 0 }
.zi-top-main .pro-btn .item>a{ height: 56px; padding: 0 18px; position: relative; line-height: 56px; overflow: hidden; color: #fff;
display: block;}
.zi-top-main .pro-btn .item:hover >a{ background: #fff; color: #000; }
.zi-top-main .pro-btn .item>a:after{content: ""; display: block; width: 5px; height: 5px;
border-top: 1px solid #fff; border-right: 1px solid #fff;
position: absolute; top: 50%; right: 15px; margin-top: -3px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);transform: rotate(45deg);
}
.zi-top-main .pro-btn .item:hover>a:after{
   border-top: 1px solid #1f81d1; border-right: 1px solid #1f81d1; 
}


.zi-top-main .pro-btn .hezi .xl-box-main{ width: 0px; background: #fff;  position: absolute; left: 250px; top: 0; min-height: 100%; 
    z-index: 10; overflow: hidden; }
.zi-top-main .pro-btn .hezi:hover .xl-box-main{ width: 942px;}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box{
    width: 942px;
}
.zi-top-main .pro-btn .hezi .xl-box-main .colorb{ background: #f5f5f5; width: 133px; height: 100%; position: absolute;
top: 0; left: 0; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box{ display: none;}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item{
    padding: 0px 0 0px 178px; position: relative;
    font-size: 15px;
    min-height: 45px;

}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .bt-a{
    width: 133px; position: absolute; left: 0px; top: 16px; line-height: 30px;


}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .bt-a a{
    padding: 3px 10px 3px 18px;
    line-height: 24px;
    font-size: 15px;
    color: #333333;
}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item a:hover{ color: #1f81d1; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box{ border-top: 1px solid #ebebeb; padding: 16px 0; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i{
    position: relative;
    padding-left: 140px;
    min-height: 30px;

}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href{
    top: 0; width: 155px; left: -15px; position: absolute;
    text-align: right;
    height: 30px; line-height: 30px;
}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href span{ float: right;olor: #666; 
margin-left: 10px; font-family: 'simsun'; }

.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href a:hover{ color: #1f81d1; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a:hover{ color: #1f81d1; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .f-href a{ color: #666;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb{ line-height: 30px; }
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a{
    *display: inline; *zoom:1; display: inline-block; float: left; margin-left: 16px;
    color: #999;
}
.zi-top-main .pro-btn .hezi .xl-box-main .proclass-ll-box .plb-item .r-box .ib-i .lb a span{ margin-right: 12px; float: left; color: #999;
font-weight: 300; transform: scalex(0.4); }

.zi-top-main{ position: relative; }
.zi-top-main .m-list{ width: 500px; position: absolute; top: 0px; left: 310px;  }
.zi-top-main .m-list .it{ *display: inline; *zoom:1; display: inline-block; font-size: 15px; margin-right: 50px; }
.zi-top-main .m-list .it a{*display: inline; *zoom:1; display: inline-block; color: #fff; position: relative;

}
.zi-top-main .m-list .it.on a:after{ position: absolute; content: ""; display: block; width: 100%; height: 3px;
background: #fff; bottom: 0; left: 0; }
.productbanner .search-box{
    width: 600px;
    margin: auto;
    padding-top: 95px;
    text-align: center;
    color: #fff;
}
.productbanner .bbt{ font-size: 36px; }
.productbanner form{ display: block; height: 45px; position: relative; background: #ffffff; }
.productbanner form input{ height: 45px; padding: 0 20px; width: 540px; display: block; border:0px; }
.productbanner form button{
    width: 50px; height: 45px; display: block; border:0px; position: absolute; top: 0px; right: 0;
    background:  center; cursor: pointer;
}
.productbanner .xx{ padding-top: 20px; }
.productbanner .xx span{ font-family: 'simsun'; margin-right: 10px; }

/*品牌*/
.brandlist .bbt{ font-size: 24px; line-height: 56px; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.brandlist .list .item{ display: block; float: left; background: #0aa0ee; transition: all .5s;
background: -moz-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%);
background: -webkit-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%);
background: linear-gradient(to right top, #1f81d1 0%, #09b0f9 100%);
    margin: 0 122px 66px 0; width: 478px; height: 287px; }


.brandlist .list .item a{ display: block; }
.brandlist .list .item a .i-top{ height: 36px; position: relative; padding: 39px 46px 21px ; }
.brandlist .list .item a .i-top img{ display: block; height: 36px; }
.brandlist .list .item a .i-top .ico{ width: 32px; height: 32px; border-radius: 100%; border:2px solid #fff; position: absolute;
right: 46px; top: 39px; transition: all .5s }
.brandlist .list .item a .i-top .ico:after{ width: 10px; height: 10px; display: block; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff;
top: 50%; left: 50%; position: absolute;
margin: -6px -8px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); }

.brandlist .list .item a .title{ background: #fff; height: 56px; padding: 0 18px; border:1px solid #dcdcdc; font-size: 18px; color: #666666;
line-height: 56px; margin-left: 46px; width: 440px; margin-bottom: 27px; }
.brandlist .list .item a .title span{ float: right; color: #a8c6e9 }

.brandlist .list .item .demo{ background: #fff;  border:1px solid #dcdcdc; padding: 23px 18px; color: #666666; line-height: 30px;
margin-left: 46px; width: 440px; font-size: 14px;}
.brandlist .list .item .demo .tt{ height: 90px; position: relative; overflow: hidden; }

.brandlist .list .item:hover{ box-shadow: inset 0 0 150px rgba(0,0,0,.175); border-radius: 30px ; }
.brandlist .list .item:hover a .i-top .ico{ right: 16px; transform: rotate(90deg); top: 16px }
.brandlist .list .item:hover a .title{transform: translatex(40px); border-radius: 0 10px 10px 0 ; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.brandlist .list .item:hover a .demo{transform: translatex(-46px);}
.brandlist .list .item:hover a .i-top img{transform: translatex(-26px);}
.brandlist .list .item.end{ margin-right: 0px; }




.brandview-banner{ height: 333px; margin-bottom: 15px; }
.brandview-banner .mm{ width: 1200px; margin: auto; font-size: 14px; color: #6f6f6f; }
.brandview-banner .mm .rr{ width: 600px; margin: 0 0 0 auto; padding-top: 43px; }

.brandview-banner .mm .rr .bbbt{ height: 28px; position: relative; padding-left: 170px; line-height: 28px; padding-top: 30px; }
.brandview-banner .mm .rr .bbbt img{ height: 100px; position: absolute; top: -21px; left: -21px; }
.brandview-banner .mm .rr .bbbt .href{ display: block; height: 28px; padding-right: 28px; 
    background: right no-repeat; color: #1f81d1; position: absolute; bottom: 10px; right: 0;

     }

.brandview-banner .mm .rr .cc{ margin-top: 20px; height: 180px; overflow-y: auto; }


/*联系我们*/
.contact-type-bbt{ text-align: center; color: #333333; font-size: 32px; height: 110px; line-height: 110px; border-bottom: 1px solid #ececec; }
.contact-main{ width: 980px; margin:75px auto;  }
.contact-main .menub{ border:1px solid #e3e3e3; height: 56px; line-height: 56px; border-bottom: 1px solid #1f81d1; font-size: 18px;
margin-bottom: 73px; }
.contact-main .menub .item{ width: 50%; height: 56px; float: left; }
.contact-main .menub .item a{ display: block; height: 56px; text-align: center; }
.contact-main .menub .item.on a{ background: #1f81d1; color: #fff; }
.contact-main .ly-box{ height: 445px; }
.contact-main .ly-box .l{ height: 445px; float: left; width: 280px; }
.contact-main .ly-box .l .item{ height: 89px; padding:0 10px 0 80px; position: relative;  }
.contact-main .ly-box .l .item img{ width: 29px; height: 29px; top: 50%; margin-top: -16px; left: 26px; position:absolute; }
.contact-main .ly-box .l .item td{ height: 89px; color: #5a5a5a; font-size: 14px; line-height: 1.6; }
.contact-main .ly-box .right{ width: 656px; height: 445px; background: #f6f6f6; float: right; }

.contact-main .ly-box .right .form-box{
    padding: 29px 54px 0;

}
.contact-main .ly-box .right .form-box .bbt{
    height: 46px; line-height: 46px; color: #606060; font-size: 22px; 
}
.contact-main .ly-box .right .form-box .bbt span{ font-size: 18px; color: #d5d5d5; }

.contact-main .ly-box .right .form-box .xx{ color: #5a5a5a; font-size: 14px; line-height: 20px; margin-bottom: 20px; }

.contact-main .ly-box .right .form-box .input-box{ margin-bottom: 15px; }
.contact-main .ly-box .right .form-box .input-box .layui-input,.contact-main .ly-box .right .form-box .input-box .layui-textarea{ border:1px solid #fff; border-radius: 0; }
.contact-main .ly-box .right .form-box .input-box.duan .layui-input{  width: 269px; float: left;}
.contact-main .ly-box .right .form-box .input-box.duan .layui-input:-moz-placeholder,
textarea:-moz-placeholder {
color: #5a5a5a;
}
.contact-main .ly-box .right .form-box .input-box.duan .layui-input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #5a5a5a;
}
.contact-main .ly-box .right .form-box .input-box.duan .layui-input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #5a5a5a;
}
.contact-main .ly-box .right .form-box button{ width: 106px; height: 40px; color: #fff; border-radius: 3px; background: #1f81d1;
cursor:pointer; margin-right: 30px; border:0; }
.contact-main .ly-box .right .form-box button.cz{ background: #9aaebe; }
.map-show img{ max-width: none }
.map-show{ height: 590px; position: relative; border-top: 1px solid #eee; overflow:hidden;}
.map-show .map-box{ height: 590px; width: 100%; padding-left: 320px;  }
.map-show .maplist{ position: absolute; z-index: 1; overflow-y: auto; width: 320px; height: 589px; left: 50%; top: 0;
margin-left: -600px;border: 1px solid #eee; border-bottom:0;border-top:0; background: #ffffff; }
.map-show .maplist .item{ padding: 17px 20px 12px; min-height: 42px; background: #ffffff; border-bottom: 1px solid #eee; cursor: pointer; }
.map-show .maplist .item.on{ box-shadow: 0 0 15px rgba(0,0,0,.1); z-index: 5; position: relative; }
.map-show .maplist .item .title{ line-height: 22px; color: #1f81d1; font-size: 14px; }
.map-show .maplist .item .address{ padding-left: 15px; background:  left no-repeat;
color: #868585; line-height: 20px; }
.map-show .maplist .item .link{
    color: #868585;
    line-height: 30px;
    padding-left: 26px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: ;
    -webkit-background-size: 15px;
    background-size: 15px;
}
.email-href{ color: #fff !important; height: 50px; width: 140px; 
    text-align: center; line-height: 50px; display: block; background: #1f81d1;
    margin-top: 10px; font-size: 16px;
     }





/**/
.right-menu-bg{ background: rgba(0,0,0,.2); width: 100%; position: fixed; height: 100%; z-index: 100; top: 0; left: 0; display: none; }
.right-menu{ position: fixed; height: 100%; z-index: 101; top: 0; right:-300px;  width: 300px; 
    background: #fff; overflow-x: hidden; overflow-y:auto; 
transition: all .5s;}
.right-menu[data-on="on"]{
    right: 0px;
    box-shadow: 0 0 30px rgba(0,0,0,.175); 
}

.right-menu .m-m{ padding: 80px 20px 0px 20px ; }
.right-menu .bbt1{ font-size: 20px; height: 40px; position: absolute; width: 260px; left: 0px; top: 0px; background: #fff; padding: 20px; }
.right-menu .bbt1 .rm-close{ width: 50px; height: 50px; position: absolute; right: 10px; top: 15px; cursor: pointer;
background-image: ; background-repeat: no-repeat; background-position: center; background-size: 80%; }
.right-menu .m-m .nav-box{ display: block; font-size: 16px; margin-bottom: 15px; }
.right-menu .m-m .nav-box .bbt{ display: block; margin-bottom: 10px; } 
.right-menu .m-m .nav-box .bbt a{ display: block; line-height: 26px; padding: 6px 10px; background: #eee;} 
.right-menu .m-m .nav-box .it{ font-size: 14px; }
.right-menu .m-m .nav-box .it a{ padding: 6px 20px; line-height: 16px; display: block;   }
.right-menu .m-m .nav-box a:hover{ color :#1f81d1; }
/**/
.brand-banner{
    height: 600px;
    position: relative;
    overflow: hidden;
    width: 100% !important;
    min-width: 1200px;
}
.brand-banner .list ul{ display: block; height: 600px; width: 100% !important; }
.brand-banner .list ul li{ 
    display: block;
    height: 600px; 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; width: 100% !important;
}
.brand-banner .hd{ width: 1000px; text-align: center; left: 50%; margin-left:-500px; bottom: 30px; position: absolute; z-index: 10;  }
.brand-banner .hd ul li{
    width: 10px; height: 10px; border-radius: 100%; border:1px solid #fff;
    *display: inline; *zoom:1; display: inline-block; margin: 0 5px;
}
.brand-banner .hd ul li.on{ background: #fff; }
.brand-banner .btn{ cursor: pointer; width: 30px; height: 60px; background-position: center; background-repeat: no-repeat; margin-top: -30px;
left: 50%; top: 50%;  position: absolute; z-index: 11; opacity: 0 }
.brand-banner .btn.prev{ margin-left:-750px; background-image: ; }
.brand-banner .btn.next{ margin-left:720px; background-image: ; }
.brand-banner:hover .btn{ opacity: 1 }

.brand-bigimg{ overflow: hidden; background-position: top; background-repeat: no-repeat; }
.brand-bigimg img{ max-width: none; filter:alpha(opacity=0);opacity: 0; }

/**/
.brand-proclass{ width: 1200px; margin: 30px auto ; }
.brand-proclass .type-bbt{ color: #444444; font-size: 30px; text-align: center; line-height: 87px; }
.brand-proclass .s-box{ height: 54px; margin-bottom: 65px; background-position: left; background-repeat: no-repeat; background-image: ; }
.brand-proclass .s-box .s-box-main{
height: 50px; background-position: right; background-repeat: no-repeat; background-image: ;
padding: 2px 0;
}
.brand-proclass .s-box .s-box-main form{ position: relative; display: block; height: 50px; width: 872px; border-radius: 5px;
background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.175); margin: auto; }
.brand-proclass .s-box .s-box-main form input{ 
    -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;
    height: 48px; line-height: 48px; border:1px solid #eee; border-radius: 5px;
    width: 810px; padding: 0 15px; font-size: 14px; }
.brand-proclass .s-box .s-box-main form button{ cursor: pointer; background-image: ; background-repeat: no-repeat;
background-position: center; background-color: #1f81d1; height: 50px; border:0; width: 50px; border-radius: 0 5px 5px 0;
position: absolute; right: 0px; top: 0; }
.brand-proclass .pro-c-list{ height: 250px; }
.brand-proclass .pro-c-list .list{ height: 181px; overflow: hidden; position: relative; }
.brand-proclass .pro-c-list .list ul li{ display: block; float: left; width: 385px; height: 181px; margin-right: 22px; }
.brand-proclass .pro-c-list .list ul li a{ display: block;height: 179px; background: #fff; border:1px solid #dcdcdc; padding-left: 200px;
position: relative; }
.brand-proclass .pro-c-list .list ul li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,.175); }
.brand-proclass .pro-c-list .list ul li a .tu{ width: 179px; height: 179px; position: absolute; left: 0px; top: 0; overflow: hidden; }
.brand-proclass .pro-c-list .list ul li a .tu img{width: 179px; height: 179px; display: block;}
.brand-proclass .pro-c-list .list ul li a .text{ padding-top: 63px; padding-right: 20px; float: right; font-size: 16px; text-align: right; }
.brand-proclass .pro-c-list .list ul li a .text .title{ float: right; position: relative;  line-height: 24px; min-height: 30px;  max-height: 48px; }
.brand-proclass .pro-c-list .list ul li a .text .title:after{ width: 3px; height: 20px; top: 2px; right: 100%; margin-right: 5px;
content: ""; display: block; background: #4e4e4e; position: absolute; }
.brand-proclass .pro-c-list .list ul li a:hover .tu img{ transform: scale(1.1); }
.brand-proclass .pro-c-list .list ul li a:hover .title{ color: #1f81d1; }
.brand-proclass .pro-c-list .list ul li a:hover .text .title:after{ background: #1f81d1;  }
.brand-proclass .pro-c-list .list ul li a .href{ clear: both; font-size: 14px; color: #999999;line-height: 28px; height: 28px; }
.brand-proclass .pro-c-list .list ul li a:hover .href{color: #1f81d1;}
.brand-proclass .pro-c-list .list ul li a .href span{ float: right; width: 14px; height: 14px; display: block; line-height: 14px;
text-align: center; color: #fff; background: #999999; margin:7px 0 0 7px;  }
.brand-proclass .pro-c-list .list ul li a:hover .href span{ background: #1f81d1; }

.brand-proclass .pro-c-list .hd{ padding-top: 17px; text-align: center; }
.brand-proclass .pro-c-list .hd ul li{ *display: inline; *zoom:1; display: inline-block;  
    width: 6px; height: 6px; border-radius: 100%; margin: 0 5px;
    background: #8fc0e8; transition: all .5s; overflow: hidden; cursor: pointer;
    text-indent: -999;  }
.brand-proclass .pro-c-list .hd ul li.on{ background: #1f81d1; box-shadow: -4px 4px 6px rgba(0,0,0,.175) }


/**/
.brand-fangan{ margin-bottom: 34px; }
.brand-fangan .lan{ color: #fff; background: #1f81d1; padding: 26px 0 148px; }
.brand-fangan .lan .bbt{ text-align: center; color: #fff; font-size: 30px; margin-bottom: 5px; line-height: 54px; }
.brand-fangan .lan .text{ font-size: 15px; line-height: 32px; width: 1200px; margin: auto; text-align: center; }
.brand-fangan .bf-main{ width: 1200px; height: 320px; margin: -123px auto 0; overflow: hidden; position: relative; }
.brand-fangan .bf-main .list{ height: 246px; overflow:visible; }
.brand-fangan .bf-main .list ul li{ display: block; width: 900px; height: 246px; float: left; margin: 0 54px 100px 0; }
.brand-fangan .bf-main .list ul li a{display: block; width: 900px; height: 246px;background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.175); }
.brand-fangan .bf-main .list ul li a:hover{
    box-shadow: 0 0 30px rgba(31,129,209,.275);
}
.brand-fangan .bf-main .list ul li .l{ height: 246px; width: 231px; padding-left: 15px; float: left; position: relative; }
.brand-fangan .bf-main .list ul li .r{ height: 246px; width: 560px; margin-right: 31px; float: right; position: relative; }
.brand-fangan .bf-main .list ul li .r table{ width: 100%; }
.brand-fangan .bf-main .list ul li .r table td{ height: 246px; line-height: 2; }
.brand-fangan .bf-main .list ul li .l .tu{ height: 154px; overflow: hidden; padding-top: 26px; }
.brand-fangan .bf-main .list ul li .l .tu img{ width: 154px; height: 154px; border-radius: 100%; overflow: hidden; display: block;
margin: auto; }
.brand-fangan .bf-main .list ul li .l .c{ padding:0 43px 0 11px; color: #1f81d1; font-size:18px; height: 24px; line-height: 24px; }
.brand-fangan .bf-main .list ul li .l .e{ padding:0 43px 0 11px; color: #999999; font-size:14px; height: 20px; line-height: 20px;}
.brand-fangan .bf-main .list ul li .l .href{ width: 37px; height: 37px; bottom: 0px; right: 0px; position: absolute; background: #1f81d1;
 }
.brand-fangan .bf-main .list ul li .l .href:before{ width: 11px; height: 1px; top: 18px; left: 13px; content: ""; display: block;
background: #fff; position: absolute; }
.brand-fangan .bf-main .list ul li .l .href:after{ height: 11px; width: 1px; top: 13px; left: 18px; content: ""; display: block;
background: #fff; position: absolute; }
.brand-fangan .bf-main .list .tempwrap{ overflow: visible !important; }

.brand-fangan .bf-main .hd{ padding-top: 35px; text-align: center; z-index: 10; position: relative; }
.brand-fangan .bf-main .hd ul li{ *display: inline; *zoom:1; display: inline-block;  
    width: 6px; height: 6px; border-radius: 100%; margin: 0 5px;
    background: #8fc0e8; transition: all .5s; overflow: hidden; cursor: pointer;
    text-indent: -999;  }
.brand-fangan .bf-main .hd ul li.on{ background: #1f81d1; box-shadow: -4px 4px 6px rgba(0,0,0,.175) }
.brand-fangan .bf-main .btn{ width: 36px; height: 36px; border-radius: 100%; position: absolute; cursor: pointer;
bottom: 20px; z-index: 11;}
.brand-fangan .bf-main .btn:hover{ background: #1f81d1; }
.brand-fangan .bf-main .btn:before{ width: 16px; height: 2px; content: ""; display: block; left: 50%; margin-left: -8px; background: #1f81d1;
top: 55%; position: absolute; }
.brand-fangan .bf-main .btn:after{ width: 2px; height:6px; content: ""; display: block;  background: #1f81d1;
top: 45%; position: absolute;}
.brand-fangan .bf-main .btn.prev{ left: 0;
     box-shadow: 3px 3px 10px rgba(0,0,0,.1); 
}
.brand-fangan .bf-main .btn.prev:after{left: 50%; margin-left: -7px; 
-webkit-transform: rotate(45deg); 
   -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
     -o-transform: rotate(45deg); 
        transform: rotate(45deg);}
.brand-fangan .bf-main .btn.next:after{right: 50%; margin-right: -7px; 
-webkit-transform: rotate(-45deg); 
   -moz-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
     -o-transform: rotate(-45deg); 
        transform: rotate(-45deg);}
.brand-fangan .bf-main .btn.next{ right: 0;
     box-shadow: -3px 3px 10px rgba(0,0,0,.1); 
}
.brand-fangan .bf-main .btn:hover:after,.brand-fangan .bf-main .btn:hover:before{ background: #fff; }


.brand-fangan .href-btn{ width: 115px; height: 18px; padding-top: 17px; 
    position: relative;
    margin: 15px auto 0; cursor: pointer; background: #1f81d1; clear: both; display: block; }
.brand-fangan .href-btn:before{ height: 1px; width: 40%; content: ""; display: block; background: #fff; margin: auto; }
.brand-fangan .href-btn:hover{  -webkit-border-radius: 17px;  -moz-border-radius: 17px;  border-radius: 17px; }
.brand-fangan .href-btn:after{ width: 7px; height: 2px; content: ""; display: block; background: #fff;
position: absolute; top: 50%; margin-top: -2.5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
right: 30%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg);}

/*新闻*/
.brand-news{ width: 1200px; margin: auto; padding-bottom: 75px; overflow: hidden; position:relative; }
.brand-news .bbt{ font-size: 30px; color: #000; line-height: 58px; text-align: center; }
.brand-news .text{ font-size: 15px; line-height: 2; color: #999999; text-align: center; margin-bottom: 36px; }
.brand-news .list{ margin: 0 44px 88px; height: 162px; width: 1256px; }
.brand-news .list ul li{ display: block; width: 524px; float: left;  height: 162px; margin-right: 56px;}
.brand-news .list ul li a{ display: block; height: 162px; padding-left: 190px; position: relative; }
.brand-news .list ul li a .tu{ position: absolute; left: 13px; top: 0; }
.brand-news .list ul li a .tu img{ display: block; width: 160px; height: 160px; border:1px solid #cbcbcb; }
.brand-news .list ul li a .rq{ bottom: 0; right: 0px; position: absolute; color: #c0c0c0; text-align: right;
font-size: 14px; line-height: 20px; }
.brand-news .list ul li a .rq .b{ font-size: 34px; font-weight: 300; line-height: 34px; }
.brand-news .list ul li a .classname{ *display: inline; *zoom:1; display: inline-block; line-height: 27px; height: 27px; border-top: 1px solid #1f81d1;
color: #1f81d1; font-size: 14px; }
.brand-news .list ul li a .title{
    font-size: 16px; line-height: 30px; max-height: 60px; overflow: hidden; padding-top: 15px;

}
.brand-news .list ul li a:hover{ color: #1f81d1; }
.brand-news .btn{ width: 33px; height: 33px; position: absolute; background: #f5f5f5; cursor: pointer; top: 190px; z-index: 2;
 }
.brand-news .btn:hover{ background: #1f81d1;} 
.brand-news .btn:after{ content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #1f81d1; border-left: 2px solid #1f81d1;
left: 50%; top: 50%; position: absolute; }
.brand-news .btn.prev:after{ margin: -4px -3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.brand-news .btn.next:after{ margin: -4px -5px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.brand-news .btn:hover:after{ border-color: #fff;} 
.brand-news .btn.prev{ left: 0px; }
.brand-news .btn.next{ right: 0px; }
.brand-news .href-btn{ width: 115px; height: 18px; padding-top: 17px; 
    position: relative;
    margin: auto; cursor: pointer; background: #1f81d1; clear: both; display: block; }
.brand-news .href-btn:before{ height: 1px; width: 40%; content: ""; display: block; background: #fff; margin: auto; }
.brand-news .href-btn:hover{  -webkit-border-radius: 17px;  -moz-border-radius: 17px;  border-radius: 17px; }
.brand-news .href-btn:after{ width: 7px; height: 2px; content: ""; display: block; background: #fff;
position: absolute; top: 50%; margin-top: -2.5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
right: 30%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg);}



.brand-proclass .href-btn{ width: 115px; height: 18px; padding-top: 17px; 
    position: relative;
    margin: auto; cursor: pointer; background: #1f81d1; clear: both; display: block; }
.brand-proclass .href-btn:before{ height: 1px; width: 40%; content: ""; display: block; background: #fff; margin: auto; }
.brand-proclass .href-btn:hover{  -webkit-border-radius: 17px;  -moz-border-radius: 17px;  border-radius: 17px; }
.brand-proclass .href-btn:after{ width: 7px; height: 2px; content: ""; display: block; background: #fff;
position: absolute; top: 50%; margin-top: -2.5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
right: 30%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg);}




/*会员中心*/
.login-bg{ background: #f5f5f5; }
.login-bg body{background: #f5f5f5; }
.login-main{ background: #fff; margin: 54px auto; padding: 50px; width: 960px; border: 1px solid #eeeeee; }
.login-bg .header{ border-bottom: 2px solid #1f81d1; }
.login-main .r{ width: 520px; float: right; }
.login-main .r .login-banner ,.login-main .r .login-banner .list,.login-main .r .login-banner .list li,.login-main .r .login-banner .list li img{
    display: block; width: 520px; height: 420px;
}
.login-main .r .tiao{  font-size: 16px; padding-top: 15px; color: #686868; }
.login-main .r .tiao a{ color: #1f81d1; }
.login-main .l{ width: 370px; float: left; }
.login-main .l .back a{ font-size: 14px; color: #1f81d1; }
.login-main .l .back a span{ font-family: 'simsun' }
.login-main .l .zc-bbt{ font-size: 30px; color: #1f1a17; height: 90px; }
.login-main .l .item{
    position: relative;
    margin-bottom: 15px;
    min-height: 22px;
    line-height: 22px;
}
.login-main .l .item .it-input{ padding: 0 38px; height: 46px; line-height: 46px; width: 290px; border:1px solid #a7d0f2; border-radius: 5px;
background-position: 10px 50%; background-repeat: no-repeat;  }
.login-main .l .item .it-input:focus{ color: #196bb0; background-color: #d0eaff;border:1px solid #1f81d1; }
.login-main .l .item .it-input.ico1{ background-image: ; }
.login-main .l .item .it-input.ico2{ background-image: ; }
.login-main .l .item .it-input.ico3{ background-image: ; }
.login-main .l .item .it-input.ico4{ background-image: ; }
.login-main .l .item .it-input.ico5{ background-image: ; }
.login-main .l .item.yzmbox .it-input{ width: 140px; } 
.login-main .l .item.yzmbox .send-code{ position: absolute; right: 0px; height: 48px; border: 0; width: 140px;
top: 0; cursor: pointer; border-radius: 5px; color: #fff; background: #1f81d1;}
.login-main .l .item.yzmbox .send-code[disabled]{ color: #000; background: #ddd; cursor: default; }
.login-main .l .item.xuan {font-size: 14px;}
.login-main .l .item.xuan .checkbox{ *display: inline; *zoom:1; display: inline-block; position: relative; height: 22px;
    padding-left: 22px;  cursor: pointer;
 }
.login-main .l .item.xuan .checkbox .biao{ width: 16px; height: 16px; border: 1px solid #ddd; border-radius: 2px; position: absolute;
left: 0px; top: 50%; margin-top: -9px; box-shadow: inset 0 0 5px rgba(0,0,0,.1);  }
.login-main .l .item.xuan a{ cursor:pointer; color: #1f81d1; }
.login-main .l .item.xuan .checkbox[data-on="on"] .biao .dian{
   display: block; width: 12px; height: 6px; border-bottom: 2px solid #1f81d1;border-left: 2px solid #1f81d1;
   position: absolute; top: 50%; left: 50%; margin: -6px -7px;
   box-shadow: 1px 1px 1px rgba(0,0,0,.6)
   -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
}
.login-main .l .item .btn{ border: 0px; border-radius: 5px; color: #fff; font-size: 16px; cursor:pointer; background: #1f81d1;
width: 100%; height: 48px; line-height: 48px; }

.login-main .l .loginbbt{ height: 46px; line-height: 46px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.login-main .l .loginbbt a{ font-size: 24px; height: 47px; *display: inline; *zoom:1; display: inline-block;color: #333;
margin-right: 20px; position: relative; }
.login-main .l .loginbbt a.on{ color: #1f81d1; }
.login-main .l .loginbbt a.on span{ height: 4px; width: 100%; position: absolute; bottom: 0; left: 0; display: block; background: #1f81d1; }
.login-main .l .item{ margin-bottom: 30px; }

/*询价清单*/
.cart-listbtn{ height: 38px; width: 120px; color: #fff; bottom: 0px; right: 0px; position: fixed;z-index: 10; color: #fff;
background: #1f81d1; font-size: 14px; line-height: 38px;  padding-left: 55px;  background-image: ;
    background-position: 20px 48%; background-repeat: no-repeat; cursor: default;
transition: all .5s;}
.cart-listbtn .cl-total{ *display: inline; *zoom:1; display: inline-block; color: #1f81d1; background: #fff; border-radius: 10px; 
    min-width: 16px; padding: 0 2px; height: 20px; line-height: 20px; text-align: center; margin-left: 8px;  }
.cart-listbtn[data-on="on"] .btn.ke{
    background-color: #1f81d1;
    padding-left: 26px;
    width:70px;
    height: 38px;
    cursor: pointer;
    background-image: ;
    background-repeat: no-repeat;
    background-position:left;
    -webkit-background-size: 20px;
    background-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.cart-listbtn[data-on="on"]{ box-shadow: 0 0 50px rgba(0,0,0,.275); width: 200px; }
.cart-listbtn[data-on="on"] .list{box-shadow: 0 0 50px rgba(0,0,0,.275); }
.cart-listbtn .list{ bottom: 37px; left: 0px; position: absolute; width: 100%; border:1px solid #ddd; color: #333;
    background: #fff; display: none;
    max-height: 280px; overflow: auto;
 }
.cart-listbtn .list .nothing{ text-align: center; line-height: 40px; border-bottom: 1px solid #ddd; }
.cart-listbtn .list .item{ height: 40px; padding: 0 40px 0 20px; position: relative;border-bottom: 1px solid #ddd; overflow: hidden;
line-height: 40px; }
.cart-listbtn .list .item .num{ float: left; width: 160px; }
.cart-listbtn .list .item .sl{ position: absolute; top: 0px; right: 40px; }
.cart-listbtn .list .item .cz{ position: absolute; cursor: pointer; height: 40px; width: 40px; right: 0px; background-image: ;
background-repeat: no-repeat; background-position: center; }
/**/
.xunjia-main{padding: 40px 0 60px;}
.xunjia-main .xj-bbt{ color: #393939; font-size: 24px; line-height: 50px; border-bottom: 1px solid #e5e5e5; }
.xunjia-main table{ width: 100%; }
.xunjia-main table thead{ background: #fafafc; }
.xunjia-main table thead td{ padding:  10px; line-height: 20px; }
.xunjia-main table tbody tr{ border-bottom: 1px solid #e5e5e5; }
.xunjia-main table tbody tr td{padding:  10px; height: 60px;line-height: 20px; font-size: 14px;}
.xunjia-main table tbody tr td a{color: #1f81d1;}
.xunjia-main table tbody tr td a:hover{text-decoration: underline;}
.xunjia-main .order-xx{ height: 60px; line-height: 60px; text-align: right; font-size: 14px; }
.xunjia-main .order-xx .item{ *display: inline; *zoom:1; display: inline-block; margin-left: 50px; color: #393939; }
.xunjia-main .or-btn-box{ text-align: right; }
.xunjia-main .or-btn-box a{width: 140px; height: 36px; border-radius: 4px; color: #fff; line-height: 36px;
text-align: center; margin: 0 0 0 auto; font-size: 16px; background: #1f81d1;display: inline-block;
*display: inline;
*zoom: 1;margin-left: 20px;cursor: pointer; }
/**/
.user-main{ background: #f5f5f5; padding: 30px 0 60px;  }
.user-main .u-main{ width: 1200px; margin: auto; }
.user-main .u-main .user-left{ float: left; width: 250px; }
.user-main .u-main .user-left .user-xx-box{ margin-bottom: 20px; text-align: center; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.05) }
.user-main .u-main .user-left .user-xx-box .bbt{ background: #1f81d1; height: 44px; line-height: 44px; color: #fff;
font-size: 16px; border-radius: 10px 10px 0 0; }
.user-main .u-main .user-left .user-xx-box .box{ background: #fff;border-radius: 0 0 10px 10px; padding: 35px 10px; color: #606060; font-size: 13px;
  }
.user-main .u-main .user-left .user-xx-box .box .u{ margin-bottom: 10px; }
.user-main .u-main .user-left .user-xx-box .box .u b{ color: #00acd8; font-size: 14px; }
.user-main .u-main .user-left .user-xx-box .box .talk{
    display: block;
    width: 140px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    margin: 10px auto 0;
    font-size: 16px;
    background: #1f81d1;
}
/**/
.user-main .u-main .user-left .usernav{ border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.05) }
.user-main .u-main .user-left .usernav .item{ display: block; background: #fff; margin-bottom: 1px; height: 46px; line-height: 46px;
font-size: 14px; text-align: center; }
.user-main .u-main .user-left .usernav .item.on{ background: #3ea2f3 !important; color: #fff; }
.user-main .u-main .user-left .usernav .item:hover{ background: #f5f5f5 }
.user-main .u-main .user-left .usernav .item.if{ border-radius: 8px 8px 0 0 }
.user-main .u-main .user-left .usernav .item.il{ border-radius: 0 0 8px 8px }
/**/
.user-main .u-main .user-right .type-bbt{ line-height: 60px; height: 60px;
 font-size: 20px; color: #606060; padding: 0 30px; border-bottom: 1px solid #eee;
 margin-bottom: 22px; }
.user-main .u-main .user-right{ width: 920px; float: right; 
    background: #fff;  box-shadow: 0 0 20px rgba(0,0,0,.05); padding-bottom: 30px;
    min-height: 356px; }


.user-main .u-main .user-right .orderm,.user-main .u-main .user-right .collectm{ margin: 0 30px; }
.user-main .u-main .user-right .orderm .om-bbt,.user-main .u-main .user-right .collectm .cm-bbt{ height: 37px; line-height: 37px; background: #f5f5f5;}
.user-main .u-main .user-right .orderm .tt,.user-main .u-main .user-right .collectm .tt{ float: left; text-align: center; border-right: 1px solid #fff; font-size: 14px; overflow: hidden;  }
.user-main .u-main .user-right .orderm .item{ clear: both; height: 56px; line-height: 56px; border-bottom: 1px solid #eee;  }
.user-main .u-main .user-right .orderm .tt.t1{ width: 272px; }
.user-main .u-main .user-right .orderm .tt.t2{ width: 128px; }
.user-main .u-main .user-right .orderm .tt.t3{ width: 305px; }
.user-main .u-main .user-right .orderm .tt.t4{ width: 140px; border-right: 0; float: right; }
.user-main .u-main .user-right .orderm .tt.t4 a{ display: inline-block; margin: 0 5px; color: #1f81d1; text-decoration: underline; cursor: pointer; }
.user-main .u-main .user-right .orderm .tt.t4 a:hover{ opacity: .8 }
/**/
.user-main .u-main .user-right .collectm .item{ clear: both;color: #1f81d1; line-height: 24px; height: 100px; border-bottom: 1px solid #eee; padding: 20px 0;  }
.user-main .u-main .user-right .collectm .tt.t1{ width: 472px;  }

.user-main .u-main .user-right .collectm .tt.t2{ width: 190px; }
.user-main .u-main .user-right .collectm .tt.t4{ width: 140px; border-right: 0; float: right; }
.user-main .u-main .user-right .collectm .item .tt.t1{text-align: left;}
.user-main .u-main .user-right .collectm .item table{ width: 100%; }
.user-main .u-main .user-right .collectm .item .tt.t1 img{ display: block; width: 98px; height: 98px; border:1px solid #ddd; }
.user-main .u-main .user-right .collectm .item td{ height: 100px; }
.user-main .u-main .user-right .collectm .item td a{ color: #1f81d1; }
.user-main .u-main .user-right .collectm .item td a:hover{ text-decoration: underline; }
.user-main .u-main .user-right .collectm .tt.t4 a{text-decoration: underline;  cursor: pointer;}
.user-main .u-main .user-right .page-box{ margin-top: 20px; }
.user-main .u-main .user-right .noting{ line-height: 150px; font-size: 14px; text-align: center; }
/**/
.user-main  .info-main{ width: 480px; margin:auto; padding: 30px 0; }
.user-main  .info-main .item{ height: 30px; margin-bottom: 18px; position: relative; padding-left: 94px; font-size: 14px;  }
.user-main  .info-main .item .bt{ position: absolute; height: 30px; left: 0px; top: 0;color: #989898;
text-align: justify;width: 60px; }

.user-main  .info-main .item .bt > span { display: inline-block /* opera */; padding-left: 100%; }



.user-main  .info-main .item .gai{ color: #1f81d1; margin-left: 20px; }
.user-main  .info-main .item .input-b{ width: 200px; padding:0 10px; line-height: 28px; border:1px solid #ddd; border-radius: 2px; }
.user-main  .info-main .item .input-b:focus{ color: #196bb0; background-color: #d0eaff;border:1px solid #1f81d1; }

.user-main  .info-main .item .radio{ *display: inline; *zoom:1; display: inline-block; height: 30px; padding-left: 26px; margin-right: 30px;
cursor: pointer; position: relative; }
.user-main  .info-main .item .radio span{ display: block; width: 14px; height: 14px; border:2px solid #ddd; border-radius: 100%;
position: absolute; left: 0px; top: 50%; margin-top: -10px; }
.user-main  .info-main .item .radio span b{ width: 6px; height:6px; display: block; background: #ddd; margin: -3px; position: absolute;
left: 50%; top: 50%; border-radius: 100%;  }
.user-main  .info-main .item .radio[data-on="checked"] { color: #3ea2f3 }
.user-main  .info-main .item .radio[data-on="checked"] span{ border-color: #3ea2f3 }
.user-main  .info-main .item .radio[data-on="checked"] span b{ background: #3ea2f3 }
.user-main  .info-main .item .input-box{ position: relative; }
.user-main  .info-main .item .input-box .sendcode{ border:0; border-radius: 4px; padding: 0 15px; height: 30px; line-height: 30px;
cursor: pointer; color: #fff; background: #1f81d1; position: absolute; left: 110px; top:0; }
.user-main  .info-main .item .input-box .sendcode[disabled]{ color: #000; background: #ddd; cursor: default; }
.user-main  .info-main .item .input-b.duan{ width: 80px; }
.user-main  .info-main .item .input-b.chang{ width: 320px; border:0; border-bottom: 1px solid #ddd; }
.user-main  .info-main .item .tjbtn{ border:0; border-radius: 4px; width: 160px; height: 30px; line-height: 30px;
cursor: pointer; color: #fff; background: #1f81d1; }
.user-main  .info-main .item .tjbtn.d{ width: 120px; }
/**/
.fly-box.z{ top: 50%; margin-top: -82px; }
.fly-box.b{ bottom: 10%; }
.fly-box{ right: 0; position: fixed; z-index: 20; }
.fly-box .item{ display: block; position: relative; margin-top: 1px; background-color: #666666;
background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; cursor: pointer; }
.fly-box .item:hover .ll{ display: block; }
.fly-box .item .ll{ position: absolute; width: 150px; right: 39px; padding-right: 15px; display: none; }
.fly-box .item .ll:after{ display: block; width: 0px; height: 0px; content: ""; border-style: solid; border-width: 5px; 
border-color:transparent transparent transparent #fff; position: absolute; left: 150px; top: 16px;  }
.fly-box .item .ll .b{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.175);}
.fly-box .item .ll .b a:nth-child(1){ border:0; }
.fly-box .item .ll .b a:hover{ background: #eee; color: #000; }
.fly-box .item .ll .b a{ display: block; height: 40px; line-height: 40px; padding: 0 15px; overflow: hidden; font-size: 14px; border-top:1px solid #eee; }
.fly-box .item.i1{ background-image: ; }
.fly-box .item.i2{ background-image: ; }
.fly-box .item.i3{ background-image: ; }
.fly-box .item.i4{ background-image: ; }
.fly-box .item.i5{ background-image: ; }
.fly-box .item.i1 .close{
    width: 100%;
    height: 100%;
    position: absolute;
    right:0;
    top:0;
    z-index: 111;
    background-color: #1f81d1;
    opacity: 0;
    visibility: hidden;
}
.fly-box .item.i1 .close:before{
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    transform: rotate(-45deg);
}
.fly-box .item.i1 .close:after{
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    transform: rotate(45deg);
}
.fly-box .item.i1[data-on="on"] .close{
    opacity: 1;
    visibility: visible;
}
.fly-box .item .word{
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #1f81d1;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 10px 0 0 10px;
    transition: all .5s ease;
    transform: translatex(150%);
    z-index: -1;
    display: block;
}
.fly-box .item:hover{
    background-color: #1f81d1;
}
.fly-box .item.i1:hover .word{
    transform: translatex(150%);
}
.fly-box .item:hover .word{
    transform: translatex(0);
}
.fly-box .item.i1[data-on="on"] .word{
    transform: translatex(0);
}
.fly-box .item .word .cl-total{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #1f81d1;
    background: #fff;
    border-radius: 10px;
    min-width: 16px;
    padding: 0 2px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    position: relative;
    z-index: -1;
}



#gotop{ display: none; cursor: pointer; }
@media only screen  and (min-width: 800px){
.right-menu::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #ccc;
}
  
/*定义滚动条轨道 内阴影 圆角*/  
.right-menu::-webkit-scrollbar-track {
 border-radius: 0px;
 background: #ccc;
}
  
/*定义滑块 内阴影 圆角*/  
.right-menu::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color:#1f81d1;
}

}


@media only screen and (max-width: 1600px) {
.about-index{ height: 724px; }
.about-index .ab-b .bt{ font-size: 28px; }
.about-index .ab-b .bt.en{ font-size: 56px; }
.zi-top.h{height: 50px;}
.zi-top .h{height: 50px; line-height: 50px;}
.brand-banner .btn.prev{ margin-left:-680px;  }
.brand-banner .btn.next{ margin-left:650px;  }
    }
@media only screen and (max-width: 1440px) {
.about-index{ height: 624px; }
.zi-top.h{height: 44px;}
.zi-banner{ height: 420px;  }
.zi-banner .text{  padding-top: 160px;}
.zi-banner .text .bt{ height: 54px; font-size: 38px; line-height: 54px; }
.zi-banner .text .demo{  font-size: 16px; }
.zi-top .h{height: 44px; line-height: 44px;}
.aboutviewbox .ab-left .type-bbt{ font-size: 30px; }
.brand-banner .btn.prev{ margin-left:-600px;  }
.brand-banner .btn.next{ margin-left:570px;  }
    }
.layui-table-tips-main{
    text-transform:uppercase!important;
}

.error-bg{
    height: 800px;
    position: relative;
}
.error-bg .btnbox{
    position: absolute;
    left: 0;
    bottom: 120px;
    text-align: center;
    font-size: 0;
    width: 100%;
}
.error-bg .btnbox .btn{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 40px;
    background-color: #1f81d1;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin: 0 15px;
    height: 40px;
    line-height: 40px;
    border:1px solid #1f81d1;
}
.error-bg .btnbox .btn.rr{
    background-color: #fff;
    color:#1f81d1;
}