/*-------------------宽度，高度---------------------*/
.w60{
    width: 60px;
}
.w68{
    width: 68px!important;
}
.w114{
    width: 114px;
}
.w142{
    width: 142px;
}
.w151{
    width: 151px;
}
.w160{
    width: 160px;
}
.w170{
    width: 170px;
}
.w230{
    width: 230px;
}
.w320{
    width: 320px;
}
.wb20{
    width: 20%;
}
.wb80{
    width: 80%;
}
.wb95{
    width: 95%;
}


.h36{
    height: 36px;
}
.h70{
    height: 70px;
}
.h140{
    height: 140px;
}
.h170{
    height: 170px;
}
.h180{
    height: 180px;
}
.h186{
    height: 186px;
}
.h260{
    height: 260px;
}
.h300{
    height: 300px;
}
.h330{
    height: 330px;
}
.h380{
    height: 380px;
}
.h400{
    height: 400px;
}
/*---------------------行高-----------------------*/
.line25{
    line-height: 25px;
}
.line36{
    line-height: 36px;
}
.line55{
    line-height: 56px;
}


/*---------------------margin,padding-------------------------*/
.mart50{
    margin-top: 50px;
}
.mart80{
    margin-top: 80px;
}
.marz25{
    margin-left: 25px;
}
.marz40{
    margin-left: 40px;
}
.marz_5{
    margin-left: -5px;
}


.padt40{
    padding-top: 40px;
}
.padb40{
    padding-bottom: 1.5rem;
    padding-top: 1rem;
}

.padzy2{
    padding: 0 2px;
}
.pad20{
    padding: 20px;
}
.padb20{
    padding-bottom: 20px;
}

.pad0{
	padding:0;
}

/*------------------------边框----------------------------*/
.borra4{
    border-radius: 4px;
}
.borra14{
    border-radius: 14px;
}

.borc7{
    border: 1px solid #c7c7c7;
}
.boreee{
    border: 2px solid #eeeeee;
}
.borde{
    border: 1px solid #dedede;
}
.borf4{
    border: 1px solid #f4f4f4;
}
.borac{
    border: 1px solid #acacac;
}
.borccc{
    border: 1px solid #cccccc;
}


.borbe93{
    border-bottom: 4px solid #e93039;
}
.borbccc{
    border-bottom: 1px solid #cccccc;
}
.borrccc{
    border-right: 1px solid #cccccc;
}
.bordbcc{
    border-bottom: 1px dashed #cccccc;
}

/*--------------------------字体大小,颜色----------------------------*/
.font13{
    font-size: 13px;
}
.font15{
    font-size: 15px;
}
.font25{
    font-size: 25px;
}
.font34{
    font-size: 34px;
}
.font60{
    font-size: 60px;
}

.c999{
    color: #999999;
}
.c666{
    color: #666666;
}
.cee7{
    color: #ee7678;
}
.ce7e{
    color: #e7e6e6;
}
.ce7e a{
    color: #e7e6e6;
}
.cb2b{
    color: #b2b1b1;
}
.cb2b a div.mart10{
    color: #b2b1b1;
}
.cd35{
    color: #d35251;
}
.c410{
    color: #41b0df;
}
.cd35{
    color: #d35251;
}
.cccc{
    color: #cccccc;
}
.cf0a{
    color: #f0adac;
}
.ced5{
    color: #ed5554;
}
/*-----------------------------背景色-----------------------------*/
.bacf7{
    /*background-color: #f7f8fa;*/
}
.bac38{
    background-color: #383736;
}
.bacdc{
    background-color: #dcdcdc;
}
.bactran{
    background-color: transparent;
}
.baceb{
    background-color: #ebebeb;
}
.bacf2{
    background-color: #f2f2f2;
}
.taocan2 table .bacf2{
    background-color: #f2f2f2;
}
.bacf5{
    background-color: #f5f5f6;
}


/*-------首页-------*/
.serach{
    line-height: 27px;
}
.serach img{
    display: inline-block;
}

.serach input{
    width: 110px;
}

.dropdown-menu > li > a{
    padding: 0;
line-height: 25px;
}
.dropdown-menu{
    padding-top: 20px;
    min-width: 0;
    width:100%;
    box-shadow: none;
    border: 0;
    text-align: center;
}
.navbar-nav > li > a{
    padding: 0;
    width:120px;
    border-right: 1px solid #e3e3e3;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.nav > li > a:hover, .nav > li > a:focus{
    background-color: #ffffff;
    border-color: #e3e3e3;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    color: #f45655;
}
.dropdown-menu > li > a{
    color: #999;
}
.bs-docs-nav .navbar-toggle .icon-bar{
background-color: #563d7c;
}


