
.bg-gray {
    background-color: #f5f5f5 !important;
}
.crumbs {
    padding: 20px 0;
    color: #666;
}
/**关于我们**/
.about-left {
    margin: 30px 30px 30px 0;
    width: 220px;
    float: left;
}
.about-right {
	float: right;
    margin: 25px 0 30px 0;
    width: 940px;
}

.about-left .left-header {
    height: 127px;
    background: url(../images/about_bg.png) no-repeat;
    overflow: hidden;
}
.about-left .left-header h3 {
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.about-left .left-header span {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.about-left .list {
    padding: 10px;
    background-color: #f5f5f5;
}
.about-left .list a {
    display: block;
    padding: 15px 20px;
    margin-bottom: 10px;
    font-size: 15px;
}
.about-left .list .on {
    font-weight: bold;
    color: #2a7efb;
    background-color: #fff;
}
.about-left .list a i {
    float: right;
    margin-top: 3px;
    color: #aaaaaa;
}
.about-right .header {
    display: flex;
    justify-content: space-between;
}
.about-right .header h3 {
    padding-bottom: 10px;
    font-size: 30px;
    border-bottom: #2a7efb solid 1px;
}
.about-right .header div {
    flex: 1;
    border-bottom: #dddddd solid 1px;
}

.team-part a {
    display: block;
    float: left;
    margin-right:25px;
    margin-top: 30px;
    box-shadow: 0 10px 5px #f5f5f5;
}
.team-part a h5 {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.team-part a .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
/**发展历史**/
.history-box {
    background: url(../images/history-box-line.png) repeat-y 8px 0;
    overflow: hidden;
}
.history-box .history-part {
    margin-top: 20px;
    background: url(../images/history-box-round.png) no-repeat 2px 0;
}
.history-box .history-part a {
    display: block;
    padding: 20px;
    margin-left: 38px;
    margin-bottom: 20px;
    border: #bfdaff solid 1px;
}
.history-box .history-part a .title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.history-box .history-part a .title span {
    margin-right: 10px;
    font-size: 50px;
    color: #bfdaff;
    font-weight: normal;
}

.honor-part {
    overflow: hidden;
}

.honor-part .honor-title {
    margin-top: 20px;
    background: url(../images/honor-part-bg.png) no-repeat bottom;
}
.honor-part .honor-title i {
    display: block;
    font-size: 16px;
    font-style: italic;
}

.honor-part .honor-title i span {
    color: #ffa200;
    font-size: 50px;
}
.honor-part a {
    display: block;
    float: left;
    margin-right: 37px;
    margin-top: 30px;
}
.honor-part a h5 {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.photo-class {
    margin: 30px 0 0 0;
    overflow: hidden;
}

.photo-class a {
    display: block;
    padding: 10px 30px;
    float: left;
    margin-right: 20px;
    border: #dddddd solid 1px;
    font-size: 16px;
}

.photo-class .on {
    background-color: #2a7efb;
    color: #fff;
    border: #2a7efb solid 1px;
}

.news {
    margin: 20px 0;
    overflow: hidden;
}
.news .left {
    width: 200px;
    background-color: #f5f5f5;
    float: left;
}
.news .left .left-header {
    padding: 18px;
    background-color: #2a7efb;
}
.news .left .left-header h3 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}
.news .left .left-header span {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.news .left .left-menu {
    border-bottom: #fff solid 1px;
}
.news .left .left-menu .on {
    background-color: #fff;
    color: #2a7efb;
}
.news .left .left-menu a {
    display: block;
    padding: 15px 30px;
    margin: 10px 0;
}
.news .left .left-contact .code {
    margin: 20px 0;
    text-align: center;
    display: block;
}
.news .left .left-contact .code img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.news .left .left-contact .tel {
    padding: 0 20px;
    margin-bottom: 20px;
}
.news .left .left-contact .tel .header {
    margin-bottom: 10px;
    color: #999;
    overflow: hidden;
}
.news .left .left-contact .tel .header img {
    float: left;
    margin: 0 10px 0 0;
}

.news .middle {
    float: left;
    width: 700px;
    margin-left: 30px;
}
.news .middle .picSlider{ width: 700px; height: 287px; overflow: hidden; position: relative;}
.news .middle .picSlider .hd{ position: absolute; bottom: 0; right: 0; left: 0; padding: 0 15px; line-height: 45px; height: 45px; background: #000; filter:alpha(opacity:66); background: rgba(0,0,0,.7);}
.news .middle .picSlider .hd ul{ padding: 14px 0;}
.news .middle .picSlider .hd li{ display: inline-block; cursor: pointer; margin-left: 5px; width: 12px; height: 12px; background: #808080; border-radius: 100%; -webkit-border-radius: 100%;}
.news .middle .picSlider .hd li.on{ background: #fff;}
.news .middle .picSlider .hd ul{ float: right;}
.news .middle .picSlider .bd img{ width: 700px; height: 287px;}
.news .middle .picSlider .news_tit{ width: 70%;}
.news .middle .picSlider .bd ul li a{ position: relative;display: block;}
.news .middle .picSlider .bd ul li a span{ width: 287px; z-index: 1000; padding-left: 10px; display: block; position: absolute; bottom: 17px; color: #fff; font-size: 14px;}
.news .middle .list{ margin-top: 30px; overflow: hidden;}
.news .middle .list .header{ display: flex; justify-content: space-between;}
.news .middle .list .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .middle .list .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .middle .list .part{ }
.news .middle .list .part a{ display: block; overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: #f1f1f1 solid 1px;;}
.news .middle .list .part a img{ float: left; margin-right: 20px; width: 224px; height: 140px;}
.news .middle .list .part a h3{ font-size: 20px; margin-bottom: 10px; margin-top: -5px; }
.news .middle .list .part a p{ color: #999; margin-bottom: 10px;}
.news .right { width: 240px;float: right;}
.news .right .search{ overflow: hidden; }
.news .right .search .header{ display: flex; justify-content: space-between;}
.news .right .search .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .search .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .search .inputbox{ margin: 20px 0; overflow: hidden; }
.news .right .search .inputbox input{ float: left; padding-left: 10px; width: 175px; height: 40px; background-color: #f5f5f5; }
.news .right .search .inputbox a{ float: left; display: block; width: 55px; height: 40px; line-height: 40px; background-color: #2a7efb; font-size: 24px; text-align: center; color: #fff; }

.news .right .label .header{ display: flex; justify-content: space-between;}
.news .right .label .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .label .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .label .list{ margin-top: 20px;}
.news .right .label .list a{ display: inline-block; padding: 14.5px; margin-bottom: 5px; background-color: #f5f5f5; color: #999; font-size: 12px;}
.news .right .label .list a:hover{ background-color: #2a7efb; color: #fff;}

.news .right .news-menu{ overflow: hidden;}
.news .right .news-menu .header{ display: flex; justify-content: space-between; }
.news .right .news-menu .header h3{ padding-bottom: 5px; font-size: 20px; color: #2a7efb; border-bottom: #2a7efb solid 5px; }
.news .right .news-menu .header div{ flex: 1; border-bottom: #f5f5f5 solid 5px;}
.news .right .news-menu .list{ margin-bottom: 30px; display: flex; flex-wrap: wrap; }
.news .right .news-menu .list a{ display: block; width: 95px; padding: 10px; margin-right: 10px; margin-top: 10px; text-align: center; background-color: #f5f5f5;}
.news .right .news-menu .list a:nth-of-type(2n){ margin-right: 0;}
.news .right .news-menu .list .on{ color: #fff; background-color: #ffa200;}

.nyxwzxbox-left {
    float: left;
    width: 920px;
}
.nyxwzxbox-left>h2 {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 30px;
}
.ellipsiss {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.nyxwzxbox-label {
    display: flex;
    justify-content: space-between;
    border-bottom: #eaeaea solid 1px;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.nyxwzxbox-label span {
    display: block;
    color: #999999;
}
#showphonecode {
    padding-right: 25px;
    background: url(../images/38.png) no-repeat 120px 3px;
    cursor: pointer;
}
#showphonecode img {
    display: none;
    position: absolute;
}

.abstract {
    height: 40px;
    padding: 20px;
    background: #f5f5f5;
    color: #666666;
}
.article {
    margin-top: 20px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: #eaeaea solid 1px;
}
.otherarticle a {
    display: block;
    margin-bottom: 1px;
    padding: 20px;
    background-color: #f5f5f5;
}

.page-box{
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}
.page-box .pagination{margin-top: 10px;
    margin-bottom: 10px;}
.page-box .pagination>li{display: inline;height: 38px;margin-right:5px;}
.page-box .pagination li span{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    /*border: 1px solid #cccccc;*/
}
.page-box .pagination a{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    /*border: 1px solid #cccccc;*/
    background-color: #fff;
    color: #666666;
}
.page-box a.on,.page-box a:hover{
    background: #064889;
    border-color: #064889;
    color: #fff;
}
.page-box .pagination .active span
{
    background: #1795fc;
    border-color: #064889;
    color: #fff;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.thumbnail .h1, .thumbnail .h2, .thumbnail .h3, .thumbnail h1, .thumbnail h2, .thumbnail h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.thumbnail p {
    margin: 0 0 10px;
}

.thumbnail img
{
	max-width:400px;
}

.pon-tem {
    margin-top: 20px;
}
.pon-tem>ul {
    margin-left: -20px;
    margin-right: -20px;
}
.pon-tem li {
    float: left;
    width: 46.77%;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.pon-tem li h3 {
    background: #666666;
    color: #fff;
    height: 55px;
    line-height: 55px;
    padding-left: 33px;
    font-size: 23px;
    font-weight: 400;
}
.pon-tem li .pn-bottom {
    background: #f5f5f5;
    padding: 26px 33px;
    line-height: 45px;
    color: #333333;
    font-size: 16px;
}

.anli{ margin: 25px 0 30px 0; width: 1200px;}
.anli .header{ display: flex; justify-content: space-between;}
.anli .header h3{ padding-bottom: 10px; font-size: 30px; border-bottom: #2a7efb solid 1px; }
.anli .header div{ flex: 1; border-bottom: #dddddd solid 1px;}
.anli-part a{ display: block; float: left; margin-right: 20px; margin-top: 30px;}
.anli-part a:nth-of-type(5n){ margin-right: 0;}
.anli-part a h5{ padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}
.anli-part a img{ width: 222px; height: 76px; border: #eeeeee solid 1px;}
.anli-part a:hover img{ box-shadow: 0 0 10px #eaeaea; border: #fff solid 1px;}

/**单页相关 **/
.box-title {
    padding: 50px 0 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ny-sbzc-sm-title{ width: 500px; margin: 0 auto; margin-top: -20px; border: #ddd solid 1px; border-radius: 30px; overflow: hidden; }
.ny-sbzc-sm-title span{ display: inline-block; padding: 3px 20px;}
.ny-sbzc-sm-title span i{ margin-right: 10px; color: #ffa200;}
.ny-sbzc-hot{ float: left;  margin: 30px 27px 40px 0; width: 380px; border: #eeeeee solid 1px; }
.ny-sbzc-hot .header{ height: 90px; padding: 15px 20px; border-bottom: #eeeeee solid 1px;}
.ny-sbzc-hot .header h3{ margin-bottom: 10px; font-size: 24px; color: #2a7efb; }
.ny-sbzc-hot .header p{ font-size: 14px; color: #999; }
.ny-sbzc-hot .middle{ height: 80px; padding: 20px; }
.ny-sbzc-hot .middle span{ display: block; margin-bottom: 15px; color: #666;}
.ny-sbzc-hot .middle span i{ color: #ffa200; margin-right: 5px; }
.ny-sbzc-hot>h3{ margin: 20px 0 0 20px; color: #ff4800; font-size: 30px; }
.ny-sbzc-hot>h3 i:nth-of-type(1){ font-size: 14px; font-weight: bold; font-style: normal;}
.ny-sbzc-hot>h3 i:nth-of-type(2){ font-size: 14px; color: #333; font-style: normal;}
.ny-sbzc-hot .bottom{ margin-top: 20px; display: flex; justify-content: space-between; height: 50px;}
.ny-sbzc-hot .bottom a{ flex: 1; line-height: 50px; text-align: center; color: #fff; font-size: 16px;background: #ffa200}

.ny-sbzc-why{ float: left; margin: 10px 1px 30px 0; width: 239px; height: 320px; background-color: #fff;}
.ny-sbzc-why img{ display: block; margin: 35px 0 0 35px;}
.ny-sbzc-why h3{ font-size: 16px; font-weight: bold; text-align: center;}
.ny-sbzc-why p{ padding: 20px; color: #999; line-height: 30px; }

.ny-sbzc-gcys{ height: 570px; position: relative; background: url(../../site/images/117.png) no-repeat center;}
.ny-sbzc-gcys .one{ width: 330px; height: 75px; padding: 30px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 5px #ddd; }
.ny-sbzc-gcys .one img{ float: left; margin-right: 20px; }
.ny-sbzc-gcys .one h3{ font-size: 24px; margin-bottom: 15px; }
.ny-sbzc-gcys .one p{ font-size: 16px; color: #999; }
.ny-sbzc-gcys .one:nth-of-type(1){ position: absolute; left: 50px; }
.ny-sbzc-gcys .one:nth-of-type(2){ position: absolute; left: 740px; }
.ny-sbzc-gcys .one:nth-of-type(3){ position: absolute; top:190px; }
.ny-sbzc-gcys .one:nth-of-type(4){ position: absolute; top:190px; left: 780px; }
.ny-sbzc-gcys .one:nth-of-type(5){ position: absolute; left: 50px; top:380px; }
.ny-sbzc-gcys .one:nth-of-type(6){ position: absolute; top:380px; left: 740px; }

.ny-sbzc-zbcl{ margin-bottom: 50px; }
.ny-sbzc-zbcl .one{ padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.ny-sbzc-zbcl .one>img{ float: left; margin-right: 30px; }
.ny-sbzc-zbcl .one>div{ float: left; }
.ny-sbzc-zbcl .one>div img{ display: block; margin: 0 auto;}
.ny-sbzc-zbcl .one>div p{ text-align: center; }

.ny-sbzc-ddcl{ display: flex; justify-content: space-between; overflow: hidden;}
.ny-sbzc-ddcl .one{ width: 288px; height: 344px; margin: 40px 0 0 0;}
.ny-sbzc-ddcl .one:nth-of-type(1){ background: url(../../site/images/129.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(2){ background: url(../../site/images/130.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(3){ background: url(../../site/images/131.png) no-repeat;}
.ny-sbzc-ddcl .one span{ display: block; margin: 230px 0 0 80px; width: 130px; height: 50px; line-height: 50px; background-color: #2a7efb; color: #fff; font-size: 18px; font-weight: bold; border-radius: 50px; text-align: center;}
.ny-sbzc-ddcl .one p{ text-align: center; color: #666; line-height: 36px; }

.ny-sbzc-fwys{ display: flex; justify-content: space-between; margin: 20px 0 40px 0; overflow: hidden; }
.ny-sbzc-fwys .one{ text-align: center; font-size: 16px; line-height: 24px; }
.ny-sbzc-fwys .one img{ display: block; margin-bottom: 15px; }

.ny-it-sz .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-sz .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-sz .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-sz .tab div:nth-of-type(1) span{ background: url(../../site/images/141.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(2) span{ background: url(../../site/images/143.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(3) span{ background: url(../../site/images/145.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(4) span{ background: url(../../site/images/147.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(5) span{ background: url(../../site/images/149.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(6) span{ background: url(../../site/images/151.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/140.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/142.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/144.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/146.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/148.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/150.png) no-repeat center top !important;}
.ny-it-sz .content .one{ width: 1200px; height: 500px; margin: 0 auto;}
.ny-it-sz .content .one .left{ float: left; width: 500px; margin-top: 100px;}
.ny-it-sz .content .one .left h3{ font-size: 32px; margin-bottom: 40px; }
.ny-it-sz .content .one .left p{ font-size: 16px; line-height: 30px; color: #666; }
.ny-it-sz .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-sz .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-sz .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-sz .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .right{ float: right; margin-top: 40px; }

.ny-it-crm{ height: 680px; position: relative; background: url(../../site/images/158.png) no-repeat center 100px;}
.ny-it-crm .one{ position: absolute; overflow: hidden;}
.ny-it-crm .one img{ float: left; margin-bottom: 50px; margin-right: 15px;}
.ny-it-crm .one h3{ margin-bottom: 10px; font-size: 20px; color: #fff;}
.ny-it-crm .one p{ font-size: 14px; color: #aaaaaa;}
.ny-it-crm .one:nth-of-type(1){ position: absolute; width: 300px; top: 50px;}
.ny-it-crm .one:nth-of-type(2){ position: absolute; width: 300px; top: 50px; left: 900px;}
.ny-it-crm .one:nth-of-type(3){ position: absolute; width: 300px; top: 250px;}
.ny-it-crm .one:nth-of-type(4){ position: absolute; width: 300px; top: 250px; left: 900px;}
.ny-it-crm .one:nth-of-type(5){ position: absolute; width: 730px; top: 450px;}
.ny-it-crm .one:nth-of-type(6){ position: absolute; width: 300px; top: 450px; left: 900px;}
.ny-it-crm .btn{ position: absolute; top: 580px; left: 520px; width: 170px; text-align: center; height: 50px; line-height: 50px; font-size: 16px; border-radius: 50px; color: #fff; background-color: #ffa200; }

.ny-it-xt .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-xt .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-xt .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-xt .tab div:nth-of-type(1) span{ background: url(../../site/images/166.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(2) span{ background: url(../../site/images/168.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(3) span{ background: url(../../site/images/170.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(4) span{ background: url(../../site/images/172.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(5) span{ background: url(../../site/images/174.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(6) span{ background: url(../../site/images/176.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/165.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/167.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/169.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/171.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/173.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../../site/images/175.png) no-repeat center top !important;}
.ny-it-xt .content .one{ width: 1200px; height: 350px; margin: 0 auto;}
.ny-it-xt .content .one .left{ float: left; width: 600px; margin-top: 50px; margin-left: 20px;}
.ny-it-xt .content .one .left h4{ width: 220px; height: 60px; line-height: 60px; border-radius: 60px; font-size: 32px; margin-bottom: 40px; color: #2a7efb; text-align: center; background-color: #fff; }
.ny-it-xt .content .one .left ul li{ font-size: 16px; line-height: 40px; color: #fff; list-style-type: circle; }
.ny-it-xt .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-xt .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-xt .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-xt .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .right{ float: right; margin-top: 40px; }

.ny-it-tc{ display: flex; justify-content: space-between; }
.ny-it-tc .one{ margin-bottom: 20px; width: 380px; box-shadow: 0 0 10px #eaeaea;}
.ny-it-tc .one .top{ height: 90px; background: linear-gradient(90deg,#658ffe,#4eaeff); border-top-left-radius: 6px;  border-top-right-radius: 6px; }
.ny-it-tc .one .top h3{ font-size: 30px; color: #fff; text-align: center; line-height: 90px;}
.ny-it-tc .one .middle .price{ margin: 30px 0 10px 0; text-align: center; }
.ny-it-tc .one .middle .price i{ font-style: normal; color: #ff4800;}
.ny-it-tc .one .middle .price strong{ font-size: 36px; color: #ff4800;}
.ny-it-tc .one .middle .btn{ display: block; margin: 0 auto; width: 160px; height: 44px; font-size: 16px; color: #2a7efb; line-height: 44px; text-align: center; border: #2a7efb solid 1px; border-radius: 22px;}
.ny-it-tc .one .middle .list{ min-height: 170px; margin-top: 15px; padding: 0 20px;}
.ny-it-tc .one .middle .list h5{ color: #666; font-size: 16px; font-weight: bold; }
.ny-it-tc .one .middle .list span{ display: block; margin-top: 10px; color: #666; }
.ny-it-tc .one .middle .list span i{ margin-right: 10px; color: #ffa200; }
.ny-it-tc .one .middle .list span em{ margin-left: 10px; font-style: normal; color: #ff4800; }
.ny-it-tc .one .bottom{ padding: 20px 0; text-align: center;}
.ny-it-tc .one .bottom a{ margin: 30px 0; width: 150px; text-align: center; color: #999;}

.ny-gszc-zbcl{ margin-top: 30px !important; margin-bottom: 50px !important; display: flex; justify-content: space-between; align-items: center; }
.ny-gszc-zbcl div{ font-size: 16px; text-align: center;}
.ny-gszc-zbcl div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-gszc-lc .new-lc{ margin-top: 10px; padding-bottom: 30px; height: 550px; background: url(../../site/images/192.png) no-repeat; overflow: hidden;}
.ny-gszc-lc .new-lc h3{ font-size: 24px; text-align: center; margin-top: 30px;}
.ny-gszc-lc .new-lc h3 strong{ color: #ff0054;}
.ny-gszc-lc .new-lc .new-lc-top{ width: 1100px; height: 310px; margin: 0 auto; position: relative;}
.ny-gszc-lc .new-lc .new-lc-top div{ position: absolute; color: #fff; font-size: 24px; overflow: hidden; }
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(1){ top: 60px; left: 15px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(2){ top: 60px; left: 410px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(3){ top: 60px; left: 810px;}
.ny-gszc-lc .new-lc .new-lc-top div strong{ float: right; font-size: 18px; margin: 45px 0 0 80px;}
.ny-gszc-lc .new-lc .new-lc-bottom{ width: 1060px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-gszc-lc .new-lc .new-lc-bottom div{ width: 160px; padding: 20px; text-align: center; }
.ny-gszc-lc .new-lc .new-lc-bottom div h5{ margin-bottom: 10px; font-size: 16px; }
.ny-gszc-lc .new-lc .new-lc-bottom div p{ color: #666;}
.ny-gszc-hdzl{ padding: 30px; margin-bottom: 40px; margin-top: 20px; box-shadow: 0 0 10px #eaeaea; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-hdzl div{ text-align: center; font-size: 16px; }
.ny-gszc-hdzl div img{ display: block; margin-bottom: 15px; }

.ny-gszc-fw .top{ margin-top: 20px; height: 420px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div{ width: 370px; overflow: hidden ; }
.ny-gszc-fw .top>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .top>div p{ height: 230px; color: #666; text-align: center; }
.ny-gszc-fw .top>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}
.ny-gszc-fw .top>div a{ display: block; margin: 0 auto; margin-top: 15px; width: 150px; height: 40px; line-height: 40px; background-color: #ff4800; color: #fff; border-radius: 40px; text-align: center; }
.ny-gszc-fw .bottom{ margin-top: 70px; height: 370px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div{ width: 280px; overflow: hidden ; }
.ny-gszc-fw .bottom>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .bottom>div p{ height: 210px; color: #666; text-align: center; }
.ny-gszc-fw .bottom>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}

.ny-gszc-btns{ width: 1000px; text-align: center; height: 74px; margin: 0 auto; margin-top: 30px; overflow: hidden;}
.ny-gszc-btns a{ display: inline-block; margin: 0 20px; padding-left: 70px; width: 200px; height: 74px; line-height: 74px; border-radius: 74px; font-size: 24px; color: #fff;}
.ny-gszc-btns a:nth-of-type(1){ background: url(../../site/images/199.png) no-repeat 60px 15px #29bae9;}
.ny-gszc-btns a:nth-of-type(2){ background: url(../../site/images/200.png) no-repeat 60px 15px #ed842f;}
.ny-gszc-btns a:nth-of-type(3){ background: url(../../site/images/201.png) no-repeat 60px 15px #1fd198;}

.ny-gszc-wt{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-gszc-wt .part{ width: 525px; height: 110px; margin-bottom: 30px; padding: 30px; box-shadow: 0 0 10px #eaeaea; }
.ny-gszc-wt .part .title{ margin-bottom: 20px; overflow: hidden; }
.ny-gszc-wt .part .title span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #ffa200; text-align: center; }
.ny-gszc-wt .part .title h3{ float: left; font-size: 16px; font-weight: bold; margin: 5px 0 0 10px; }
.ny-gszc-wt .part .content{ overflow: hidden;}
.ny-gszc-wt .part .content span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #2a7efb; text-align: center; }
.ny-gszc-wt .part .content p{ width: 480px; float: left; margin: 5px 0 0 10px; line-height: 24px; }
.ny-gszc-wt-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gszc-other{ margin-bottom: 30px; display: flex; justify-content: space-between; }
.ny-gszc-other a{ display: block; width: 180px; height: 175px; box-shadow: 0 0 10px #eaeaea; text-align: center; font-size: 16px; }
.ny-gszc-other a img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }

.cylb{ background: url(../../site/images/208.png) no-repeat center; height: 181px;}
.cylb .left{ margin: 60px 0 0 350px;}
.cylb .left h3{ margin-bottom: 15px; font-size: 36px; color: #fff961; font-weight: bold; text-shadow: 0 5px 5px #d28500;}
.cylb .left span{ font-size: 18px; color: #fff; }
.cylb .right{ margin: 80px 0 0 0;float: right;}
.cylb .right a{ display: block; width: 160px; height: 50px; line-height: 50px; font-size: 18px; border-radius: 50px; color: #ff8a00; text-align: center; background-color: #fff;}

.ny-dljz-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-dljz-fw .part{ width: 350px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px; overflow: hidden;}
.ny-dljz-fw .part .top{ height: 210px; overflow: hidden; }
.ny-dljz-fw .part:nth-of-type(1) .top{ background-color: #4765ff;}
.ny-dljz-fw .part:nth-of-type(2) .top{ background-color: #ff9630;}
.ny-dljz-fw .part:nth-of-type(3) .top{ background-color: #ee6660;}
.ny-dljz-fw .part:nth-of-type(1) .top span{ color: #99aafe;}
.ny-dljz-fw .part:nth-of-type(2) .top span{ color: #fedab6;}
.ny-dljz-fw .part:nth-of-type(3) .top span{ color: #fec4c1;}
.ny-dljz-fw .part .top img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.ny-dljz-fw .part .top h3{ font-size: 22px; text-align: center; color: #fff; }
.ny-dljz-fw .part .top span{ display: block; text-align: center; margin-top: 10px; }
.ny-dljz-fw .part .bottom{ height: 70px;  }
.ny-dljz-fw .part .bottom a{ display: block; margin: 0 auto; margin-top: 20px; width: 200px; height: 45px; line-height: 45px; text-align: center; border-radius: 45px; }
.ny-dljz-fw .part:nth-of-type(1) .bottom a{ color: #4765ff; border: #4765ff solid 1px;}
.ny-dljz-fw .part:nth-of-type(2) .bottom a{ color: #ff9630; border: #ff9630 solid 1px;}
.ny-dljz-fw .part:nth-of-type(3) .bottom a{ color: #ee6660; border: #ee6660 solid 1px;}

.ny-dljz-zbcl{ margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; }
.ny-dljz-zbcl>div{ margin-bottom: 60px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-zbcl>span{ display: block; margin: 60px 40px;}

.ny-dljz-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-dljz-lc>div{ margin-bottom: 60px; width: 120px; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }

.ny-dljz-tc{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-dljz-tc .part{ margin-bottom: 30px; width: 585px; height: 245px; background-color: #fff; border-radius: 10px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-dljz-tc .part .left{ width: 430px;}
.ny-dljz-tc .part .left h3{ font-size: 24px; font-weight: bold; margin: 30px 0 20px 30px;}
.ny-dljz-tc .part .left div{ overflow: hidden; }
.ny-dljz-tc .part .left div span{ float: left; margin-left: 30px; font-size: 16px; margin-bottom: 15px; }
.ny-dljz-tc .part .right{ width: 135px; }
.ny-dljz-tc .part .right h3{ margin-top: 85px; font-size: 24px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div{ font-size: 30px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div i{ font-size: 14px; font-weight: bold; font-style: normal;}

.ny-dljz-tc-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gssj-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-gssj-fw .part{ width: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-gssj-fw .part img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.ny-gssj-fw .part h3{ font-size: 22px; text-align: center; }
.ny-gssj-fw .part p{ color: #999; padding: 20px; line-height: 24px; }

.ny-gssj-zbcl{ margin-top: 30px; display: flex; justify-content:space-between; flex-wrap: wrap; }
.ny-gssj-zbcl>div{ margin-bottom: 40px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-gssj-zbcl>div>h5{ margin: 5px 0 10px 0; color: #fff; font-size: 16px; }
.ny-gssj-zbcl>div>p{ color: #8ebbff; }

.ny-gssj-zj{ display: flex; justify-content: space-between; }
.ny-gssj-zj .part{ width: 350px; margin: 30px 0 70px 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
.ny-gssj-zj .part img{ width: 350px; height: 240px;}
.ny-gssj-zj .part>div{ padding: 20px 30px; height: 150px;}
.ny-gssj-zj .part>div h3{ display: inline-block; margin-right: 10px; font-size: 18px; font-weight: bold; }
.ny-gssj-zj .part>div span{ display: inline-block; width: 60%;}
.ny-gssj-zj .part>div p{ margin-top: 15px; color: #999; line-height: 24px; }

.ny-ssch-fw{ margin-bottom: 50px; display: flex; justify-content: space-between;}
.ny-ssch-fw .part{ width: 270px; height: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-ssch-fw .part:nth-of-type(1){ background: url(../../site/images/253.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(2){ background: url(../../site/images/254.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(3){ background: url(../../site/images/255.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(4){ background: url(../../site/images/256.png) no-repeat;}
.ny-ssch-fw .part h3{ margin-top: 35px; font-size: 22px; text-align: center; color: #fff; }
.ny-ssch-fw .part p{ margin-top: 70px; color: #999; padding: 20px; line-height: 24px; }

.ny-ssch-fa{ margin-bottom: 50px; margin-top: 30px; display: flex; justify-content: space-between; }
.ny-ssch-fa .part{ width: 580px; }
.ny-ssch-fa .part .top{ height: 160px; overflow: hidden; }
.ny-ssch-fa .part .top img{ float: left; margin: 30px 30px 30px 40px; }
.ny-ssch-fa .part .top h3{ float: left; margin-top: 25px; font-size: 30px; color: #fff; }
.ny-ssch-fa .part .top p{ float: left; width: 370px; margin-top: 10px; color: #fff; }
.ny-ssch-fa .part .bottom{ padding: 40px 32px; background-color: #fff; overflow: hidden; }
.ny-ssch-fa .part .bottom span{ display: block; float: left; width: 155px; height: 40px; text-align: center; line-height: 40px; margin-right: 20px; margin-bottom: 15px; border: #ddd solid 1px; }
.ny-ssch-fa .part .bottom span:nth-of-type(3n){ margin-right: 0 ;}

.ny-ssch-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-ssch-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }
.ny-ssch-lc>div{ margin-bottom: 40px; width: 180px; font-size: 18px; text-align: center; line-height: 30px; }
.ny-ssch-lc>div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-ssch-lc>div p{ display: block; margin: 10px 0 0 0; text-align: center; color: #999; }

.box-1920 {
    width: 100%;
    overflow: hidden;
    background-size: cover !important
}

/** 服务指南 */
.service-left {
    margin: 20px 0;
    float: left;
}
.service-left .header{ background-color: #2a7efb; padding: 20px;}
.service-left .header h3{ color: #fff; font-size: 24px; margin-bottom: 10px;}
.service-left .header span{ color: #fff;}
.service-right{ margin: 20px 0; width: 940px;float: right;}
.service-right .header{ height: 40px; margin-top: 10px; border-bottom: #eaeaea solid 1px;}
.service-right .header h3{ float: left; padding-left: 10px; font-size: 20px; border-left: #ff8400 solid 5px;}
.service-right .content{ margin: 30px 0;}
.service-right .content img{ max-width: 940px;}

.nyproduct-left{ float: left; width: 220px; }
.nyproduct-left-menu{ border-bottom: #fff solid 1px; width: 220px; background: #f5f5f5; overflow: hidden;}
.nyproduct-left-menu h3{ overflow: hidden; border-bottom: #f7f8fa solid 1px; cursor: pointer; }
.nyproduct-left-menu h3 span{ display: block; float: left; margin-left: 20px; height: 50px; line-height: 48px; font-size: 16px; }
.nyproduct-left-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 20px; transition: all .3s;}
.nyproduct-left-menu ul{ display: none;}
.nyproduct-left-menu ul li{ width: 220px;}
.nyproduct-left-menu ul li a{ display: block; margin-left: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.nyproduct-left-menu ul li a:hover{ color: #2a7efb;}
.nyproduct-left-menu-on{ background: #eaeaea; border-left: #2a7efb solid 5px;}
.nyproduct-left-menu-on a{ color: #2a7efb!important;}
.rotating{ transform: rotate(180deg);}

/*内页--------------------------------------------------------------------------------------------------------------------------------------*/
.crumbs{ padding: 20px 0; color: #666;}
.crumbs a{ color: #666;}

.box-screen{ margin: 20px 0; box-shadow: 0 0 10px #f1f1f1;}
.box-screen-list{ padding: 15px 30px; overflow: hidden;}
.box-screen-list span{ display: block; float: left; }
.box-screen-list span:nth-of-type(1){ margin: 5px 0 0 0;}
.box-screen-list span:nth-of-type(2){ height: 30px; margin-left: 10px; overflow: hidden;}
.box-screen-list span:nth-of-type(2)>a{ float: left; display: block; margin: 0 5px; padding: 5px 12px; color: #666;}
.box-screen-list span:nth-of-type(2)>a:hover{ color: #2a7efb; }
.choose-on{ color: #2a7efb !important;}
.box-screen-list span a i{ margin-right: 5px; }
.product{ margin-right: -20px;}
.product a{ float: left; margin-right: 25px; margin-bottom: 20px;}
.product a img{ width: 280px; height: 175px;}
.product a .product-part{ width: 240px; padding: 10px 20px; background-color: #fff; }
.product a .product-part h3{ font-size: 16px; margin-bottom: 10px; }
.product a .product-part p{ font-size: 12px; color: #999; margin-bottom: 10px; }
.product a .product-part span{ font-size: 16px; color: #f15821; margin-bottom: 10px; }
.box-page{ padding: 20px; margin: 20px 0; text-align: center;}
.box-page a{ display: inline-block; padding: 10px 20px; background-color: #fff;}
.box-page .on{ background-color: #1795fc; color: #fff;}

.product-xxtop{ margin: 20px 0; padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.top-left{ width: 512px;}
.product-Slider{ width: 512px; height: 320px; position: relative; overflow: hidden;}
.product-Slider .hd{ position: absolute; bottom: 10px; width: 100%; }
.product-Slider .hd ul{ text-align: center;}
.product-Slider .hd li{ text-align: center; display: inline-block;  width: 12px; height: 12px; background: #1a6ab3; border-radius: 100%; }
.product-Slider .hd li.on{ background: #fff;}
.product-Slider .bd img{ display: block; width: 512px; height: 320px;}
.product-tool{ margin-top: 20px;}
.product-tool>a{ display: inline-block; margin-right: 20px; color: #999;}
.product-tool>a>img{ float: left; }
.top-right{ width: 610px;}
.top-right>h2{ font-size: 30px; font-weight: bold; margin-top: -5px; margin-bottom: 10px;}
.top-right>p{ color: #666; margin-bottom: 10px; }
.top-right .price{ padding: 20px 15px; background-color: #f9f9f9;}
.top-right .price span{ margin-right: 100px; color: #999;}
.top-right .price span i{ font-style: normal; font-size: 30px; color: #ff4800;}
.top-right .type{ margin: 15px; overflow: hidden;}
.top-right .type span:nth-of-type(1){ float: left; margin: 5px 0 0 0; color: #999;}
.top-right .type span:nth-of-type(2){ float: left; margin: 0 0 0 20px; color: #666;}
.top-right .type span:nth-of-type(2) a{ display: inline-block; padding: 5px; margin-right: 15px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px;}
.top-right .type span:nth-of-type(2) .on{ color: #ff4800; border: #ff4800 solid 1px;}
.top-right .type span:nth-of-type(2) a:hover{ color: #ff4800; border: #ff4800 solid 1px; }
.top-right .type span:nth-of-type(2) i{ width: 20px; display: inline-block; padding: 5px; font-style: normal; cursor: pointer; border: #dcdcdc solid 1px; text-align: center; }
.top-right .type span:nth-of-type(2) input{ width:60px; display: inline-block; padding: 5px; border: #dcdcdc solid 1px;  text-align: center;}
.top-right .btn{ padding-top: 20px; border-top: #eaeaea dashed 1px;}
.top-right .btn a{ display: inline-block; width: 160px; height: 46px; line-height: 46px; text-align: center; border-radius: 3px;}
.top-right .btn .buy{ color: #fff; background-color: #ff4800; margin-right: 20px; font-size: 18px;}
.top-right .btn .service{ color: #2a7efb; border: #2a7efb solid 1px; font-size: 18px;}
.product-xxbottom{ margin-bottom: 20px; overflow: hidden; }
.product-xxbottom .bottom-left{ width: 940px; border: #eaeaea solid 1px;}
.product-xxbottom .bottom-left .bottom-left-header{ height: 55px; line-height: 55px; background-color: #f5f5f5; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.product-xxbottom .bottom-left .bottom-left-header h3{ margin: 15px 0 0 20px; padding-left: 10px; font-size: 18px; font-weight: bold; border-left: #2a7efb solid 7px;}
.product-xxbottom .bottom-left .bottom-left-content{ padding: 30px;}

.product-xxbottom .bottom-right{ width: 240px; border: #eaeaea solid 1px;}
.product-xxbottom .bottom-right .bottom-right-header{ height: 55px; line-height: 55px; background-color: #f5f5f5; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.product-xxbottom .bottom-right .bottom-right-header h3{ margin: 15px 0 0 20px; padding-left: 10px; font-size: 18px; font-weight: bold; border-left: #2a7efb solid 7px;}

.product-xxbottom .bottom-right .bottom-right-content a{ display: block; padding: 10px; border-bottom: #eaeaea solid 1px; }
.product-xxbottom .bottom-right .bottom-right-content a img{ width: 220px; height: 137px;}
.product-xxbottom .bottom-right .bottom-right-content a .product-part{ width: 180px; padding: 10px 20px; background-color: #fff; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part h3{ font-size: 16px; margin-bottom: 10px; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part p{ font-size: 12px; color: #999; margin-bottom: 10px; }
.product-xxbottom .bottom-right .bottom-right-content a .product-part span{ font-size: 16px; color: #f15821; margin-bottom: 10px; }


/*-订单样式---------------------------------------------------*/
.order-shxx{ width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 20px; display: flex; justify-content: space-between; border: #eaeaea solid 1px;}
.order-shxx .left{ margin: 20px 0 0 40px;}
.order-shxx .left h2{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.order-shxx .left span{ display: block; margin-bottom: 15px; color: #666;}
.order-shxx .right{ margin: 80px 40px 0 0; }
.order-shxx .right a{ display: block; width: 72px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-shxx .right a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-spxx{ width: 1192px; margin: 0 auto; padding-bottom: 30px; border: #eaeaea solid 5px; }
.order-spxx h2{ margin: 20px 0 20px 40px; font-size: 18px; font-weight: bold; }
.order-spxx .part{ margin: 0 40px; overflow: hidden;}
.order-spxx .part img{ width: 144px; height: 90px; float: left; margin: 0 20px 0 0; }
.order-spxx .part .name{ float: left; width: 700px;}
.order-spxx .part .name h3{ font-size: 16px; font-weight: bold; }
.order-spxx .part .name span{ display: inline-block; color: #666; margin-right: 30px; margin-top: 15px; }
.order-spxx .part .name .dprice{ display: block;}
.order-spxx .part .number{ float: left; width: 100px; margin: 35px 0 0 0; }
.order-spxx .part .price{ float: right; width: 100px; margin: 35px 0 0 0; text-align: right; color: #ff4800;}
.order-yhq{ width: 1200px; height: 80px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border: #eaeaea solid 1px; overflow: hidden; }
.order-yhq h2{ margin: 0 40px; font-size: 18px; font-weight: bold; }
.order-yhq .part{ display: flex; align-items: center; overflow: hidden; }
.order-yhq .part span{ margin-right: 50px;}
.order-yhq .part a{ margin-right: 40px; display: block; width: 82px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-yhq .part a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-js{ width: 1120px; margin: 0 auto; margin-bottom: 30px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; }
.order-js{ padding: 20px 40px; overflow: hidden; }
.order-js>div{ text-align: right;}
.order-js>div>span{ display: inline-block; width: 120px; margin-bottom: 15px;}
.font24{ font-size: 24px; color: #ff4800;}
.order-js>a{ float: right; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }

.order-tjcg{width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 30px; border: #eaeaea solid 1px;}
.order-tjcg .header{ margin: 40px; padding-bottom: 30px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.order-tjcg .header>i{ margin: 0 30px 0 0; float: left; font-size: 85px; color: #31c91d;}
.order-tjcg .header .st{ float: left;}
.order-tjcg .header .st h1{ font-size: 30px; }
.order-tjcg .header .st span{ display: block; margin-top: 20px; color: #666;}
.order-tjcg .header .st span i{ color: #ff4800; font-style: normal;}
.order-tjcg .header .price{ float: right;}
.order-tjcg .header .price span{ color: #ff4800; font-size: 24px; }
.order-tjcg .content{ padding-left: 145px;}
.order-tjcg .content>div{ margin-bottom: 10px;}
.order-tjcg .content>div>span{ display: inline-block; min-width: 100px;}

.order-zffs{margin: 0 auto;max-width: 1200px; margin-top: 20px; margin-bottom: 30px; padding-bottom: 30px; border: #eaeaea solid 1px; overflow: hidden;}
.order-zffs>a{ float: right; margin-right: 40px; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }
.order-zffs h2{ margin: 20px 0 0 40px; font-size: 18px; font-weight: bold;}
.order-zffs .order-zffs-img{ margin: 20px 0 20px 40px;overflow: hidden;}
.order-zffs .order-zffs-img span{ float: left; margin-right: 30px;  cursor: pointer; }
.order-zffs .order-zffs-img span img{ display: block; width: 150px; height: 60px;}
.zffs-selected{ border: #2a7efb solid 1px;}

/*确认订单*/
.change-address{ position:absolute;top:0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.change-address .change-address-box{ width: 700px; overflow: hidden;}
.change-address .change-address-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.change-address .change-address-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.change-address .change-address-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.change-address .change-address-box .header i:hover{ color: #d22828;}
.change-address .change-address-box .content{ padding: 30px 0; background-color: #fff;}
.change-address .content .form{ overflow: hidden;}

.change-address .content .form .input-box .input-line{ margin-bottom: 10px; overflow: hidden;}
.change-address .content .form .input-box .input-line .name{ display: block; width: 130px; margin-top: 10px; text-align: right;}
.change-address .content .form .input-box .input-line label input{ width: 500px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.change-address .content .form .input-box .input-line .btn{ margin-left: 3px; display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; border: #dddddd solid 1px;}
.change-address .content .form .input-box .input-line select{ height: 40px;}
.change-address .content .form .input-box .input-line textarea{ padding: 10px; border: #eaeaea solid 1px; }
.change-address .content .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }

.use-coupon{ position:absolute;top:0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.use-coupon .use-coupon-box{ width: 700px; overflow: hidden;}
.use-coupon .use-coupon-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.use-coupon .use-coupon-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.use-coupon .use-coupon-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.use-coupon .use-coupon-box .header i:hover{ color: #d22828;}
.use-coupon .use-coupon-box .content{ height: 400px; padding: 30px 0; background-color: #fff; overflow-y: auto;}
.use-coupon .use-coupon-box .content .coupon-list{ width: 620px; margin: 0 auto;}
.use-coupon .use-coupon-box .content .coupon-list a{ display: block; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.use-coupon .use-coupon-box .content .coupon-list a .left{ width: 180px; height: 100px; float: left; background-color: #ff5b01; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.use-coupon .use-coupon-box .content .coupon-list a .left h3{ font-size: 50px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .left h3 i{ font-size: 30px; color: #fff; font-style: normal; }
.use-coupon .use-coupon-box .content .coupon-list a .left span{ display: block; font-size: 14px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .right{ float: right; padding: 10px 30px; width: 380px; height: 80px; background-color: #ffecd4; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.use-coupon .use-coupon-box .content .coupon-list a .right span{ display: block; margin-bottom: 10px;}
.use-coupon .use-coupon-box .content .coupon-list .used{ filter: opacity(.5) grayscale(1); }
#open-address,#open-coupon{ cursor: pointer; }


.m-right .favorites-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.m-right .favorites-box .favorites-list .one{ width:910px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a{ display: block; float: left; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .img{ float: left; width: 144px; height: 90px;}
.m-right .favorites-box .favorites-list .one a .product{ float: left; width:640px; margin-left: 15px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .product .title{ width: 430px; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.m-right .favorites-box .favorites-list .one a .product .type{ margin-right:40px; }

.m-right .favorites-box .favorites-list .one a .product .price{ display: block; margin-top: 15px; }
.m-right .favorites-box .favorites-list .one .btn{ float: right; margin-top: 20px; width: 80px; height: 36px; line-height: 36px; display: block; border: #eaeaea solid 1px; text-align: center;}

.left{float: left;}

.bg-darkblue {
    background-color: #162036;
}
/*分页样式*/
.page-box .pagination{margin-top: 10px;
    margin-bottom: 10px;}
.page-box .pagination>li{display: inline;height: 38px;margin-right:5px;}
.page-box .pagination li span{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
}
.page-box .pagination a{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    background-color: #fff;
    color: #666666;
}
.page-box a.on,.page-box a:hover{
    background: #064889;
    border-color: #064889;
    color: #fff;
}
.page-box .pagination .active span
{
    background: #1795fc;
    border-color: #064889;
    color: #fff;
}

.filter-current{margin: 30px 0;color: #333;font-size: 16px}
.filter-current .title{font-weight: bold;display: inline-block;margin-right: 45px;}
.filter-current a{display: inline-block;margin: 0 10px}
.letter{color: #333;margin: 30px 0}
.letter .title{font-weight: bold;display: inline-block;margin-right: 20px;}
.letter a{display: inline-block;margin: 0 5px;font-weight: bold;padding: 2px 5px}
.city-box{ border: 1px solid #f2f2f2;margin-bottom: 35px}
.city-box li{clear: both;border-bottom: 1px solid #f2f2f2}
.city-box .letter-item{background: #f5f5f5;text-align: center;font-size: 20px;width: 45px;float: left}
.city-box .province{height: 45px;vertical-align: middle;border-bottom: 1px solid #f2f2f2}
.city-box .province>a{display: inline-block;line-height: 45px;width: 80px;text-align: center;border-right: 1px solid #f2f2f2}
.city-box .city{float: unset !important;display: inline-block}
.city-box .city a{display: inline-block;padding: 0px 10px;float: unset;font-size: 14px}
