@charset "utf-8";
/*html,body{font-size: 65%;}*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,span, object, iframe{ padding: 0; margin: 0;  font-family:"微软雅黑";}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { display:block;border: 0; vertical-align:middle; width: auto\9; height: auto; width:100%; max-width: 100%;  vertical-align: middle; border: 0;  -ms-interpolation-mode: bicubic;}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:""; }
.clearfix:after{visibility: hidden;display: block;content:"";clear: both;font-size: 0;height: 0;}
.clearfix{zoom:1;}
.clear{ clear:both; width:0px; height:0px; overflow:hidden; }
.hide{ display:none; }
a,a span{outline: none; text-decoration: none!important; color: #5e5d5d; }
a:hover,a:hover span{ text-decoration:none; cursor:pointer; }
em,i{ font-style:normal; font-weight:normal; display:inline-block;}
#desrcon img{width:auto !important; height: auto !important;}
.inline-block{display:inline-block;margin-right: 5px;}
.row{margin-left:0;margin-right: 0px;}
.table tr:first-child td{border-top: none;}
.table tr td{text-align: center;}
.table tr td:first-child{text-align: left; }


/*-------字体大小设置-----*/

.fs-r08{font-size:0.8rem;}
.fs-r1{font-size:1rem;}
.fs-r11{font-size:1.1rem !important;}
.fs-r12{font-size:1.2rem !important;}
.fs-r13{font-size:1.3rem;}
.fs-r14{font-size:1.4rem;}
.fs-r15{font-size:1.5rem;}
.fs-r16{font-size:1.6rem;}
.fs-r17{font-size:1.7rem;}
.fs-r18{font-size:1.8rem;}
.fs-r19{font-size: 1.9rem;}
.fs-r2{font-size:2rem;}
.fs-r21{font-size:2.1rem;}
.fs-r22{font-size:2.2rem;}
.fs-r23{font-size:2.3rem;}
.fs-r24{font-size:2.4rem;}
.fs-r25{font-size:2.5rem;}

.fs-r4{font-size: 4rem;}

.lh2{line-height: 2rem;}
.lh6{line-height: 6rem;}

