@charset "utf-8";
.tb80{ padding: 80px 0; }
.mt20{ margin-top: 20px; }
.cor{ cursor: pointer; }
.back-color{ background: #f7f7f7; }
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.cbth{ display: block;background: var(--color);width: 140px;height: 45px;line-height: 45px;text-align: center;color: #fff;border-radius: var(--radius);font-weight: bold; }
.cbth:hover{color: #fff; }
.clay{ cursor: pointer; }
/*HeaderSTART*/
.header .htop{ background: #333;height: 45px;line-height: 45px; color: #fff; }
.header .hcontent,
.header .contact-tel{ height: 136px; }
.header .hcontent{ background: #fff; }
.header .logo{ display: flex;align-items: center;height: 136px; }
.header .logo img{ width: 400px; }
.header .contact-tel{ display: flex;align-items: center; }
.header .cpatents{ display: block;width: 150px;height: 50px;background: var(--color);color: #fff;font-size: 16px;
    border-radius: var(--radius);border: 0;cursor: pointer;
}
.header .cpatents.demand {background: none;border: 1px solid var(--color);color: var(--color);margin-right: 10px;}
.header .nav {background-color: var(--color);height: 66px;font-size: 0}
.header .nav .item {    color: #fff;
    font-size: 18px;
    width: 145px;
    display: inline-block;
    line-height: 66px;
    text-align: center;}
.header .nav .item.on,.header .nav .item:hover {background-color: #1b754b}
/*SlidesSTART*/
.vslide{ position: relative; }
.swiper-container { width: 100%;height: auto;background: #fff; }
.slide-usezans .swiper-slide {
    position: relative;
    height:600px;
    text-align: center;
    font-size: 18px;
    background: #f0f0f0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{
    --swiper-navigation-size: 57px;
}
.slide-usezans .swiper-slide .aurl{ display: block; width: 100%;height: 100%; position: absolute;top: 0;left: 0;z-index: 60;}
.vslide .text {position: absolute;
    top: 50%;
    transform: translateY(-60%);
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 100%;}
.vslide .text .title {font-size: 65px;width: 840px;margin: 0 auto;}
.vslide .text .longtitle{font-size: 24px;margin-top: 15px;}
.vslide.channel .text .title {font-size: 36px;text-align: left;margin: 0;}
.vslide.channel .text .longtitle{font-size: 16px;margin-top: 5px;text-align: left;}
/** homesearch **/
.homesearch{ position: absolute;bottom: 180px;left: 50%; width: 1220px;margin: 0 0 0 -610px; z-index: 650 }
.homesearch .left{ position: relative; background: #fff;height: 90px;border-radius: 10px;overflow: hidden; }
.homesearch .left .vkeys{ float: left; width: calc(100% - 260px);padding: 0 20px;height: 90px;border: 0;outline: none;font-size: 20px; }
.homesearch .left .inquiry{ float: right; width: 220px;height: 90px;border: 0;background: var(--color);font-size: 26px;color: #000; }
.homesearch .problem,.homesearch .problem a{ color: #fff; }
.homesearch .problem{ padding: 15px 20px 0; }
.homesearch .problem a{ margin-right: 10px; }
.homesearch .problem img{ margin-right:7px;vertical-align: -3px; }
.homesearch .left .layceng{position: absolute;top: 0;left: 0; display: block;width: 100%;height: 90px;cursor: pointer; z-index: 68 }
/** vsearch **/
.vsearch{margin-top: -47px; position: relative;z-index: 2; }
.vsearch .left,
.vsearch .left .vselect{ height: 88px; }
.vsearch .left{ position: relative; width: calc(100% - 280px);background: #fff;border: 1px solid #e6e6e6; }
.vsearch .left .vselect{ display: flex;align-items: center; width: 152px;border-right: 1px solid #e6e6e6;}
.vsearch .left .vselect select{ width: 100%; margin: 0 25px;height: 50px;border: 0; }
.vsearch .left .vkeys{ float: left; display: block; width: 476px;height: 88px;border: 0;padding: 0 25px; }
.vsearch .left .inquiry{position: absolute;top:-1px;right:-1px; width: 262px;height: 90px; background: var(--color);
    color: #000;border: 0;font-size: 18px; z-index: 6 }
.vsearch .right{ width: 260px;height: 90px; background: var(--color); }
.vsearch .right .vbuy{ width: 100%;border: 0;background: var(--color);font-size: 18px;line-height: 90px; }
.vsearch .problem{ padding: 15px 28px 0; }
.vsearch .problem span{ color: #999; }
.vsearch .problem a{ color: #333;margin-right: 20px; }
/*FooterSTART*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ background: #0b111a; }
.footer .ftop{ padding: 60px 0 50px; }
.footer .rcode{ width: 120px;text-align: center; }
.footer .rcode p{ color: #fff;padding-top: 10px; }
.copyright{ padding: 30px 0;border-top: 1px solid #2d2d2d; text-align: center}
.copyright a{ color: #999; margin-right: 10px;}
/*++------------------------
/*++  Plate-Home
/*++------------------------*/
.hcommon{ text-align: center;padding-bottom:45px; }
.hcommon h5{ font-size: 48px;color: #000; }
.hcommon p{ font-size: 16px;color: #666; }
/** vchoose **/
.vchoose ul li{ float: left; width: calc((100% / 3) - 17px);margin-right: 25px;background: #f7f7f7; }
.vchoose ul li:last-child{ margin-right: 0; }
.vchoose ul li .imgs{ width: 100%;height: 210px; }
.vchoose ul li .remark{ padding: 25px 25px 40px; }
.vchoose ul li .remark h5{ font-size: 24px;color: #000; }
.vchoose ul li .remark p{ font-size: 16px;color: #666;margin: 15px 0 40px; }
.vchoose ul li .remark a{ display: inline-block; font-size: 16px;padding: 18px 35px;color: #333; background: #fff;border-radius: var(--radius); }
.vchoose ul li .remark a:hover{ background: var(--color) }
/** favorite **/
.favorite{ background:#f7f7f7 }
.favorite ul li{  float: left; width: calc((100% / 5) - 20px);margin-right: 25px; }
.favorite ul li:last-child{ margin-right: 0; }
.favorite ul li strong{ display: block; font-size: 70px;font-weight: bold;text-align: center;color: #fbe49d; }
.favorite ul li .remark{position: relative; padding: 50px 15px 40px; background: #fff;text-align: center;margin-top: -32px; }
.favorite ul li .remark h5{ font-size: 28px;color: #000; }
.favorite ul li .remark p{ font-size: 16px;color: #666;margin: 15px 0 50px; }
.favorite ul li .remark a{ margin: 0 auto;background: #151817;color: var(--color);border-radius: 65px; }
.favorite ul li:hover .remark h5{ color: var(--color); }
.favorite ul li:hover .remark a{ background: var(--color);color: #000; }
/** hproblem **/
.hproblem ul li{ float: left;width: calc((100% / 4) - 17px);margin-right: 20px;height: 238px; border: 1px solid #e1e1e1;border-radius: 10px;
    text-align: center;transition: all .3s; }
.hproblem ul li:last-child{ margin-right: 0; }
.hproblem ul li .remark{
    height: 238px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.hproblem ul li .remark h5{ font-size: 20px;color: #000; }
.hproblem ul li .remark a{ width: 160px;height: 0; border-radius: 65px;margin: 20px auto 0;overflow: hidden;cursor: pointer; transition: all .3s; }
.hproblem ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1);border-color: transparent; }
.hproblem ul li:hover .remark a{ height: 45px; }

/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 40px; }
.comm-title h3{ float: left; font-size: 40px;color: #000; }
.comm-title .sam{ float: left;margin:30px 0 0 20px; }
.comm-title .sam p{ float: left; }
.comm-title .sub{ font-size: 16px;color: #666;margin-right: 30px; }
.comm-title .type a{ position: relative; font-size: 20px;color: #000;padding: 0 15px; }
.comm-title .type a:after{ position: absolute;top:7px;right: 0; display: block;width:1px;height: 17px;background: #000;
    content: "";transform: rotate(18deg); z-index: 68 }
.comm-title .type a:last-child:after{ display: none; }
.comm-title .more{ color:#666;font-size: 16px;margin-top: 33px; }
/*** ucolumn ***/
.ucolumn{ margin-top: 80px; }
.ucolumn .left{ width: 260px; }
.ucolumn .right{ width: calc(100% - 290px); }
.ucolumn .right ul li{ float: left; width: calc((100% / 3) - 22px);height: 309px; margin:0 30px 30px 0; border: 1px solid var(--borcor); }
.ucolumn .right ul li:nth-of-type(3n){ margin-right: 0; }
.ucolumn .right ul li:nth-of-type(n+4){ margin-bottom: 0; }
.ucolumn .right ul li .imgs{ display: flex;align-items:center;height: 219px;border-bottom: 1px solid var(--borcor); }
.ucolumn .right ul li .imgs img{ display: block; max-width: 100%;margin: 0 auto; max-height: 100%}
.ucolumn .right ul li .remark{ text-align: center; }
.ucolumn .right ul li .remark h5{ font-size: 16px;color: #000;padding: 15px 5px 10px;}
.ucolumn .right ul li .tag span{ padding: 3px 12px; font-size: 13px;color: #999;border: 1px solid var(--borcor);margin: 0 3px; }
/*** boutique ***/
.boutique{ padding: 80px 0 55px; }
.boutique .vcate{ background: #f7f7f7;padding: 30px; }
.boutique .vcate a{ float: left; display: block;width: calc((100% / 6) - 25px);text-align: center;height: 45px;line-height: 45px;
    margin: 0 30px 30px 0;background: #fff;font-size: 16px; }
.boutique .vcate a:nth-of-type(6n){ margin-right: 0; }
.boutique .vcate a:nth-of-type(n + 7){ margin-bottom: 0; }.scontent .intro .limg, .scontent .intro .rtxt
.boutique .vcate a:hover{ background: var(--color); }
/** tab **/
.boutique .tab{ text-align: center;padding: 70px 0 50px; }
.boutique .tab a{ position: relative; font-size: 28px;color: #999;margin: 0 15px;cursor: pointer; }
.boutique .tab a:after{ position: absolute;bottom: -10px;left: 0; display: block;width: 100%;height: 3px;
    background: transparent; content: "";z-index: 66 }
.boutique .tab a.on{ color: #333; }
.boutique .tab a.on:after{ background: var(--color); }
/** tab-list **/
.boutique .tab-list .vcontent{ display: none; }
.boutique .tab-list ul li{ float: left;width: calc((100% / 5) - 22px);margin:0 25px 25px 0;border: 1px solid var(--borcor); }
.boutique .tab-list ul li:nth-of-type(5n){ margin-right: 0; }
.boutique .tab-list ul li .imgs{ width: 100%;height: 150px;overflow: hidden; text-align: center;}
.boutique .tab-list ul li .imgs img{ max-width: 100%;height: 100%; }
.boutique .tab-list ul li .remark{ padding-bottom: 25px; border-top: 1px solid var(--borcor); }
.boutique .tab-list ul li .remark{ text-align: center; }
.boutique .tab-list ul li .remark h5{ font-size: 16px;color: #000;padding: 15px 0 10px; height: 50px}
.boutique .tab-list ul li .tag span{ padding: 3px 12px; font-size: 13px;color: #999;border: 1px solid var(--borcor);margin: 0 3px; }
/*** trade ***/
.trade{ background: #f7f7f7;padding: 70px 0 90px; }
.trade ul li{ width: calc((100% / 5) - 20px); float: left; background: #fff;margin-right: 25px; }
.trade ul li:nth-of-type(5n){ margin-right: 0; }
.trade ul li strong{ display: block;background: var(--color);font-size: 36px;text-align: center;padding: 9px 0; color: #fff;}
.trade ul li .imgs{ width: 50px;height: 50px;margin: 35px auto 20px; }
.trade ul li .imgs img{ width: 100%; }
.trade ul li .remark{ text-align: center;padding: 0 0 40px; }
.trade ul li .remark h5{ font-size: 22px;color: #000;padding-bottom: 5px; }
.trade ul li .remark p{ font-size: 15px;color: #666; }
/***---------------
LIst
-------------------***/
/** page **/
.page-content{ min-height: calc(100vh - 547px); padding: 30px 0; }
.page-content h1{ font-size: 18px;color: #000;padding-bottom: 20px; }
/** list **/
.vlist{ padding: 50px 0 0; }
.lsearch{ position: relative; width: 862px;height: 70px;background: #fff; margin: 0 auto;border-radius: 10px;overflow: hidden; }
.lsearch img{ float: left;display: block;margin: 23px 17px 0; }
.lsearch .vkeys{ float: left; display: block;width: calc(100% - 226px);height: 70px;border: 0;outline: none; }
.lsearch .linquiry{ float: left; display: block;width: 170px;height: 70px;background: var(--color);color: #fff;border: 0; }
/** cnbannse **/
.cnbannse{ width: 100%;height: 600px; }
.cnbannse .remark{width: 1000px;height: 600px; display: flex;flex-direction: column;justify-content: center; color: #fff; }
.cnbannse h5{ font-size: 70px;padding-bottom: 10px;font-weight: lighter; }
.cnbannse .desc{ font-size: 16px;line-height: 27px; }
.cnbannse .desc .copen{ color: #ffda01;cursor: pointer;padding-left: 10px;  }
/** filter **/
.filter{ position: relative; padding: 45px 0 40px; }
.curent{ color: #999; }
.curent a{ position: relative; color: #999;padding: 0 8px; }
.curent a:nth-of-type(1){ padding-left: 0; }
.curent a:after{ position: absolute;top:0;right:-5px; display: block;width: 10px;height: 15px; background: url("../images/icon-right.png") no-repeat center right;
    background-size: 5px;content: "";z-index: 6 }
.curent a:last-child:after{ display: none; }
.filter .vcount{ position: absolute;top:44px;right: 0;padding-right: 28px; font-size: 16px;color: #999;background: url("../images/icon-bottom.png") no-repeat center right; z-index: 6 }
.filter .vcount strong{ color: #000;padding: 0 3px; }
/** condition **/
.condition{ background: #fff;margin-top: 25px; }
.condition .screen {border-bottom: 1px solid #ebebeb; padding: 20px 0;}
.condition .vcate{ padding: 12px 20px; }
.condition .vcate span{ display: block;float: left;font-size: 16px;color: #000;margin-right: 10px; }
.condition .vcate .rtxt{ float: left; }
.condition .vcate .rtxt a{ background:transparent;padding: 5px 14px;border-radius: 5px; }
.condition .vcate .rtxt a.on{ background: var(--color); color: #fff;}
.condition .complex{ height: 70px; }
.condition .left ul li{ position:relative;float:left;padding:0 20px;font-size:16px;line-height:70px;cursor:pointer; }
.condition .left ul li:after{ position:absolute;top:28px;right:-1px; width:1px;height:14px;background:#e1e1e1;content:"";z-index:66; }
.condition .left ul li a{ color:#999; }
.condition .left ul li.cx i{ display:inline-block;width:16px;height:16px;background:url("../images/icon-cx.png") no-repeat 0 0;margin-left:3px;vertical-align:-2px; }
.condition .left ul li.rd i{ display:inline-block;width:10px;height:6px;background:url(../images/icon-rd.png) no-repeat 0 0;margin-left:3px;vertical-align:2px; }
.condition .left ul li.on a{ color: #000; }
.condition .left ul li .lay-down{
    display: none;
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0;
    padding: 0 0 10px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    z-index: 89;
}
.condition .left ul li .lay-down a{ display: block; }
.condition .left ul li.rd:hover .lay-down{ display: block; }
.condition .right{ line-height: 70px;padding: 0 40px;border-left: 1px solid #ebebeb;font-size: 16px; }
.condition .right a{ display: none;width:8px;height:14px; }
.condition .right a.plt{ background: url("../images/icon-left.png");background-size: 8px; }
.condition .right a.prt{ background: url("../images/icon-right.png");background-size: 8px; }
.condition .right span{ padding: 0 18px; }
/** vlist **/
.vlist h6{ font-size: 40px;color: #000;padding-bottom: 35px; }
.vlist .lis .us li{ float: left; width: calc((100% / 4) - 15px);margin: 0 20px 20px 0;background: #fff;transition: all .3s; }
.vlist .lis .us li:nth-of-type(4n){ margin-right: 0; }
.vlist .lis .us li .imgs a{ display: flex;align-items: center;height: 220px;border-bottom: 1px solid var(--borcor);overflow: hidden; }
.vlist .lis .us li .imgs img{ max-width: 100%;height: 100%; margin: 0 auto; }
.vlist .lis .us li .remark{ padding: 25px 20px 20px; }
.vlist .lis .us li .remark h5{
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.vlist .lis .us li h5 a{ font-size: 18px;color: #000;font-weight: bold; }
.vlist .lis .us li .tm{ padding: 3px 0 20px; }
.vlist .lis .us li .tm span{ color: #666; }
.vlist .lis .us li .tm b{ border: 1px solid #dcdcdc;color: #fe0000;border-radius:5px;margin-left: 8px;font-size: 12px;padding: 2px 5px; }
.vlist .lis .us li .vfree{ padding-bottom: 10px; }
.vlist .lis .us li .vfree .price{ position: relative; font-size: 26px;color:#000;font-weight: bold; }
.vlist .lis .us li .vfree .price:before{ display: inline-block;width: 9px;height: 12px;background:url(../images/icon-price.png) no-repeat;
    content: "";margin-right: 5px; }
.vlist .lis .us li .consult{ width: 118px;height: 38px;line-height: 38px; display: block; font-size: 16px;border: 1px solid #dcdcdc;color: #000;border-radius: 5px;text-align: center; }
.vlist .lis .us li .consult:hover{ background: var(--color);border-color: var(--color); color: #fff;}
/** vlist citylis **/
.vlist.citylis .filter{ padding-top: 0; }
.vlist.citylis .condition{ margin-top: 0; }
.vlist.citylis .childers{ padding: 20px; }
.vlist.citylis .childers a{ display: block;float: left;margin-right: 30px;color: #666; }
.vlist.citylis .childers a.on{ color: #000;font-weight: bold; }
/*** Show ***/
.scontent .curent{ padding: 30px 0; }
.scontent .sleft{ width: 890px; }
.scontent .sright{ width: 310px; }
.scontent .intro{ border: 1px solid #f1f0f0;background: #fff; }
.scontent .intro .limg,
.scontent .intro .rtxt{ }
.scontent .intro .limg{ width: 360px; padding: 25px}
.scontent .intro .limg .img {display: flex;align-items: center;justify-content: center;border: 1px solid #f1f0f0;width: 360px;height: 360px;}
.scontent .intro .limg img{ max-width: 90%; max-height: 90%}
.scontent .intro .limg .text{margin-top: 20px;color: #999;}
.scontent .intro .limg .text p {line-height: 30px;}
.scontent .intro .limg .collect{color: #999;margin-top: 25px;cursor: pointer;}
.scontent .intro .limg .collect img {margin-right: 5px;margin-top: -4px;}
.scontent .intro .rtxt{ width: calc(100% - 450px);padding: 0 25px 0 15px; }
.scontent .intro .rtxt h1{ font-size: 24px;color: #000;padding: 30px 0 10px; }
.scontent .intro .rtxt .tags span{ padding: 3px 12px; color: #999;font-size: 13px;border: 1px solid #ebebeb;margin-right: 8px; }
.scontent .intro .rtxt .price{ padding: 0 12px;margin: 20px 0; height: 50px;line-height: 50px; background: #f7f7f7;color: #ff0000;font-size: 24px;border-radius: 5px; }
.scontent .intro .rtxt .desc p{ line-height: 25px;color: #000; margin-top: 15px}
.scontent .intro .rtxt .desc .title{ display: inline-block;width: 120px;color: #999;font-size: 15px;float: left }
.scontent .intro .rtxt .desc .content {width: 310px;display: inline-block;}
.scontent .intro .rtxt .sbuy{ width: 200px;height: 50px;line-height: 50px; font-size: 16px;margin-top: 35px; color: #fff;margin-bottom: 35px;}
.scontent .intro .bottom{ border-top: 1px solid #f1f0f0;line-height: 60px; }
.scontent .intro .bottom ul li{ float: left; width: calc((100% / 4) - 1px);text-align: center;border-right: 1px solid #ebebeb; }
.scontent .intro .bottom ul li:last-child{ border-right-color:transparent; }
.scontent .intro .bottom ul li a{ font-size: 15px;color: #999; }
.scontent .intro .bottom ul li a img{ margin-right: 5px; }
/** shead **/
.scontent .shead{ padding:0 65px;height:80px;line-height:80px;margin-top:20px;background:#f0f0f0; }
.scontent .shead.fixs{ width: 760px; position: fixed;top: 0;left: calc((100% - 1220px) / 2);margin: 0; z-index: 66 }
.scontent .shead a{ position:relative; font-size:16px;color:#999;margin-right:70px;cursor: pointer; }
.scontent .shead a:after{ position: absolute;bottom: -31px;left: 0;width: 100%;height: 3px;background:transparent;content: ""; }
.scontent .shead a.on{ color:#000; }
.scontent .shead a.on:after{ background: var(--color); }
/** vdetail **/
.vdetail{ background: #fff;border: 1px solid #f1f0f0; }
.vdetail.ntbor{ border-top: 0; }
.vdetail.mt20{ margin-top: 20px; }
.vdetail .cname{ font-size: 30px; height: 97px;line-height: 97px;text-align: center;color: #000;border-bottom: 1px solid #f1f0f0; }
.vdetail .param {    padding: 30px 20px;
    border-bottom: 1px solid #f1f0f0;}
.vdetail .param h6{    font-size: 20px;
    color: #000;
    padding-bottom: 15px;}
.vdetail .param .cont{background-color: #222d30;border-radius: var(--radius);}
.vdetail .param .cont .title {color: #7c7d7e;
    width: 215px;
    line-height: 45px;padding: 10px 0;}
.vdetail .param .cont .title div{border-bottom: 1px solid #2a3a3b;text-indent: 40px;}
.vdetail .param .cont .title div:last-child {border: 0;}
.vdetail .param .cont .val{    width: 623px;
    background-color: #fff;
    margin: 10px 10px 10px 0;
    line-height: 45px;}
.vdetail .param .cont .val div{border-bottom: 1px solid #ebeff1;text-indent: 20px;}
.vdetail .param .cont .val div:last-child {border: 0;}
.vdetail .content{ padding: 30px 20px; }
.vdetail .content .cremark h6{ font-size: 20px;color: #000;padding-bottom: 15px; }
.vdetail .content .cremark .cscontent{ font-size: 16px;color: #666; }
.vdetail .content .cremark .cscontent p{ line-height: 28px; }
.vdetail .content img{ max-width: 100%; }
.vdetail .cdown{ width: 200px;height: 50px;line-height: 50px; font-size: 16px;margin: 30px 0 50px 20px;cursor: pointer; overflow: hidden; }
.vdetail .cdown img{ margin-right: 8px;vertical-align: -3px; }
/*** evaluate ***/
.evaluate h6{ font-size:20px;color:#000;padding-bottom:15px; }
.evaluate .eleft{ width:430px; }
.evaluate .eleft ul li{ height:15px;margin-bottom:30px;color:#666;font-size:16px; }
.evaluate .eleft ul li em{ position:relative;display:inline-block;width:300px;height:15px;background:#f8fbfd;border-radius:65px;
    margin:0 10px;overflow:hidden; }
.evaluate .eleft ul li em i{ position:absolute;top:0;left:0;display:block;height:15px;background:#f97612;z-index:68; }
.evaluate .eright{ width:300px; }
.evaluate .eright .radios .percircle{ background: #fbac63; }
.evaluate .eright .radios .percircle:after{background: #fff;}
.evaluate .eright .radios .percircle span{ color: #f85e00; }
.evaluate .eright .fanks{ display:flex;align-items:center;flex-direction:column;justify-content:center;width:140px;height:126px;background:#f8fbfd; }
.evaluate .eright .fanks p{ color: #999;line-height: 28px;font-size: 12px; }
.evaluate .tscore{margin-top: 15px; font-size: 18px;color: #000; }
.evaluate .tscore strong{ font-size: 36px;color: #ff1212;padding-left: 20px; }
/** evaluategz **/
.evaluategz{ padding: 30px 20px 0;border-top: 1px solid #eee; }
.evaluategz h6{ font-size:20px;color:#000;padding-bottom:15px; }
.evaluategz h6 span{ color: #999;padding-left: 10px; }
.evaluategz .cscontent{ font-size: 16px;color: #666;line-height: 28px; }
/*** expert ***/
.expert{ margin: 20px;padding: 20px; border: 1px solid #f1f0f0; }
.expert .avatar{ position: relative; width: 343px;display: flex;align-items: center;border-right: 1px dashed #f1f0f0; }
.expert .avatar:after{  }
.expert .avatar img{ margin-right: 20px; }
.expert .avatar .rtxt h5{ font-size: 20px;color: #000; }
.expert .avatar .rtxt p{ color: #999;padding: 10px 0; }
.expert .interpret{ width: calc(100% - 369px); padding-left: 25px; }
.expert .interpret h5{ font-size: 20px;color: #000;padding-bottom: 5px; }
.expert .interpret p{ color: #666; }
.expert .interpret a{ color: #ff1212; }
/*** scommon ***/
.scommon{ background: #fff;border: 1px solid #f1f0f0; }
.scommon .cname{ font-size: 28px;color: #000;text-align: center; }
/** ltrade **/
.ltrade .cname{ padding: 30px 0; }
.ltrade .cons{ padding: 0 20px 45px;border-bottom: 1px solid #eee; }
.ltrade ul li{ float: left; width: calc((100% / 5) - 10px); margin-right: 12px;text-align: center; }
.ltrade ul li:nth-of-type(5n){ margin-right: 0; }
.ltrade ul li strong{ display: block; font-size: 48px;font-weight: bold;color: #a3ccb0; }
.ltrade ul li .remark{ position: relative; padding: 20px 6px; border: 1px solid #ebebeb;border-radius: 5px;margin-top: -18px;background: #fff; }
.ltrade ul li .remark h5{ font-size: 18px;color: #000;padding-top: 12px;}
.ltrade ul li .remark em{ display: block;width: 25px;height: 2px;background: #b2b2b2;margin: 10px auto; }
.ltrade ul li .remark p{ color: #666; }
/** transfer **/
.transfer .cname{ padding: 40px 0 25px; }
.transfer .cons{ margin: 0 20px 20px;padding-bottom: 10px; background: #000;border-radius: 5px; }
.transfer .head{ height: 56px;line-height: 56px; }
.transfer .head span{ display: block;float: left;text-align: center;color: #fff;font-size: 16px; }
.transfer .head span:first-child{ width: 485px;border-right: 1px solid #596163; }
.transfer .head span:last-child{ width: calc(100% - 486px); }
.transfer .material,
.transfer .material .right{ height: 237px; }
.transfer .material{ margin: 0 10px; background: #fff;overflow: hidden; }
.transfer .material .left{ width: 475px;border-right: 1px solid #f6f6f6; }
.transfer .material ul li{ height: 118px;line-height: 118px; }
.transfer .material ul li:last-child{ background: #f7f7f7; }
.transfer .material ul li span{ position: relative; float: left; display: block;width: 50%;text-align: center;font-size: 16px; }
.transfer .material ul li span:first-child:after{ position: absolute;top: 0;right: 0;content: "";width: 1px;height: 100%;background: #efefef; }
.transfer .material .right{ display: flex;align-items: center;flex-direction: column;justify-content: center;width: calc(100% - 476px); }
.transfer .material .right p{ font-size: 16px;line-height: 26px; }
.transfer .material .right a{ margin-top: 20px; }
/** safety **/
.safety{ padding: 0 20px 45px; }
.safety .cname{ padding: 30px 0; }
.safety ul li{ float: left; width: calc(100% / 4); text-align: center; }
.safety ul li h5{ font-size: 16px;color: #000;padding-top: 12px;font-weight: bold; }
/** sgg **/
.sgg{ padding: 0 20px; }
/** question **/
.question{ padding: 0 20px 50px; }
.question .cname{ padding: 45px 0; }
.question ul li{ margin-bottom: 30px; }
.question ul li h5{ position: relative; font-size: 18px;color: #000;font-weight: bold;padding-bottom: 5px; }
.question ul li h5:before{ content: "Q:" }
.question ul li p{ position: relative; font-size: 16px;color: #999;line-height: 24px; }
.question ul li p:before{ content: "A:" }
.question .cbth{ width: 170px; margin: 20px auto 0; }
/*** advantage ***/
.advantage{ padding: 55px 0 60px; }
.advantage .comm-title h3{ font-size: 28px; }
.advantage .comm-title .sam{ margin: 15px 0 0 10px; }
.advantage ul li{ float: left;width: calc((100% / 4) - 11px);margin-right: 12px;background: #fff;border-radius: 10px; border: 1px solid #dcdcdc;}
.advantage ul li:last-child{ margin-right: 0; }
.advantage ul li .remark{ padding: 20px 20px 45px; }
.advantage ul li h5{ font-size: 18px;color: #000;height: 36px;line-height: 36px; }
.advantage ul li p{ color: #666;margin-top: 20px; }
/*** Right-adviser ***/
.adviser{ padding: 15px; border: 1px solid #f1f0f0;background: #fff; }
.adviser .staff{ display: flex;align-items: center; }
.adviser .staff img{ margin-right: 15px; }
.adviser .staff .remark h5{ font-size: 20px;color: #000;font-weight: bold; }
.adviser .staff .remark span{ display: inline-block; padding: 5px 10px; font-size: 13px;color: #fff;background: var(--color);
    border-radius: var(--radius);margin: 3px 0 10px; }
.adviser .staff .remark p{ font-size: 13px;color: #999; }
/** intel **/
.adviser .intel{ margin: 15px 0; }
.adviser .intel a{ float: left; display: block;width: 128px;height: 43px;line-height: 43px; border: 1px solid #f1f0f0;border-radius: var(--radius);
    color: #000;text-align: center; }
.adviser .intel a:last-child{ float: right; }
.adviser .intel a img{ margin-right: 6px; }
.adviser .stips{ padding:15px; background: #e5f5ee;border-radius: var(--radius);text-align: center; }
.adviser .stips p{ color: #000;font-size: 13px; }
.adviser .tdynamics h3{ font-size: 20px;color: #000;margin: 30px 0 10px; }
.adviser .tdynamics .tdyslide{ height: 270px;overflow: hidden; }
.adviser .tdynamics .swiper-slide{ line-height: 38px; }
.adviser .tdynamics .swiper-slide span{ padding-right: 8px; }
/** ymlove **/
.ymlove{ padding:30px 15px 15px; border: 1px solid #f1f0f0;background: #fff; }
.ymlove h3{ font-size: 20px;color: #000;padding-bottom: 20px; }
.ymlove ul li{ text-align: center; }
.ymlove ul li .imgs{ position: relative; border: 1px solid #f1f0f0; }
.ymlove ul li span{ position: absolute;top: 9px;right: 9px; display: block;width: 78px;height: 23px;line-height: 23px; text-align: center;
    font-size: 12px; color: #999;border:1px solid #ebebeb;background: #fff; }
.ymlove ul li .remark{ padding: 20px 0 25px; }
.ymlove ul li .remark h5{ font-size: 16px;color: #666; }
.ymlove ul li .remark p{ font-size: 18px;color: #000;padding-top: 3px; }
/*** Help ***/
.page-help{ padding: 25px 0 30px; }
.page-help .fixleft{ width: 200px;background: #fff; }
.page-help .fixleft h5{ background: var(--color);font-size: 18px;color: #000;height: 60px;line-height: 60px; text-indent: 25px; }
.page-help .fixleft ul{ padding: 10px 0; }
.page-help .fixleft ul li{ height: 45px;line-height: 45px;text-indent: 25px;font-size: 15px;cursor: pointer;color: #666; }
.page-help .fixleft ul li.on{ color: #000;font-weight: bold; }
.page-help .hright{ width: 995px;background: #fff; }
.page-help .hright .cons{ padding: 0 40px; }
.page-help .hright .title{ padding: 25px 0;border-bottom: 1px solid #ebebeb; }
.page-help .hright .title h1{ font-size: 30px;color: #000; }
.page-help .hright .remark{ padding: 30px 0;border-bottom: 1px solid #ebebeb; }
.page-help .hright .remark:last-child{ border-bottom: 0; }
.page-help .hright .remark h5{ font-size: 18px;color: #000;font-weight: bold;padding-bottom: 20px; }
.page-help .hright .remark p{ color: #666; }
.page-help .hright .remark p strong{ color: #000; }
/*** team-content ***/
.team-content{ min-height: calc(100vh - 547px); padding: 30px 0; }
.team-content .title{ padding-bottom: 20px;border-bottom: 1px solid #ebeaea;margin-bottom: 20px; }
.team-content .title h1{ font-size: 18px;color: #000;padding-bottom: 5px; }
.team-content .title p{ color: #666; }
/***----------------
 Pages
 -------------------***/
.pages{ text-align: center;padding: 35px 0; }
.pages ul li{ display: inline-block;padding: 0 16px;margin: 0 3px; height: 40px;line-height: 40px;background: #fff;border-radius: 5px; }
.pages ul li.gopage{ padding: 0; background: transparent;font-size: 15px;color: #999; }
.pages ul li.gopage .inps{ width: 38px;height: 38px;border: 1px solid #c8c8c8;border-radius: 5px;text-align: center;margin: 0 5px;color: #999; }
.pages ul li.gopage .gosub{ display: inline-block;width: 50px;height: 40px;border-radius: 5px;background: var(--color);border: 0;margin-left: 12px;cursor: pointer; color: #fff}
.pages ul li a{ font-size: 16px; }
.pages ul li.disabled{ display: none; }
.pages ul li.active{ background: var(--color); color: #fff;}

/***** permit ****/
.permit {background-color: #f7f7f7;padding: 30px 0;}
.permit .screen {    width: 235px;
    background-color: #fff;
    padding: 20px;}
.permit .screen .title{font-size: 20px;}
.permit .screen .input {margin-top: 20px;}
.permit .screen .input .t {font-weight: bold;margin-bottom: 5px;}
.permit .screen .input .input-text {width: calc(100% - 24px);    padding: 12px;
    border: 1px solid #cecece;}
.permit .screen .input .input-select{    width: 100%;
    padding: 12px;
    border: 1px solid #cecece;appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;background: url(../images/icon-bottom1.png) no-repeat scroll 205px center transparent;}
.permit .screen .input .input-select::-ms-expand { display: none; }
.permit .screen .input .input-date {    width: calc(50% - 28px);
    padding: 12px;
    border: 1px solid #cecece;}
.permit .screen .input .btn {    display: inline-block;
    width: calc(50% - 5px);
    text-align: center;
    line-height: 40px;}
.permit .screen .input .submit {background-color: var(--color); color: #fff;border: 1px solid var(--color);}
.permit .screen .input .reset {background-color: #fff; border: 1px solid #cecece;}
.permit .list {    background-color: #fff;
    width: 920px;
    text-align: center;line-height: 25px;}
.permit .list th{text-align: center;
    border-left: 1px solid #cecece;
    background-color: #e6e6e6;font-size: 16px;font-weight: bold;padding: 10px}
.permit .list th:first-child {border-left: none}

.permit .list td {border: 1px solid #cecece;padding: 10px;
    border-right: none;border-bottom: none;}
.permit .list td:first-child {border-left: none}
.detail-lay {position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 1089;}
.detail-lay .cont {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 1220px;
    margin-left:-610px;
    overflow: hidden;
    background-color: #f5f8fe;padding: 20px 0;
}
.detail-lay .detail {width: 1170px;}
.detail-lay .detail .title {text-align: center;
    font-size: 26px;
    color: #285da7;
    line-height: 45px;}
.detail-lay .detail table {margin: 20px;}
.detail-lay .detail td {border: 1px solid #eeeeee;line-height: 30px;padding: 10px 10px;}
.detail-lay .detail .t {background-color: #fafafa;font-weight: bold;text-align: right;width: 190px;}
.detail-lay .detail .v {background-color: #fff;width: 350px;}
.detail-lay .close {position: absolute;
    right: 20px;
    top: 20px;cursor: pointer}
/***** permit ****/

/***** demand-form ****/
.black-bg {z-index: 100;
    position: fixed;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    height: 100%;
    top: 0;
    left: 0;}
.demand-lay {display: none}
.demand-lay .cont {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 580px;
    margin-left:-340px;
    overflow: hidden;
    background-color: #fff;padding: 30px 50px;
    z-index: 101;
}
.demand-lay .head .title {font-size: 24px;}
.demand-lay .head .close {position: absolute;
    right: 25px;
    top: 25px;cursor: pointer}
.demand-lay .layui-form .title {font-size: 16px;
    font-weight: bold;
    margin-top: 15px;margin-bottom: 15px}
.demand-lay .layui-form .layui-form-item {margin-top: 15px;}
.demand-lay .layui-form .layui-form-item .t {    width: 110px;line-height: 30px;
    float: left;}
.demand-lay .layui-form .layui-form-item .input-text {width: 430px;padding: 0 10px;
    line-height: 30px;
    border: 1px solid #dcdcdc;}
.demand-lay .layui-form .btn {margin-top: 15px;margin-left: 110px;}
.demand-lay .layui-form .btn button {width: 180px;height: 40px;line-height: 40px;text-align: center;cursor: pointer}
.demand-lay .layui-form .btn .submit {color: #fff;background-color: var(--color);border: 1px solid var(--color);margin-right: 10px}
.demand-lay .layui-form .btn .cancel {border: 1px solid #dcdcdc;}
/***** demand-form ****/

/***** demand ****/
.demand .tab a {font-size: 30px; color: #999;margin-right: 30px;padding-bottom: 5px;}
.demand .tab a:hover{color: #000;}
.demand .tab a.on {color: #000; border-bottom: 3px solid var(--color);}
.permit.demand .list {width: 100%; margin-top: 50px;}
.permit.demand .list .tel {position: relative}
.permit.demand .list .tel span {    display: none;
    position: absolute;
    bottom: calc(50% - 40px);
    right: 0;
    width: 211px;
    background-color: var(--color);
    color: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;}
/***** demand ****/
.permit.deal .list {width: 100%; margin-top: 25px;}

/***** news ****/
.news .tab {padding: 20px 0;border-bottom: 1px solid #cecece}
.news .tab a {display: inline-block;width: 100px;height: 40px;line-height: 40px;text-align: center;}
.news .tab a:hover {background-color: var(--color);color: #fff;}
.news .tab a.on {background-color: var(--color);color: #fff;}
.news .list .item{height: 180px;border-bottom: 1px solid #cecece;padding: 30px 0;}
.news .list .item img {width: 280px;height: 180px;margin-right: 25px;}
.news .list .item .title {margin-top: 50px;}
.news .list .item .title h5 {font-size: 24px;}
.news .list .item .title .date {color: #666;margin-top: 20px;}
.news-detail {background-color: #f7f7f7;padding: 30px 0;}
.news-detail .cont {background-color: #fff;padding-top: 30px;margin-top: 30px;}
.news-detail .title {text-align: center;border-bottom: 1px solid #cecece;padding: 30px;}
.news-detail .title h1 {font-size: 30px;}
.news-detail .title p {color: #999;margin-top: 10px;}
.news-detail .detail {padding: 30px;border-bottom: 1px solid #cecece;}
.news-detail .relation {padding: 30px;}
.news-detail .relation a {display: block;margin-bottom: 10px;color: #999;}
.news-detail .relation a:hover {color: #333;}
/***** news ****/

/***** partner ****/
.partner {background-color: #f7f7f7;padding: 30px 0;}
.partner .list img {width: 230px; height: 145px;    margin: 0 5px 15px;}
.partner .cont {margin-top: 40px;}
.partner .cont h5 {font-size: 30px;font-weight: bold;margin: 20px 0;}
/***** partner ****/

/***** index ****/
.news-index {padding: 50px 0;}
.news-index .top {vertical-align: middle}
.news-index .top h3 {font-size: 40px;display: inline-block;}
.news-index .top .tab a{font-size: 16px;width: 100px;height: 40px;line-height: 40px;text-align: center;display: inline-block;margin-top: 15px;cursor: pointer}
.news-index .top .tab a.on {background-color: var(--color);color: #fff;}
.news-index .tab-list {margin-top: 35px;height: 350px;display: none}
.news-index .tab-list:first-child{display: block;}
.news-index .tab-list img {width: 550px;height: 350px;margin-right: 35px;}
.news-index .tab-list .list {width: 635px;}
.news-index .tab-list .list .item {border-bottom: 1px solid #cecece;position: relative;padding: 27px 0;}
.news-index .tab-list .list .item:first-child {border-top: 1px solid #cecece;}
.news-index .tab-list .list .item h5 {font-size: 18px;font-weight: bold;width: 550px;}
.news-index .tab-list .list .item .date {color: #a7a7a7;    position: absolute;right: 0;top: 32px;}
.news-index .tab-list .list .item p {color: #666;margin-top: 15px;}
.hall {    background-color: #f7f7f7;
    margin-top: 50px;}
.hall .container{padding: 80px 0;}
.hall .title {text-align: center;}
.hall .title h3{font-size: 40px;}
.hall .title p{    font-size: 16px;
    color: #666;}
.hall .cont-img {    display: block;
    margin: 50px auto;}
.hall .btn {    text-align: center;}
.hall .btn button {    outline: 0;
    width: 150px;
    height: 50px;
    margin: 0 10px;    border-radius: var(--radius);cursor: pointer}
.hall .btn .clay {color: var(--color);
    background-color: #fff;
    border: 1px solid var(--color);}
.hall .btn .supply {color: #fff;
    background-color: var(--color);
    border: 1px solid var(--color);}
/***** index ****/