/*banner*/
.carousel-indicators li{
    width: 28px;
    height: 4px;
    background-color: rgba(255,255,255,.28);
    border: 0;
    border-radius: 0;
    margin: 0;
}
.carousel-indicators .active{
    width:28px;
    height: 4px;
    background-color: #d35251;
}
/**/
.hv1 .col-sm-4:hover{
box-shadow: 0px 2px 7px #efe0e0;
}
.hv1 div.mart40{
    padding-right: 0;
}
.swiper-slide{
    position: relative;
    line-height: 100%;
    /*min-width:250px;*/
}
.ove_hid{
    overflow: hidden;
}
.line-limit-length {
    /*width: 100%;*/
    /*max-width: 6rem;*/
    /*margin: 0 auto;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list{
    /*list-style-type: square;*/
    list-style: square inside url(http://file.graspishop.com/iShop/images/list.png);
    /* color: #ea5e62;*/
}
.chakan{
    display: inline-block;
    width: 87px;
    border: 1px solid #acacac;
    line-height: 23px;
}
.list li:hover *{
    text-decoration:underline;
}
.zhezhao{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.swiper-container .zhezhao{
    line-height: 230px;
}
.swiper-container .swiper-slide:hover .zhezhao{
    display: block;
}

/*联系方式*/
.lianxi{
    width:1170px;
    position: fixed;
    left: 50%;
    margin-left: -600px;
    top: 30%;
}
.lianxi ul{
    position: absolute;
    right: -61px;
}

.lianxi ul li{
    background-color: white;
    width: 60px;
    height: 60px;
}
.lianxi ul li.dianhua .div{
    /*background-color: white;*/
    width: 60px;
    height: 60px;
}
.lianxi ul li:hover{
    background-color: #d35251;
    color: white;
}
.lianxi ul li.dianhua:hover{
   width: 222px;
    /*background-color: #d35251;*/
}

.lianxi ul li.dianhua:hover .hide,.lianxi ul li.ewm_box:hover .hide{
display: block;
}
.ewm{
    right: 77px;
    top: -47px;
}
.sanjiao{
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -6px;
    height: 0;
    border: 6px solid transparent;
    border-left: 8px solid #dedede;
    border-right: 0;
}
.sanjiao s{
    height: 0;
    border: 5px solid transparent;
    border-left: 7px solid white;
    border-right: 0;
    left: -8px;
    top: -5px;
}



/*.indeximg {
    width:100%;
border-collapse:   separate;   border-spacing:   10px; 
}

.indeximg td {
    text-align:center;
}*/

.container {
    width: 1200px;
}

.indeximg {
    display:flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.indeximg > li {
    float:left;
    /*width:100%;*/
    margin: 0 0 50px 10px;
    display:flex;
    max-width: 400px;
}

.indeximg > li > div {
    width:100%;
}

.indeximg > li img {
    width:100%;
}


.indeximg > li span {
    color:red;
    float:left;

}


/*首页结束*/


/*--------免费试用-------*/
.shiyong input{
    text-indent: 10px;
}
.shiyong input::placeholder{
    color: #999999;
}
.shiyong .form-control{
    box-shadow: none;
}

/*----------操作文档------------*/
.caozuo ul li:hover{
    background-color: #f7f8fa;
}
.fenye ul{
    display: inline-block;
}
.fenye s.font13{
   position: relative;
    top: -11px;
}
.fenye ul li.active{
    background-color: #ff6666;
    color: white;
}
.fenye ul li{
    color: #666666;
    width: 35px;
    line-height: 35px;
    float: left;
    margin-left: 11px;
    height: 35px;
    border-radius: 1px;
    border: 1px solid #f4f4f4;
}
.fenye ul li.w74{
    width: 74px;
}
.fenye ul li.w54{
    width: 54px;
}
@font-face {
    font-family: 'fGothic';   /*字体名称*/
    src: url("../Franklin%20Gothic%20Book%20Italic.ttf") format('truetype');       /*字体源文件*/
}
.fontfgo{
    font-family: fGothic;
}
/*----------演示视频----------*/
.row_a{
    margin-left: -45px;
    margin-right: -45px;

}
.row_a .col-sm-4{
    padding: 0 45px;
}
.row_b{
    margin-left: -20px;
    margin-right: -20px;
}
.row_b .wb20{
    padding: 0 20px;
}

/*-------------新闻中心--------------*/
.imgpos1{
    position: relative;
    top: -2px;
}
.gengduo{
    position: absolute;
    bottom: 0;
    width: 87px;
    border-radius: 1px;
    line-height: 22px;
    /*height: 22px;*/
    display: inline-block;
}
.text_in2rem{
    text-indent: 2rem;
}

/*------------关于我们----------------*/
.about_y{
    position: relative;
    top: 1px;
    width: 9px;
    height: 9px;
    background-color: #d35251;
    border-radius: 50%;
}
.about_xian{
    width: 50px;
    margin-left: 7px;

    border-bottom: 1px solid #d35251;

}
.licheng_xian{
position: absolute;
left: 79px;
    top: 6px;
    border-left: 1px solid #d9d9d9;
    height:100%;
}

table b,table span{
    display: block;
    text-align: center;
}
table s{
 padding-right: 10px;
    padding-top: 5px;
}


/*--------------产品中心--------------*/
.btn_goumai{
    border-radius: 20px;
    padding: 8px 31px;
    font-size: 16px;
}
.carousel-caption{
    color: #ececec;
    font-size: 18px;
    right: inherit;
    bottom: inherit;
    top: 20%;
    text-align: left;
    text-shadow: none;
}
.hove_2:hover .zhezhao{
    display: none;
}
.hove_2 .zhezhao strong{
    position: absolute;
    top: 50%;
left: 50%;
    margin-left: -36px;
    font-size: 18px;
    margin-top: -9px;
    font-weight: inherit;
}
.wb14{
    width: 14.28%;
}
.sj_1{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px;
    border: 13px solid transparent;
    border-bottom: 12px solid #f5f5f6;
    border-top: 0;
}
a:hover, a:focus{
    color: #f45655;
}
.c3_tab .wb14{
    height: 120px;
}
.bg_goumai{
	background-image: url(../images/b_goumai_2.png);
	height: 168px;
	background-size: cover;
	background-position: center;
}
.bg_goumai .btn.bacw{
    position: absolute;
    right: 8%;
    top: 58px;
}
.posrt15{
    position: relative;
    top: 13px;
}
.hover_boxs a>div:hover{
    box-shadow: 0px 1px 4px #dddddd;
}

/*产品2*/
.c4_ydbg{
    background-image: url("../images/c2.png");
    background-position: bottom center;
    background-size: cover;
    height: 600px;
}