.lh3{line-height: 3rem  !important;}
.ht3{height:3rem;}
.ht4{height:4rem;}
.ellipsis{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

a:focus {
    outline:none;
    -moz-outline:none;
}
a:focus,a:hover{color:#000;}
label{font-weight: normal;}

input, textarea, option, textarea{border:none;}
textarea{resize: none;overflow:hidden;}

.borlf-red{border-left:.3rem solid #f94334;}
.borlf-blue{border-left:.3rem solid #1a71ff;}
.borlf-orange{border-left:.3rem solid #ff9e07;}

.vertbot{vertical-align:bottom;}

.prt{position: relative;}
.pat{position: absolute;}
.pointer{cursor:pointer;}

.row{margin-left:0;margin-right: 0px;}
.ofzm{overflow: hidden;zoom:1;}
.paddingno{padding-left:0px !important;padding-right: 0px !important;}
.padding5{padding-left:5px !important;padding-right: 5px !important;}
.txtleft{text-align: left !important;}
.txtright{text-align: right !important;}
.txtcenter{text-align: center !important;}
.txtjustify{text-align: justify !important;}
.txtindent{text-indent: 2.8rem;}
.underline{text-decoration:underline !important;}
.vmiddle{vertical-align:middle;}
.vtop{vertical-align:top;}
.overline{text-decoration:line-through;}
.mgauto{margin:0 auto;}
.p0{padding:0rem !important;}
.mb0{margin-bottom:0rem !important;}
.pb0{padding-bottom:0rem !important;}
.mt40{margin-top:4rem;}
.mt70{margin-top:7rem;}
.mt60{margin-top:6rem;}
.mt30{margin-top:3rem;}
.mt20{margin-top:2rem;}
.mr20{margin-right:2rem;}
.mb20{margin-bottom:2rem;}
.ml20{margin-left:2rem;}
.ml50{margin-left:5rem}
.mt15{margin-top:1.5rem;}
.mt10{margin-top:1rem;}
.mr10{margin-right:1rem;}
.ml10{margin-left:1rem;}
.mb10{margin-bottom:1rem;}
.mr5{margin-right:.5rem !important;}
.ml15{margin-bottom:1.5rem;}
.m15{margin:15px;}
.mt-15{margin-top:-1.5rem;}
.ml-5{margin-left:-5px;}

.mt5{margin-top:.5rem;}
.mb5{margin-bottom:.5rem;}
.ml5{margin-left:.5rem;}
.ml30{margin-left:3rem;}
.mr30{margin-right:3rem;}
.mr50{margin-right:5rem;}
.mb40{margin-bottom:4rem;}
.mt3{margin-top:.3rem;}
.ml100{margin-left:10rem;}
.pt5{padding-top:.5rem;}
.pb5{padding-bottom:.5rem !important;}
.pr0{padding-right: 0 !important;}
.pl5{padding-left: .5rem !important;}
.pr5{padding-right: .5rem !important;}
.pl10{padding-left: 1rem !important;}
.pl00{padding-left: 0rem !important;}
.pr00{padding-right: 0rem !important;}
.p10{padding: 1rem  !important; }
.p5{padding: .5rem !important;}
.ptd10{padding:1rem 0 !important;}
.pt12{padding-top: 1.2rem !important;}
.pt17{padding-top: 1.7rem !important;}
.pt7{padding-top: .7rem !important;}

.p15{padding: 1.5rem;}

.p20{padding: 2rem;}
.p30{padding: 3rem;}
.p40{padding: 4rem;}
.pr15{padding-right: 15px;}
.pl15{padding-left: 15px;}
.pt0{padding-top:0!important;}
.pr10{padding-right:1rem;}
.pt10{padding-top:1rem;}
.pb10{padding-bottom:1rem;}
.pb15{padding-bottom:1.5rem;}
.pl10{padding-left: 1rem;}
.pl20{padding-left: 2rem;}
.pr20{padding-right:2rem;}
.pr25{padding-right:2.5rem;}
.pt20{padding-top:2rem;}
.pb20{padding-bottom:2rem;}
.pl30{padding-left:3rem;}
.pr30{padding-right:3rem;}
.pt30{padding-top:3rem;}
.pb30{padding-bottom:3rem;}
.pb{padding-bottom:1rem;}
.pt40{padding-top:4rem;}
.pb40{padding-bottom:4rem;}
.pb170{padding-bottom:17rem;}

.colblue{color:#6088fc !important;}
.colblue2{color:#2074ff}
.colblue3{color:#5553ce;}
.colred{color:#e01d20;}
a.colred:hover,a.colred:focus{color:#e01d20;}
a.colorg:hover,a.colorg:focus{color:#ff6e1a;}

.col333{color:#333;}
.col666{color:#666;}
.colorg{color:#ff6e1a;}
.colorg2{color:#ff8e0d;}
.colorgback{color:#d99a55;}
.colgold{color:#cdac68;}
.colgrey{color:#e8e7e7;}
.colgrey2{color:#cbcbcb;}
.colgreen{color:#3fb860;}
.col999{color:#999;}
.col000{color:#000;}
.colddd{color:#ddd;}
.colfff{color:#fff;}
.colpink{color:#f99e8c;}
.colpurper{color:#e48bf1;}
.colgreen{color:#62c65b;}
.colyellow{color:#fed173;}
.colyellow2{color:#ffef65;}
.cole35561{color:#e35561;}
.colaaa{color:#aaa;}
.colfc2020{color: #fc2020;}
.coldarkpink{color:#a48a6b;}

a.colfff:hover ,a.colfff:focus{color:#fff;}
a.col333:hover ,a.col333:focus{color:#333;}
a.cole35561:hover, a.cole35561:focus {color: #e35561;}
input,button,a {
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
}

.nobg{background:none !important;}
.bgred{background:#e73a34 !important;}
.bggrey{background:#f8f8f8 !important;}
.bggrey2{background:#f3f4f6; }
.bgfff{background:#fff;}
.bggold{background:#eecc90}
.bgeee{background:#eee;}
.bgfa{background: #fafafa !important;}
.bgorange{background:#fc8a40;}
.bggreen{background:#49dab6;}
.bggreen2{background:#43b962;}

.bgblue{background:#35b4fb;}
.bgorange2{background:#ff9b69;}
.bgyel{background:#fdc636;}

.block{display: block;}
.fontwrap{border-radius: 3px;border: 1px solid #ddd;padding: 2px 4px;color:#fff;}
.borblue{border: 1px solid #108ee9;padding: 2px 4px;color:#108ee9;}

.borccc{border:1px solid #ccc!important;}
.bor{border:1px solid #eee!important;}
.borright{border-right:1px solid #eee !important;}
.borleft{border-left:1px solid #eee !important;}
.borleft999{border-left:1px solid #999 !important;}
.bortop{border-top:1px solid #eee;}
.borbtm{border-bottom:1px solid #eee;}
.borbtm-black{border-bottom:1px solid #333;}
.borbtmdash{border-bottom:1px dashed #eee;}
.borbtmdash3{border-bottom:3px dashed #eee;}
.bortopdash{border-top:1px dashed #eee;}
.borightdash{border-right:1px dashed #eee;}
.borleftdash{border-bottom:1px dashed #eee;}
.borbtmddd{border-bottom:1px solid #ddd;}
.borno{border:none !important;}

.borradius{border-radius: 5px !important}
.borradius30{border-radius: 30px !important}
.bortrradius{border-radius: 5px 5px 0 0;}

.icohead{width:18px;height:18px;display: inline-block;margin-right: 5px;}
.icoimg{width:25px;height:25px;display: inline-block;margin-right: 5px;}
.icoarrow{width:10px;height:17px;display: inline-block;margin-right: 5px;}
.w20{width:19.99999999%;}
.wd12{width:11.5%;}
.wd15{width: 15%;}
.wd17{width: 17%;}
.wd20{width:20%;}
.wd25{width:25%;}
.wd26{width:26%;}
.wd30{width:30%;}
.wd32{width:32%;}
.wd36{width:36%;}
.wd33{width:33.333333333%;}
.wd40{width:40%;}
.wd43{width:43%;}
.wd45{width:45%;}
.wd49{width:49%;}
.wd50{width:50%;}
.wd60{width:60%;}
.wd70{width:70%;}
.wd75{width:75%}
.wd10{width: 10%}
.wd80{width:80%;}
.wd82{width:82%;}
.wd85{width:85%;}
.wd90{width: 90%}
.wd100{width:100%;}
.wdx100{width:100px;}
.wdx120{width:120px;}
.wdx200{width:200px;}
.wdx300{width:300px;}

.ht100{height:100%;}
.htx280{height:280px;}
.htx135{height:135px;}

.fbold{font-weight: bold;}
.htitle{border-left: 4px solid #d83e35;padding:3px 10px 3px 10px;margin:7px 0;font-size: 1.4rem;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff;}
.morecircle{background:#eee;border-radius: 50%;}
.usemore-wrap{overflow: hidden;zoom:1;padding:10px;}
.usemore-wrap .usemore-item{float:left;width:5rem;margin-right: 1rem;margin-top:.5rem;}
.usemore-wrap .usemore-item img{width:5rem;height:5rem;}
.usemore-wrap .usemore-item p{margin-bottom:.5rem;font-size: 1.2rem;height:2rem;}
.usemore-wrap .litmore-item{margin-left: 1%;float:left;}
.usemore-wrap  .usemore-item.shape-pack{line-height: 7rem;text-decoration:underline;text-align:center;}
.item-tag{background-size:contain !important;width:48px!important;height:48px !important;left:-8px;top:-8px;}
.product-item .item-tag:first-child{}
.item-tag span{font-size: 10px !important;}
.item-tag2 span{padding-left:0 !important;margin-left:-21px !important;}
.btn-block + .btn-block {margin-top:.7rem;}



/*tab*/

/*btn*/

/* 登录 */



.nav li {float: left;display: inline-block;}
.nav li a {display: block;text-align: center;line-height: 3rem;color: #000;font-size: 1.6rem;}
.nav .active a, .nav a:hover {color: #e5404e;}


/*region common 组件样式*/
.no-padding{padding: 0px;}
.form-control,.input-group{border-radius: 0;}
.input-group .btn{border-radius: 0;}
.search.input-group{width: 476px;}
.search.input-group .input-group-btn{border-width: 1px;}
.search.input-group .btn{background-color: #207bc9;color: #fff;width: 78px;}
/*region 分页*/
.page-line {
    text-align: center;
}
.page-line li a {
    margin-right: 5px;
    border-radius: 2px !important;
    color: #999;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}
.page-line li.active a {
    background: #1369c0;
    color: #fff;
    border: 1px solid #1369c0;
}
.page-line > div {
    display:inline-block;
    position: relative;
    top: -32px;
    margin-left: 10px;
}
.page-line span {
    color: #999;
    font-size: 14px;
}
.page-line > span {
    position: relative;
    top: -32px;
}
.page-line > div input {
    display: inline-block;
    font-size: 14px;
    width: 30px;
    margin: 0 5px;
    border: 1px solid #ddd;
    height: 30px;
}
/*endregion*/

/*endregion*/

/*头部*/
.top-header>.row,.logo-header>.row,.nav-wrap>.nav,.page-footer .dept,.page-footer>.row,.index-box{width: 1200px;margin: auto;}
.top-header{color: #5e5d5d;font-size: 12px;background-color: #f9f9f9;}
.top-header .nav>li{padding: 7px 20px;position: relative;}
.top-header .welcome{padding: 7px 0px;}
.top-header .welcome>a{padding: 0px 10px;}
.red{color: #ee4d31;}
.logo-header{padding: 35px 0 25px 0;}
.logo-header .logo{width: 250px;height: 60px;}
.logo-header .hot-words{margin-left: 10px;}
.logo-header .hot-words>a{display: inline-block; padding: 10px 5px;font-size: 12px;}
.line-v{position: absolute;right: 0;top:8px; display: inline-block;width: 1px; background-color: #ddd;height:14px;}

/*导航菜单*/
.nav-wrap{font-size: 16px; background-color:#1369c0;}
.nav-wrap.on-banner{    background-color: #207bc9;position: absolute; top:0; width: 100%; z-index: 11;}
.nav-wrap>.nav{}
.nav-wrap>.nav>ul li,.nav-wrap>.nav>.pro-c{display: block;float: left;height: 43px;line-height: 43px; color:#fff;width: 130px;text-align: center;position: relative;}
.nav-wrap>.nav>ul li a {height: 43px;line-height: 43px; color:#fff;font-size:16px;}
.nav-wrap>.nav>ul li a.active{background-color: rgba(255,255,255,.2);}
.nav-wrap>.nav>.pro-c{background-color:rgba(14,29,49,.3); width: 230px;position: relative;cursor: pointer;}
.nav-wrap .tip{position: absolute;top:-8px;left: 60%;width: 30px;height: 20px;}
.nav-wrap .tip.tip-new{background: url("../../images/icon-new.png");}
.nav-wrap .tip.tip-hot{background: url("../../images/icon-hot.png");}
.banner-wrap{position: relative;z-index: 10;}
.banner-wrap .hd{position: absolute;bottom: 32px;left: 48%; z-index: 101;}
.banner-wrap .hd li{width: 18px;height: 17px;background: url("../../images/pagination_bullet.png"); float: left;margin: 0 3px;cursor: pointer;}
.banner-wrap .hd li.on{background: url("../../images/pagination_bullet_active.png");}
/*.banner-wrap .bd{overflow-x: hidden;}*/
.banner-wrap .bd li{position: absolute;top:0;left:0;}
.banner-wrap .bd li:first-child{position: static;}
.sub_nav {display:none;}
.sub_nav li {background-color: #2987e6; }
.sub_nav li:hover {background-color: #207bc9; }

.main-container{position: relative;min-height: 600px;}
/*底部*/
.page-footer{background-color: #373d41;color:#d7d8d9;}
.page-footer .dept-wrap{padding: 13px 0;border-bottom:1px solid #4b5054;}
.page-footer .dept{font-size: 14px;}
.page-footer .dept>li{float: left;padding: 0px 10px;}
.page-footer .dept>li:first-child{font-size: 16px;padding-left: 0;}
.page-footer .qr{float:right;padding: 10px 0 6px 0;}
.page-footer .qr img{width: 90px;height: 90px;margin: auto;}
.page-footer .qr span{display: block;text-align: center;}
.page-footer .info{padding-top: 20px;}

/*首页*/
.btn-more{border: 1px solid #e5e5e5; padding: 3px 20px;color: #666;border-radius: 13px;font-size: 14px;}
.index-box{margin-top:12px; }
.index-box>.title{padding: 18px 0;}
.index-box>.title>h1{font-size: 28px;color: #333; display: inline;}
.index-box>.title>span{padding: 0 20px;color: #666;}
.index-box .btn-more{float: right;}
.index-box .row{padding-bottom: 20px;}
.index-products .category{color: #fff;float: left;width: 264px;height: 299px;padding: 31px 10px 8px 20px;}
.index-products .category>h2>a{font-size: 20px; display: block;padding-bottom: 13px;}
.index-products .category>div>a{font-size: 16px;float: left;width: 50%;padding: 15px 0;}
.index-products .category a{color: #fff;}
.index-products .category .more{font-size: 16px;padding: 15px 0;display: block;}
.index-products>.row{margin-bottom: 20px;}
.index-products>.row> .product-list{}
.index-products>.row> .product-list>a{float: left;width: 312px;display: block;height: 299px;border: 1px solid #ddd; border-top: none;border-left: none;padding: 25px;position: relative;}
.index-products>.row> .product-list>a:first-child{border-left: none;}
.index-products>.row> .product-list img{width: 176px;margin: auto;}
.index-products>.row> .product-list .info{position: absolute;bottom: 0;width: 100%;left: 0;padding: 0 20px;}
.index-products>.row h4{    text-align: center;font-weight: bolder;color: #333;}
.index-products>.row p{    text-align: center;font-size: 12px;color: #999;padding: 12px 0;}
.index-products>.row .price{font-size: 14px;color: #b49251;float: right;}

.index-products .row-1{border-top:2px solid #5375ba;}
.index-products .row-1 .category{background:url("../../images/index_p_item_1.jpg"); background-position: left -1px;}

.index-products .row-2{border-top:2px solid #ea903b;}
.index-products .row-2 .category{background:url("../../images/index_p_item_2.jpg"); background-position: left -1px;}

.index-products .row-3{border-top:2px solid #77a866;}
.index-products .row-3 .category{background:url("../../images/index_p_item_3.jpg"); background-position: left -1px;}

.index-products .row-4{border-top:2px solid #4fd2ba;}
.index-products .row-4 .category{background:url("../../images/index_p_item_4.jpg"); background-position: left -1px;}

.index-products .row-5{border-top:2px solid #499dec;}
.index-products .row-5 .category{background:url("../../images/index_p_item_5.jpg"); background-position: left -1px;}

.index-products .row-6{border-top:2px solid #f7894e;}
.index-products .row-6 .category{background:url("../../images/index_p_item_6.jpg"); background-position: left -1px;}

.index-box-wrap{padding:10px 0 30px 0;}
.index-box-wrap.stripe{background-color: #f6f7fb;}

.zhhshch>.row{width: 1220px;}/*1200+20px*/
.zhhshch>.row>a{padding: 0;}
.zhhshch .wrap{margin-right: 20px;background-color: #fff;height: 287px;}
/*.zhhshch>.row>a:last-child .wrap{margin-right: 0;}*/
.zhhshch h4{color:#000;font-size: 16px;padding-bottom: 20px;}
.zhhshch p{color:#999;}
.zhhshch .info{padding: 20px;}
.zhhshch .tab{height: 40px;}

.corporation .wrap{border: 1px solid #eee;padding: 15px 0;}
.corporation .wrap img{width: 117px;height: 80px;margin: auto;}
.project-docking .wrap{height: 217px;overflow: hidden;}
.project-docking .wrap>.info>p:last-child{padding-top: 20px;}

.sub-pro-c{position: absolute;top:43px;left:0;display: none;}
.sub-pro-c>a{color: #fff;background-color: rgba(31,74,138,.9);text-align: left;display: block;padding: 0px 26px 0px 24px;width: 245px;}
.sub-pro-c>a>.descp1{font-size: 14px;line-height: 23px;padding: 6px 0px 0px 0px;}
.sub-pro-c>a>.descp{line-height: 23px;color: #c7d0da;font-size: 12px;border-bottom: 1px solid rgba(0,0,0,.38);padding-bottom: 4px;}
.sub-pro-c>a:last-child>.descp{border-bottom: none;}
.sub-pro-c>a.active{background-color: #207bc9;}
.sub-pro-c>a.active>.descp{border-bottom-color: transparent;}

.tris-pro-c-wrap{display: none;}
.tris-pro-c{ overflow-y:scroll; height: 342px;display: none; position: absolute;top:43px;left:246px;background-color: #fff;width: 927px;text-align: left;z-index: 100;box-shadow: 0px 3px 10px 1px #d5dff6;}
.tris-pro-c:first-child{display:block;}
.tris-pro-c h4{color: #666; font-weight: bolder; padding: 6px 0; }
.tris-pro-c a{color: #666;font-size: 12px;padding: 6px 12px 6px 0px;}
.tris-pro-c .pr-list{line-height: 20px;}
.tris-pro-c .item{margin: 10px 20px;}
.tris-pro-c .item>div>p{ position: relative;color: #666;font-size: 14px;font-weight: bolder;}
.tris-pro-c>div:first-child{border-right: 2px solid #fbfbfb;}
.tris-pro-c .brand-list{border-bottom: 1px solid #fbfbfb; height: 100px; }
.tris-pro-c .brand-list>a{float: left;width: 50%;padding: 13px 28px;display: block;}
.tris-pro-c a.ad{padding: 0;}

/*region 企业页面*/
.start-corp a{display: block;border: 1px solid #eee;}
.start-corp>div{padding: 0 20px 0 0;}

.condition{border: 1px solid #e5e5e5;margin-top: 20px;}
.condition .item{margin: 26px 10px;}
.condition .item>span,.condition .item>a{float: left;padding: 2px 10px; margin: 0 4px; }
.condition .item>span{color:#999;}
.condition .item>a{color:#000;}
.condition .item>a.active{color:#fff;background-color: #54a0e0;border-radius: 4px;}
.search-box{background-color: #f4f4f4;padding: 18px 26px;border: 1px solid #e5e5e5; border-top: none;}
.search-box>a{color:#888;margin-right: 26px;}
.search-box>a.active{color:#ee4d31;}
.search-box i{font-size: 13px;color: #999;}
.search-box .search2{margin-top: -7px;}

.search2{width: 362px;}
.search2 .btn{background-color: #1369c0; color: #fff;}
.search2 .btn>i{color:#fff;}

/*企业列表*/
.corp-list{margin: 30px 0 0px 0;}
.corp-list>.item{float: left;border: 1px solid #e5e5e5;width: 380px;margin-right: 28px;margin-bottom: 26px;}
.corp-list>.item:nth-child(3){margin-right: 0px;}
.corp-list>.item img{height: 179px;}
.corp-list>.item p{margin: 20px;color:#666;}
.corp-list>.item a{display: block;margin: 20px;color: #999;}
.corp-list .op{padding: 10px;border-top: 1px solid #ddd;}
.corp-list .op>div{padding: 0 26px 0 26px;float: left;position: relative;}
.corp-list .op>div:first-child{padding-left: 10px;}
.corp-list .op>div:after{width: 1px; height: 100%; background-color: #ddd;content: " "; display: block;position: absolute; top:0;right: 0;}
.corp-list .op>div:last-child:after{display: none;}
.corp-list .op i{color: #f9732a;}
.corp-list-wrap .page-line{padding-bottom: 10px;}
/*endregion*/