@charset "utf-8";
/*总定义*/
body, h1, h2, h3, h4, h5, h6, p, ul, li, p, span, input, button, textarea, form, img, dl, dt, dd {margin: 0;padding: 0;border: 0;line-height: normal;list-style: none;font-family: 微软雅黑;color: #333;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body {background: #ffffff;min-width: 1200px;}
a {text-decoration: none;color: #333333;transition: all 0.3s;}
a:hover {color: #018aff;}
img {display: inline-block;}
.left {float: left !important;}
.right {float: right !important;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.ellipsiss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsisss {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.clear {clear: both;}

/*首页*/
.box { position: relative; margin: 0 auto; width: 1200px; }
.topbar { height: 40px; background: #f5f5f5; overflow: hidden;}
.topbar-l{ float: left; margin-top: 10px; font-size: 12px; }
.topbar-r{ float: right; margin-top: 10px; font-size: 12px; }
.topbar-r span:nth-of-type(1){ float: left; margin-right: 15px; }
.topbar-r span:nth-of-type(2){ float: left; margin:4px 15px 0 0; width: 1px; height: 10px; background: #cacaca; }
.topbar-r span:nth-of-type(3){ float: left; padding-left: 10px; background: url("../images/sy-login-icon.png") no-repeat; }
.topbar-r span:nth-of-type(3) a{ display: block; float: left; margin-left: 15px; color: #018aff; }

.toplogo{ height: 130px; overflow: hidden;}
.toplogo-logo{ float: left; margin-top: 30px;}
.toplogo-search{ float: left; margin: 20px 0 0 175px;}
.toplogo-search-class{ overflow: hidden; }
.toplogo-search-class span{ display: block; float: left; padding: 5px 12px; cursor: pointer; font-size: 14px;}
.toplogo-search-class-on{ background: #ff7800; color: #fff; font-weight: bold; }
.toplogo-search-tab{ height: 38px; border: #ff7800 solid 2px;}
.toplogo-search-tab>div>select{ float: left; width: 104px; height: 38px; border: none; padding-left: 15px; cursor: pointer;}
.toplogo-search-tab>div>select:focus{ outline: none;}
.toplogo-search-tab>div>input{ float: left; margin-top: 6px; width: 350px; padding-left: 15px; height: 28px; line-height: 28px; border-left: #d1d1d1 solid 1px;}
.toplogo-search-tab>div>input:focus{ outline: none;}
.toplogo-search-tab>div>button{ float: left; width: 100px; height: 38px; background: #ff7800; font-size: 16px; color: #fff; font-weight: bold; cursor: pointer; }
.toplogo-search-link{ margin-top: 8px;}
.toplogo-search-link a{ padding: 0 10px 0 0; font-size: 14px;}
.toplogo-tel{ float: right; margin-top: 45px; padding-left: 50px; font-size: 22px; font-weight: bold; color: #ff7800;  background: url("../images/sy-tel-icon.png") no-repeat 0 4px; }
.toplogo-tel i{ display: block; font-style: normal; font-weight: normal; font-size: 12px; color: #999999; }

.menu{ height: 55px; background: #393333;}
.menu>.box>a{ display: block; float: left; width: 120px; height: 55px; line-height: 53px; text-align: center; color: #fff; font-size: 16px;}
.menu>.box>a:hover{ background: #ff7800; }
.menu>.box>.menuon{ background: #ff7800; }
.hoticon{ display: block; position: absolute; width: 30px; height: 17px; font-size: 12px; color: #fff; left: 165px; top:-3px; background: url("../images/sy-hot-icon.png") no-repeat; text-align: center; }

.goodservice{ height: 460px; background: #f5f5f5; overflow: hidden; }
.box-titel{ margin: 30px 0; text-align: center; font-size: 24px; font-weight: bold; }
.goodservice-box>div{ float: left; width: 285px; height: 335px; border-radius: 6px; text-align: center; transition: all .3s; overflow: hidden;}
.goodservice-box>div:hover{ margin-top: -5px;}
.goodservice-box>div>h3{ margin-top: 40px; font-size: 24px; color: #fff; }
.goodservice-box>div>p{ margin-top: 30px; height: 70px; font-size: 14px; line-height: 24px; }
.goodservice-box>div>span{ display: block; margin: 0 auto; margin-top: 50px; padding-top: 10px; width: 245px; height: 85px; font-size: 14px; border-radius: 6px; background: #fff;}
.goodservice-box>div>span>i{ color: #ff7800; font-size: 24px; font-style: normal;}
.goodservice-box>div>span>a{ display: block; margin-top: 10px; font-size: 16px; color: #018aff; text-decoration: underline;}
.goodservice-box>div:nth-of-type(1){ background: #4765ff;}
.goodservice-box>div:nth-of-type(1)>p{ color: #a6b5ff;}
.goodservice-box>div:nth-of-type(2){ margin-left: 20px; background: #8534fb;}
.goodservice-box>div:nth-of-type(2)>p{ color: #d3b5ff;}
.goodservice-box>div:nth-of-type(3){ margin-left: 20px; background: #ee6660;}
.goodservice-box>div:nth-of-type(3)>p{ color: #fecac7;}
.goodservice-box>div:nth-of-type(4){ margin-left: 20px; background: #ffab0c;}
.goodservice-box>div:nth-of-type(4)>p{ color: #fff5e2;}

.servicebox{ margin-top: 30px; overflow: hidden;}
.servicebox-title1{ color: #999999; overflow: hidden;}
.servicebox-title1 h3{ float: left; font-weight: bold; padding: 5px 0; font-size: 24px;border-bottom: #ff7800 solid 3px;}
.servicebox-title1 span{ float: left; display: block; width: 1044px; padding: 13px 0 10px 20px; font-size: 16px; color: #999; border-bottom: #f1f1f1 solid 3px; }
.servicebox-title1 h3 i{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 28px; background: #ff7800; color: #fff; font-size: 18px; font-style: normal; border-radius: 15px; text-align: center;}
.servicebox-content{ margin-top: 20px; overflow: hidden;}
.sbfw-bgimg{ background: url("../images/sy-sbfw-bg.png");}
.servicebox-content-l{ float: left; width: 285px; height: 450px; }
.servicebox-content-l img{ display: block; margin: 0 auto; margin-top: 70px;}
.servicebox-content-l h2{ text-align: center; font-weight: bold; font-size: 36px; margin-top: 10px; color: #fff;}
.servicebox-content-l p{ height: 50px; text-align: center; font-size: 14px; line-height: 24px; margin-top: 50px; color: #fff;}
.servicebox-content-l a{ display: block; margin: 0 auto; margin-top: 50px; width: 140px; height: 40px; line-height: 38px; color: #fff; border: #fff solid 1px; border-radius: 40px; font-size: 14px;text-align: center;}
.servicebox-content-l a:hover{ background: #fff; color: #018aff;}
.servicebox-content-r{ float: left; width: 912px; border: #eaeaea solid 1px; overflow: hidden;}
.sbfw-list li{ float: left; width: 303px; height: 224px; overflow: hidden;}
.sbfw-list li:nth-of-type(1){ border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px;}
.sbfw-list li:nth-of-type(2){ border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; background: #f6f6f6;}
.sbfw-list li:nth-of-type(3){ border-bottom: #eaeaea solid 1px;}
.sbfw-list li:nth-of-type(4){ border-right: #eaeaea solid 1px; background: #f6f6f6;}
.sbfw-list li:nth-of-type(5){ border-right: #eaeaea solid 1px; }
.sbfw-list li:nth-of-type(6){ background: #f6f6f6;}
.sbfw-list li img{ display: block; margin: 0 auto; margin-top: 30px;}
.sbfw-list li h3{ font-size: 20px; font-weight: bold; text-align: center; margin-top: 15px;}
.sbfw-list li p{ font-size: 12px; color: #999; text-align: center; margin-top: 12px;}
.sbfw-list li div{ width: 85%; margin: 0 auto; margin-top: 15px; overflow: hidden;}
.sbfw-list li div span{ display: block; float: left; font-size: 14px;}
.sbfw-list li div span i{ font-size: 24px; color: #ff7800; font-style: normal;}
.sbfw-list li div a{ display: block; width: 75px; height: 28px; line-height: 26px; font-size: 12px; float: right; background: #fff; border: #eaeaea solid 1px; border-radius: 3px; text-align: center;}
.sbfw-list li div a:hover{ background: #018aff; color: #fff;  border: #018aff solid 1px;}

.servicebox-title2{ color: #999999; overflow: hidden;}
.servicebox-title2 h3{ float: left; font-weight: bold; padding: 5px 0; font-size: 24px;border-bottom: #ff5764 solid 3px;}
.servicebox-title2 span{ float: left; display: block; width: 1044px; padding: 13px 0 10px 20px; font-size: 16px; color: #999; border-bottom: #f1f1f1 solid 3px; }
.servicebox-title2 h3 i{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 28px; background: #ff5764; color: #fff; font-size: 18px; font-style: normal; border-radius: 15px; text-align: center;}
.bqfw-bgimg{ background: url("../images/sy-bqfw-bg.png");}
.bqfw-list li{ float: left; width: 303px; height:448px; overflow: hidden;}
.bqfw-list li:nth-of-type(1){ border-right: #eaeaea solid 1px;}
.bqfw-list li:nth-of-type(2){ border-right: #eaeaea solid 1px;}
.bqfw-list li img{ display: block; margin: 0 auto; margin-top: 55px;}
.bqfw-list li h3{ font-size: 20px; font-weight: bold; text-align: center; margin-top: 30px;}
.bqfw-list li p{ color: #999; text-align: center; margin-top: 12px;}
.bqfw-list li div{ width: 85%; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.bqfw-list li div span{ display: block; float: left;}
.bqfw-list li div span i{ font-size: 24px; color: #ff7800; font-style: normal;}
.bqfw-list li div a{ display: block; width: 75px; height: 28px; line-height: 26px; float: right; background: #fff; border: #eaeaea solid 1px; border-radius: 3px; text-align: center;}
.bqfw-list li div a:hover{ background: #018aff; color: #fff;  border: #018aff solid 1px;}

.servicebox-title3{ color: #999999; overflow: hidden;}
.servicebox-title3 h3{ float: left; font-weight: bold; padding: 5px 0; font-size: 24px;border-bottom: #1acddc solid 3px;}
.servicebox-title3 span{ float: left; display: block; width: 1044px; padding: 13px 0 10px 20px; font-size: 16px; color: #999; border-bottom: #f1f1f1 solid 3px; }
.servicebox-title3 h3 i{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 28px; background: #1acddc; color: #fff; font-size: 18px; font-style: normal; border-radius: 15px; text-align: center;}
.gscs-bgimg{ background: url("../images/sy-gscs-bg.png");}
.bqfw-list li{ float: left; width: 303px; height:448px; overflow: hidden;}
.bqfw-list li:nth-of-type(1){ border-right: #eaeaea solid 1px;}
.bqfw-list li:nth-of-type(2){ border-right: #eaeaea solid 1px;}
.bqfw-list li img{ display: block; margin: 0 auto; margin-top: 55px;}
.bqfw-list li h3{ font-size: 20px; font-weight: bold; text-align: center; margin-top: 30px;}
.bqfw-list li p{ font-size: 14px; color: #999; text-align: center; margin-top: 12px;}
.bqfw-list li div{ width: 85%; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.bqfw-list li div span{ display: block; float: left; font-size: 14px;}
.bqfw-list li div span i{ font-size: 24px; color: #ff7800; font-style: normal;}
.bqfw-list li div a{ display: block; width: 75px; height: 28px; line-height: 26px; font-size: 12px; float: right; background: #fff; border: #eaeaea solid 1px; border-radius: 3px; text-align: center;}
.bqfw-list li div a:hover{ background: #018aff; color: #fff;  border: #018aff solid 1px;}

.servicebox-title4{ color: #999999; overflow: hidden;}
.servicebox-title4 h3{ float: left; font-weight: bold; padding: 5px 0; font-size: 24px;border-bottom: #018aff solid 3px;}
.servicebox-title4 span{ float: left; display: block; width: 1044px; padding: 13px 0 10px 20px; font-size: 16px; color: #999; border-bottom: #f1f1f1 solid 3px; }
.servicebox-title4 h3 i{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 28px; background: #018aff; color: #fff; font-size: 18px; font-style: normal; border-radius: 15px; text-align: center;}
.zlfw-bgimg{ background: url("../images/sy-zlfw-bg.png");}
.zlfw-list li{ float: left; width: 455px; height:224px; overflow: hidden;}
.zlfw-list li:nth-of-type(1){ border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px;}
.zlfw-list li:nth-of-type(2){ border-bottom: #eaeaea solid 1px;}
.zlfw-list li:nth-of-type(3){ border-right: #eaeaea solid 1px;}
.zlfw-list li img{ display: block; float: right; margin-top: 20px;}
.zlfw-list li div{ float: left; width: 50%; margin-top: 20px;margin-left: 35px; overflow: hidden;}
.zlfw-list li div h3{ font-size: 20px; font-weight: bold; margin-top: 30px;}
.zlfw-list li div p{ color: #999; margin-top: 12px; font-size: 14px;}
.zlfw-list li div span{ margin-top: 35px; display: block; float: left; font-size: 14px;}
.zlfw-list li div span i{ font-size: 24px; color: #ff7800; font-style: normal;}
.zlfw-list li div a{ margin-top: 35px; display: block; width: 75px; height: 28px; line-height: 26px; font-size: 12px; float: right; background: #fff; border: #eaeaea solid 1px; border-radius: 3px; text-align: center;}
.zlfw-list li div a:hover{ background: #018aff; color: #fff;  border: #018aff solid 1px;}

.news{ height: 440px; margin-top: 40px; padding-top: 40px; background: url("../images/sy-news-bg.png"); overflow: hidden;}
.newsbox{ width: 380px; height: 400px; float: left; background: #fff; }
.newsbox>h3{ height: 120px; line-height: 116px; font-size: 24px; color: #fff; text-align: center; }
.news-bg1{ background: url("../images/sy-gsdt-bg.png"); }
.news-bg2{ background: url("../images/sy-sbzs-bg.png"); }
.news-bg3{ background: url("../images/sy-sbzx-bg.png"); }
.newsbox>ul{ margin: 17px 0;}
.newsbox>ul>li{ margin-left: 20px; padding-left: 15px; background: url("../images/sy-news-icon.png") no-repeat 0 16px;}
.newsbox>ul>li>a{ display:block; width: 320px; line-height: 40px; color: #666666; font-size: 14px; }
.newsbox>ul>li>a:hover{ color: #018aff;}
.newsbox>a{ display: block; text-align: center; color: #018aff; font-size: 16px; text-decoration: underline; }
.newsbox:nth-of-type(2){ margin-left: 30px;}
.newsbox:nth-of-type(3){ margin-left: 30px;}

.servicebox-title5{ color: #999999; overflow: hidden;}
.servicebox-title5 h3{ float: left; font-weight: bold; padding: 5px 0; font-size: 24px;border-bottom: #2ebf38 solid 3px;}
.servicebox-title5 span{ float: left; display: block; width: 1044px; padding: 13px 0 10px 20px; font-size: 16px; color: #999; border-bottom: #f1f1f1 solid 3px; }
.servicebox-title5 h3 i{ display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 28px; background: #2ebf38; color: #fff; font-size: 18px; font-style: normal; border-radius: 15px; text-align: center;}
.sbzs-list{ margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sbzs-list img{ margin-bottom: 10px; border: #eaeaea solid 1px;}

.advantage{ margin-top: 20px; height: 100px; background: #323b46;}
.advantagebox{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.advantage span{ display: block; margin-top: 25px; }
.advantage span img{ float: left;}
.advantage span p{ float: left; margin-left: 10px; line-height: 25px; color: #fff; font-size: 16px; }
.advantage span p i{ display: block; color: #8fa0b3; font-size: 12px; font-weight: normal; font-style: normal; }

.bottom{ height: 220px; background: #2c343d; overflow: hidden; }
.bottom-link{ margin-top: 30px; overflow: hidden;}
.bottom-friend p{display: inline-block}
.bottom-link a{ float: left; color: #fff; font-size: 16px; }
.bottom-link i{ float: left; margin: 3px 25px 0 25px; display: block; width: 1px; height: 16px; background: #465362; }
.bottom-friend{ margin: 20px 0 0 0;}
.bottom-friend span,.bottom-friend a{ margin-right: 10px; color: #8fa0b3; font-size: 14px; }
.copyright{ position: relative; margin: 20px 0 0 0;}
.copyright span{ display: block; margin-right: 10px; color: #8fa0b3; font-size: 14px; line-height: 30px; overflow: hidden; }
.copyright span a{ display: block; float: left; color: #8fa0b3; font-size: 14px; line-height: 30px;  }
.copyright span i{ float: left; margin: 9px 15px 0 15px; display: block; width: 1px; height: 12px; background: #465362;  }
.weicode{ position: absolute; width: 300px; right: -15px; bottom: 20px;}
.weicode span{ display: block; width: 140px; float: left; font-size: 12px; text-align: center; color: #8fa0b3;}
.weicode span img{ display: block; margin: 0 auto;}

/*banner*/
.banner {min-width: 1200px;position: relative;height: 450px;overflow: hidden;}
.banner .banner-bd {position: relative;}
.banner .banner-bd ul {width: 100% !important;}
.banner .banner-bd li {width: 100% !important;height: 450px;background-size: 1920px 450px !important;}
.banner .banner-bd ul li a {display: block;width: 100%;height: 100%;}
.banner .banner-hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.banner .banner-hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 15px;height: 15px;margin: 0 5px;overflow: hidden;line-height: 9999px;filter: alpha(opacity=40);opacity: 0.4;background-color: #fff;border-radius: 50%;}
.banner .banner-hd ul .on {filter: alpha(opacity=100);opacity: 1;}

/*商标注册*/
.ny-sbzc-goods{ padding-top: 30px; overflow: hidden; }
.ny-sbzc-goods-l{ float: left; width: 880px; border: #4765ff solid 3px; }
.ny-sbzc-goods-l h2{ height: 50px; text-align: center; line-height: 50px; font-size: 24px; font-weight: bold; background: #4765ff; color: #fff; }
.ny-sbzc-goods-box{ float: left; position: relative; width: 288px; height: 330px;  overflow: hidden;}
.ny-sbzc-goods-box:nth-of-type(1){ border-right: #eaeaea solid 1px; }
.ny-sbzc-goods-box:nth-of-type(2){ border-right: #eaeaea solid 1px; }
.ny-sbzc-goods-box h3{ margin-top: 25px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-sbzc-goods-box p{ margin-top: 25px; font-size: 14px; text-align: center; color: #999; line-height: 24px; }
.ny-sbzc-goods-box span{ position: relative; display: block; margin-top: 25px; font-size: 14px; text-align: center; color: #666; }
.ny-sbzc-goods-box span i{ color: #ff7800; font-style: normal; font-size: 30px; }
.ny-sbzc-goods-box a{ position: absolute; top: 260px; left: 88px; display: block; width: 120px; height: 40px; line-height: 38px; text-align: center; background: #ff7800; color: #fff; font-size: 16px; border-radius: 3px; }
.ny-sbzc-goods-box a:hover{ background: #018aff;}
.ny-sbzc-goods-r{ float: right; width: 285px; border: #fa665f solid 3px; }
.ny-sbzc-goods-r h2{ height: 50px; text-align: center; line-height: 50px; font-size: 24px; font-weight: bold; background: #fa665f; color: #fff; }
.ny-sbzc-goods-box img{ display: block; margin: 0 auto; margin-top: 20px;}

/*创业套餐*/
.ny-cytc{ overflow: hidden;}
.cytc-box{ float: left; margin-top: 40px; margin-right: 60px; overflow: hidden;}
.cytc-box:nth-of-type(3){ margin-right: 0;}
.cytc-box-top{ width: 360px; height: 70px; line-height: 70px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; background: url("../images/cytc-bg1.png") no-repeat;}
.cytc-box-middle{ width: 360px; background: url("../images/cytc-bg2.png") repeat-y; overflow: hidden; }
.cytc-box-middle h3{ margin-top: 30px; margin-bottom: 20px; color: #ff7800; font-size: 24px; font-weight: bold; text-align: center;}
.cytc-box-middle span{  margin-left: 30px;  color: #999; font-size: 14px;}
.cytc-box-middle ul{ width: 300px; margin: 0 auto; margin-top: 5px; }
.cytc-box-middle ul li{ padding-left: 12px; font-size: 14px; line-height: 30px; background: url("../images/redpoint.png") no-repeat 0 13px; }
.cytc-box-middle a{ display: block; width: 240px; height: 50px; margin: 0 auto; margin-top: 20px; text-align: center; color: #fff; line-height: 48px; background: #ff7800; border-radius: 50px;}
.cytc-box-middle a:hover{ background: #018aff; color: #fff;}
.cytc-box-bottom{ width: 360px; height: 30px; background: url("../images/cytc-bg3.png");}
.ny-cytc-why{ margin-top: 50px; background: #f7f8fa; overflow: hidden; }
.ny-cytc-why h2{ font-size: 32px; text-align: center; margin-top: 50px;}
.ny-cytc-why-box{ width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 50px; line-height: 30px; }
.ny-cytc-why-box img{ max-width: 1200px; }

/*产品详情*/
.nyproduct{ background: #f7f8fa; overflow: hidden; }
.nyproduct-left{ float: left; width: 185px; }
.nyproduct-left-menu{ margin-bottom: 10px; width: 185px; background: #fff; 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; font-weight: bold;}
.nyproduct-left-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 15px; transition: all .3s;}
.nyproduct-left-menu ul{ display: none;}
.nyproduct-left-menu ul li{ width: 185px;}
.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: #ff7800;}
.nyproduct-left-menu-on{ background: #eaeaea; border-left: #ff7800 solid 5px;}
.nyproduct-left-menu-on a{ color: #ff7800!important;}
.rotating{ transform: rotate(180deg);}

.nyproduct-right{ float: right; width: 995px; }
.nyproduct-title{ padding-bottom: 40px; background: #fff; overflow: hidden; }
.nyproduct-title h3{ width: 910px; margin: 30px 0 0 40px; font-size: 30px; font-weight: bold; }
.nyproduct-title p{ width: 910px; margin: 10px 0 0 40px; font-size: 14px; color: #999;}
.nyproduct-type{ width: 910px; margin: 15px 0 0 40px; padding-bottom: 30px; background: #f7f8fa; overflow: hidden; }
.nyproduct-type>div{ margin: 15px 0 0 20px; font-size: 14px; color: #999;}
.nyproduct-type>div>span{  font-size: 14px; color: #999;}
.nyproduct-type>div>span>i{ font-size: 36px; color: #ff7800; font-weight: bold;}
.nyproduct-type>div>div{ display: inline-block;}
.nyproduct-type>div>div>a{ display: inline-block; margin-right: 10px; padding: 0 35px; height: 30px; line-height: 30px; text-align: center; border: #eaeaea solid 1px; cursor: pointer; transition: none;}
.nyproduct-type>div>div>a:hover{ color: #ff7800;}
.nyproduct-type-on{ border: #ff7800 solid 1px !important; color: #ff7800; background: url("../images/price-bg.png") bottom right no-repeat;}
.product-buy{ margin:25px 0 0 40px; float: left;  display: block; width: 150px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px;background: #ff7800; cursor: pointer;}
.product-consulting{ margin:25px 0 0 20px; float: left;  display: block; width: 150px; height: 46px; line-height: 46px; text-align: center; color: #ff7800; font-size: 16px; border: #ff7800 solid 1px; background: #fff; cursor: pointer;}
.nyproduct-introduce{ background: #fff; margin: 20px 0 0 0;}
.nyproduct-introduce>h3{ padding: 15px 0 15px 40px; font-size: 18px; border-bottom: #e9e9e9 solid 1px;}
.nyproduct-introduce-box{ padding: 40px;}
.nyproduct-introduce-box img{ max-width: 910px;}

.buy-box{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 1000;top: 0;left: 0;right: 0}
.buy-box-window{ position: fixed; top: 50px; left: calc(50% - 450px); width: 900px; background: #fff; border-radius: 6px;}
.buy-box-window-head{ position: relative; height: 60px; line-height: 60px; background: #018aff; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.buy-box-window-head h3{ width: 160px; margin: 0 auto; font-size: 22px; font-weight: bold; line-height: 60px; color: #fff; }
.buy-box-window-head span{ position: absolute; top:15px; right: 20px; display: block; width: 30px; height: 30px; background: url("../images/close-btn1.png") no-repeat; cursor: pointer;}
.buy-box-window-head span:hover{ background: url("../images/close-btn2.png") no-repeat;}
.buy-box-window-body{ }
.buypart{ width: 840px; margin: 0 auto; margin-top: 20px;}
.buypart-title{ height: 46px; background: #f5f5f5; overflow: hidden;}
.buypart-title h3{ width: 100px; margin-left: 20px; margin-top: 12px; padding-left: 10px; line-height: 20px; border-left: #018aff solid 5px; font-weight: bold; font-size: 16px;}
.buypart-body{ }
.buypart-body span{ display: block; margin-left: 20px; line-height: 46px;}
.buypart-formbody{ margin-top: 15px; overflow: hidden;}
.buypart-formbody>div{ margin: 5px 0; overflow: hidden;}
.w100{ float: left;}
.w50{ float: left;}
.w20{ float: left;}
.w100>span{ float: left; width: 85px; margin-top: 12px;}
.w100>input{ float: left; padding-left: 15px; width: 738px; height: 46px; line-height: 46px; border: #dcdcdc solid 1px;}
.w50>span{ float: left; width: 85px; margin-top: 12px;}
.w50>input{ float: left; padding-left: 15px; width: 300px; height: 46px; line-height: 46px; border: #dcdcdc solid 1px;}
.w20>span{ float: left; width: 85px; margin-top: 12px;}
.w20>input{ float: left; padding-left: 15px; width: 100px; height: 46px; line-height: 46px; border: #dcdcdc solid 1px;}
.buybottom{ margin-top: 20px; margin-bottom: 30px; text-align: center;}
.buybottom button{ margin: 0 10px; width: 150px; height: 46px; line-height: 46px; font-size: 18px;}
.buybottom button:nth-of-type(1){ background: #018aff; color: #fff; border: #018aff solid 1px;}
.buybottom button:nth-of-type(2){ background: #fff; color: #666; border: #c6c6c6 solid 1px;}
.success{ width:320px; height: 196px; position: fixed; top: calc(50% - 90px); left: calc(50% - 160px); background: url("../images/success-bg.png"); box-shadow: 0 0 10px #dcdcdc; z-index: 2000;  }
.success h3{ color: #fff; text-align: center; margin-top: 40px; font-weight: bold; font-size: 24px;}
.success p{ color: #fff; text-align: center; margin-top: 10px; font-size: 14px;}
.success button{ position: absolute; left: 100px; top: 140px; width: 130px; height: 36px; background: #fff; border: #c6c6c6 solid 1px; cursor: pointer;}

/*工商财税*/
.gscsbox{ margin-top: 30px; display: flex; justify-content: space-between; }
.gscsbox>div{ width: 285px; height: 316px; border: #eaeaea solid 1px; border-radius: 6px; }
.gscsbox>div span{ display: block; width: 285px; height: 100px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.gscsbox>div:nth-of-type(1) span{ background: url("../images/gscs-icon1.png") no-repeat 110px 20px  #00cfc0;}
.gscsbox>div:nth-of-type(2) span{ background: url("../images/gscs-icon2.png") no-repeat 110px 20px  #526cff;}
.gscsbox>div:nth-of-type(3) span{ background: url("../images/gscs-icon3.png") no-repeat 110px 20px  #9532f9;}
.gscsbox>div:nth-of-type(4) span{ background: url("../images/gscs-icon3.png") no-repeat 110px 20px  #fa7d55;}
.gscsbox>div h3{ text-align: center; font-size: 20px; font-weight: bold; margin-top: 20px;}
.gscsbox>div p{ text-align: center; font-size: 12px; margin-top: 10px; color: #999;}
.gscsbox>div h5{ text-align: center; font-size: 14px; margin-top: 20px;}
.gscsbox>div h5 i{ font-size: 30px; color: #ff7800; }
.gscsbox>div a{ display: block; margin: 0 auto; margin-top: 20px; width: 150px; text-align: center; line-height: 36px; font-size: 14px; background: #ff7800; color: #fff; border-radius: 3px; }
.gscsbox>div a:hover{ background: #018aff; }
.gscslist{ border: #eaeaea solid 1px; overflow: hidden;}
.gscslist-part{ width: 398px; height: 187px; float: left;}
.gscslist>div:nth-of-type(1){ border-bottom: #eaeaea solid 1px; border-right: #eaeaea solid 1px; }
.gscslist>div:nth-of-type(2){ border-bottom: #eaeaea solid 1px; border-right: #eaeaea solid 1px; }
.gscslist>div:nth-of-type(3){ border-bottom: #eaeaea solid 1px; }
.gscslist>div:nth-of-type(4){ border-right: #eaeaea solid 1px; }
.gscslist>div:nth-of-type(5){ border-right: #eaeaea solid 1px; }
.gscslist-part-top{ overflow: hidden;}
.gscslist-part-top img{ display: block; float: left; margin: 30px 0 0 30px;}
.gscslist-part-top span{ display: block; float: left; width: 260px; margin: 30px 0 0 30px;}
.gscslist-part-top span h3{ font-size: 20px; }
.gscslist-part-top span p{ margin-top: 10px; font-size: 12px; color: #999; }
.gscslist-part-bottom{ width: 340px; margin: 0 auto; overflow: hidden; margin-top: 20px;}
.gscslist-part-bottom h3{ float: left; font-size: 14px; }
.gscslist-part-bottom h3 i{ color: #ff7800; font-size: 30px; }
.gscslist-part-bottom a{ float: right; width: 90px; height: 36px; line-height: 36px; border: #eaeaea solid 1px; text-align: center; display: block; font-size: 14px; border-radius: 3px; }
.gscslist-part-bottom a:hover{ background: #018aff; color: #fff; border: #018aff solid 1px;}
.login-top{ overflow: hidden; }
.login-logo{ float: left; margin-top: 20px; }
.login-logo img{ float: left; }
.login-logo i{ display: block; float: left; margin: 7px 20px 0 20px; width: 1px; height: 60px; background: #999999; }
.login-logo span{ display: block; float: left; margin: 16px 0 0 0; font-size: 24px; color: #666; }
.login-top a{ display: block; float: right; margin: 55px 0 0 0; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #018aff; border-radius: 30px; color: #fff;}
.login-banner{ margin-top: 20px; height: 550px; background: url("../images/login-bg.jpg") center no-repeat; overflow: hidden;}
.logo-form{ float: right; margin-top: 80px; width: 380px; background: #fff; overflow: hidden;}
.logo-form h3{ font-size: 24px; text-align: center; margin: 30px 0; color: #666; }
.login-form-line{ width: 310px; margin: 0 auto; overflow: hidden;}
.login-form-line input{ margin: 0 0 15px 0; width: 262px; height: 43px; line-height: 43px; padding-left: 45px; border: #d0d0d0 solid 1px;}
.login-form-line input:nth-of-type(1){ background: url("../images/login-icon1.png") no-repeat 10px 10px;}
.login-form-line input:nth-of-type(2){ background: url("../images/login-icon2.png") no-repeat 10px 10px;}
.login-form-line>a{ display: block; float: right; font-size: 14px; color: #018aff;}
.login-form-line>button{ float: left; margin-top: 20px; display: block; width: 310px; height: 45px; line-height: 43px; color: #fff; background: #018aff; font-size: 18px; cursor: pointer; }
.login-form-line span{ float: left; margin-top: 25px; margin-bottom: 50px; display: block; font-size: 14px; color: #666; }
.login-weicode{ position: absolute; width: 300px; right: -15px; bottom: -45px;}
.login-weicode span{ display: block; width: 140px; float: left; font-size: 12px!important; text-align: center; color: #8fa0b3;}
.login-weicode span img{ display: block; margin: 0 auto; border: #eaeaea solid 1px;}
.login-bottom-link{ margin-top: 30px; overflow: hidden;}
.login-bottom-link a{ float: left; color: #666666; font-size: 14px; }
.login-bottom-link i{ float: left; margin: 3px 25px 0 25px; display: block; width: 1px; height: 16px; background: #cccccc; }
.login-copyright{ position: relative; margin: 20px 0 0 0; }
.login-copyright span{ display: block; margin-right: 10px; color: #999999; font-size: 14px; line-height: 30px; overflow: hidden; }

.registered-form{ float: right; margin-top: 50px; width: 380px; background: #fff; overflow: hidden;}
.registered-form h3{ font-size: 24px; text-align: center; margin: 30px 0; color: #666; }
.registered-form-line{ width: 310px; margin: 0 auto; overflow: hidden;}
.registered-form-line>input{ margin: 0 0 15px 0; width: 262px; height: 43px; line-height: 43px; padding-left: 45px; border: #d0d0d0 solid 1px;}
.registered-form-line>input:nth-of-type(1){ background: url("../images/login-icon1.png") no-repeat 10px 10px;}
.registered-form-line>input:nth-of-type(2){ width: 130px; background: url("../images/login-icon2.png") no-repeat 10px 10px;}
.registered-form-line>input:nth-of-type(3){ background: url("../images/login-icon2.png") no-repeat 10px 10px;}
.registered-form-line>input:nth-of-type(4){ background: url("../images/login-icon2.png") no-repeat 10px 10px;}
.registered-form-line>a{ float: right; display: block; width: 120px; height: 43px; line-height: 41px; color: #fff; background: #ff7800; font-size: 14px; text-align: center; }
.registered-form-line>button{ float: left; margin-top: 15px; margin-bottom: 30px; display: block; width: 310px; height: 45px; line-height: 43px; color: #fff; background: #018aff; font-size: 18px; cursor: pointer; }
.registered-form-line>span{ float: left; display: block; font-size: 14px; }
.registered-form-line>span a{ font-size: 14px; color: #018aff; }