body {margin: 0; padding: 0; font-family: "寰蒋闆呴粦";}
ul,li {margin:0; padding:0; list-style: none;}
a {color: #333;}
a,a:hover,a:active,a:link {text-decoration: none;}
iframe {overflow: auto;}
.table th.text-center, .table td.text-center{text-align: center;}
.text-white{ color: #fff;}
.text-red{ color: #e61b1e;}
.text-red-2{ color: #F66;}
.text-green{ color: #2bb201;}
.text-blue{ color: #1f8fff;}
.text-blue-2 {color: #3BB4E8;}
.text-orange{ color: #ff9900;}
.text-yellow{ color: #fef225;}
.text-green {color:#7FC5AD}
.text-bold{font-weight: bolder;}
.text-gray{color: #BCBCBC;}
.text-underline {text-decoration: underline;}

.bg-primary{ background-color: #ff3a35;}
.bg-gray{ background-color: #f3f3f3;}
.bg-gray2{ background-color: #f9f9f9;}
.ellipsis{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left:5px;}
.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-4{display: -webkit-box;  white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;}
.padded{padding:10px}
.btn-gray {background: #929292; color:#FFF;}
.btn-gray:hover {background: #7e7a7a; color: #FFF;}
.btn-blue {background: #3fc0f7; color: #FFF;}
.btn-blue:hover {background: #0e94cd; color: #FFF;}
.btn-red {border-radius: 0; padding: 6px 30px; background: #e6443f; color: #FFF;}
.btn-red:hover {background: #b80e09; color: #FFF;}
.bg-white {background: #FFF;  border-bottom:2px solid #e7342f ;}
.main {width: 1200px; margin: 0 auto; position: relative;}
.main1000 {width: 1000px; margin: 0 auto;}
.main1141{ width: 1141px; margin: 0px auto;}

.imgWrapper{line-height: 0;}
.imgWrapper img{max-width: 100%;}

.margin-l-20 {margin-left: 20px;}
.margin-t-15 {margin-top: 15px;}
.font-14 {font-size: 14px;}
.font-15 {font-size: 15px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.leftMarginNone{margin-left:0 !important;}

.width1000 .main{width: 1000px;}
.width1000 .header-logo .header-advantage span{ margin: 0;}
.width1000 .header-nav-class span {padding: 0 10px;}
.width1000 .header-nav li a{padding: 5px 10px;}
.width1000 .patent-service li{ margin-left: 8px;}
.width1000 .patent-service li , .width1000 .patent-service li h3{ width: 242px;}
.width1000 .patent-service-con{ width: 232px;}
.width1000 .patent-problem ul li{ width: 200px;}
.width1000 .footer-block01 , .width1000 .footer-block02{ margin:0 6px;}
.width1000 .main1141{ width: 1000px;}
.width1000 .flexslider{ height: 421px;}

.width1000 .index-service-con li.on, .width1000 .index-service-con li .item-right {width: 390px;}
.width1000 .index-service-con li, .width1000 .index-service-con li .item-left {width: 201px;}
.width1000 .index-service-con li .item-right-title {padding: 10px 10px 0;}
.width1000 .index-service-con li .item-right ul {padding: 5px 0 0 10px} 
.width1000 .index-service-con li .item-right li{width: 50%;}
.width1000 .index-service-con li .item-right li .title, .width1000 .index-service-con li .item-right li .description,.width1000 .index-service-con li .item-right li .price{margin:4px 0 0;}
.width1000 .index-service-con li .item-right li .price {color: #000; font-size: 12px;}
.width1000 .index-service-con li .item-right li .price span {font-size: 14px;}
.width1000 .index-service-con li .item-right li .price a {display: inline-block; margin-left: 30px; color: #0365ea;}
.width1000 .index-service-con li .item-right li .description {color: #666; font-size: 10px;}
.width1000 #outer {width: 1000px;}
.width1000 .box {width: 499px;}
.width1000 .box .item-left {width: 158px;}
.width1000 .box .item-right {float: right; width: 341px;}
.width1000 .index-exchange .tab-content li p {padding: 0 5px; font-size: 12px;}
.width1000 .shangbiao-search-right li .input {width: 200px;}

.width1000 .lawsuit-service li{ margin: 20px 23px 40px;}
.width1000 .brand-design li{width: 320px; margin: 5px 6px;}
.width1000 .brand-design-top{ width: 320px;}
.width1000 .trademark-right{ width: 570px;}
.width1000 .trademark-serve li{ margin: 0 66px;}
.width1000 .trademark-flow li{ width: 166px;}
.width1000 .trademark-flow li p:before, .width1000  .trademark-flow li p:after{ width: 83px;}
.width1000 .trademark-flow li p:before{left: -90px;}
.width1000 .rademark-question ul li{ margin: 10px 25px 20px;}

.width1000 .clientele-content .flexslider{ height: 320px;}

.width1000 .team-tab li{ padding: 0 5px;}
.width1000 .trademark-serve4 li{ margin: 0 25px;}
.width1000 .trademark-serve5 li{ margin: 0px;}
.width1000 .trademark-serve6 li{ margin: 0; width:166px;}
.width1000 .trademark-flow2 li{ width: 500px;}
.width1000 .trademark-flow2 li p:before{ left: -260px;}
.width1000 .trademark-flow2 li p:before , .width1000 .trademark-flow2 li p:after{ width: 250px;}


.width1000 .trademark-flow9 li{ width: 200px;}
.width1000 .trademark-flow9 li:nth-child(9) p:after{width: 173px;}

.listrow-3{float: left; width: 200px; margin: 0 66px; text-align: center;}
.listrow-3 h4{ font-weight: 700;color: #666; margin-top: 20px;}

.top-demand-list{ position: absolute; top: 45px; right: 135px; background:#565050; padding: 0 15px; z-index: 10; display: none;}
.top-demand-list li{ line-height: 30px;}
.top-demand-list li a{ color: #fff;}

.header-logo {overflow: hidden; width: 100%;}
.header-logo img {float: left; padding-top: 5px;}
.header-logo .header-advantage {float: right; line-height: 79px;}
.header-logo .header-advantage span {display: inline-block; margin: 0 10px;}

.header-nav {position: relative; margin:10px auto 0;height:47px;}
.header-nav.underline{}
.header-nav li{float: left; position: relative; height: 45px; z-index: 9999;}
.header-nav li a{display: inline-block; padding: 5px 20px; line-height: 37px; color: #000; font-size: 16px;}
.header-nav li a:hover, .header-nav li a.active {color:#e7342f;}
.header-nav li a sup .iconfont {color:#F00; font-size: 25px;}

.header-nav li.header-nav-class a {display:inline-block; margin: 0 10px 0 0; width:216px; background: #e7342f; color: #FFF; font-size: 16px; text-align: center;}
.header-nav li.header-nav-class span {padding: 0 20px;}

.header-nav-tel {float: right; line-height: 40px; font-size: 20px;}
.header-nav-tel .iconfont {font-size: 30px;}

.index-banner {clear:both; width: 100%;}
.fullSlide{position:relative;}
.fullSlide .bd{margin:0px auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .bd ul{width:100% !important}
.fullSlide .bd li{width:100% !important; overflow:hidden;text-align:center;}
.fullSlide .bd li img {width: 100%;}
.fullSlide .bd li a{display:block}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0}
.fullSlide .hd ul{text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin-right:11px;overflow:hidden; width:10px; height:10px; border-radius: 5px; background:#c2bcbc; font-size: 0px;}
.fullSlide .hd ul .on{background: #F00;}
.fullSlide .prev,.fullSlide .next{display:inline;position:absolute;z-index:1;top:50%;margin-top:-30px;left:50px;z-index:1;width:30px;height:60px;background:url(../images/slider-arrow.png) -130px -137px #918c8c no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5}
.fullSlide .next{left:auto;right:50px;background-position:-12px -137px}

.index-search {overflow:hidden; height:73px; line-height: 73px; background: #565050; vertical-align: middle; color:#FFF}
.index-search label {color: #FFF; font-size:18px; margin: 0 10px 0 0;}
.index-search input {line-height: normal; display: inline; height: 40px; margin-right: 10px;}
.input-name {width: 350px;}
.input-number {width: 250px;}
.index-search-r {float: right; margin-right: 100px; line-height: 73px;}
.index-search-r a {color: #FFF;}
.index-search-r span {display:inline-block; vertical-align: middle; line-height: 20px;}

.index-notice {height:45px; line-height: 45px; border-bottom: 1px solid #c4c4c4; }
.index-notice .main {height: 45px; overflow: hidden;}
.index-notice .iconfont {color: #666; font-size: 20px; vertical-align: top;}
.index-notice .index-notice-icon{position:absolute;top:0;left:0px;}
.index-notice .index-notice-wrapper{width:1160px;margin-left:40px;overflow:hidden;}
.index-notice .index-notice-item{float:left;width:50%;margin:0;}
.index-notice .index-notice-list{height:45px;overflow:hidden;}
.index-notice .index-notice-list li{list-style:none;line-height:45px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.container-gray {background: #f2f3f5; padding: 30px 0 50px;}
.container-gray2 {background: white; padding: 30px 0 50px;}
.container-white {background: #FFF; padding: 30px 0 20px;}
.container-green {background: #7FC5AD; padding:20px 0;}
.container-border-top-red {border-top: 1px solid #EA4440;}
.main .class-title{margin-top:35px; color: #333; font-size: 28px; line-height: 50px; text-align: center;}

.index-service-title {border-bottom: 1px solid #d9d9d9; text-align: center; line-height: 50px; font-size: 28px; color: #333;}
.index-service-title span {margin:0 auto; display:block; width: 50px; height: 3px; background: #F00;}
.index-service-con {margin:30px auto 0px; background: #FFF;}
.index-service-con ul {overflow: hidden;}
.index-service-con li {float:left; margin-right: 2px; width: 241px; overflow: hidden;}
.index-service-con li.margin-r-none {margin-right: 0;}
.index-service-con li.on {width: 470px;}
.item-inner {width: 100%; }
.item-left {float:left; padding:30px 10px 50px; width:241px; height: 335px; text-align: center; color: #FFF;}
.item-left-1 {border-top: 5px solid #5ba9ea; background: #2d93e8;}
.item-left-2{border-top: 5px solid #14c763; background: #17b45d;}
.item-left-3{border-top: 5px solid #06cdd2; background: #04b9c0;}
.item-left-4{border-top: 5px solid #f3a632; background: #ea9d29;}

.item-left .iconfont {font-size: 100px;}
.item-left p.title {margin:30px 0 10px; font-size: 20px; font-weight: bold;}
.item-left p.description {font-size: 13px;}
.item-right {float:left; width:470px;}
.item-right-title {padding:10px 30px 0px; overflow: hidden; background: url(../images/bg-01.jpg) no-repeat left bottom;}
.item-right-title span {display: inline-block; vertical-align: middle;}
.item-right-title .icon-1 .iconfont, .item-right-title .icon-2 .iconfont, .item-right-title .icon-3 .iconfont, .item-right-title .icon-4 .iconfont{font-size:55px}
.item-right-title .icon-1 .iconfont {color:#2d93e8; }
.item-right-title .icon-2 .iconfont {color:#17B45D; }
.item-right-title .icon-3 .iconfont {color:#04b9c0; }
.item-right-title .icon-4 .iconfont {color:#ea9d29; }

.item-right-title .icon-r {float: right; width: 85%; padding: 10px 10px 0;}
.item-right-title .icon-r .title {font-size: 20px; font-weight: bold; color: #000;}
.item-right-title .icon-r .description {font-size: 14px; color: #666;}
.item-right ul {padding: 5px 0 0 25px; overflow: hidden;}
.item-right li {float: left; width: 50%; margin:10px 0; padding-left: 6px;}
.item-right li .title a {display: inline-block; margin: 0; padding: 3px 8px; border: 1px solid #666;}
.item-right li .title a.hot {background: #e7342f; color: #FFF; border: 1px solid #e7342f;}
.item-right li .title .iconfont {color: #ff3201; font-size: 24px;}
.item-right li .description {color: #666; font-size: 12px;}
.item-right li .price {color: #000; font-size: 14px;}
.item-right li .price span {font-size: 18px;}
.item-right li .price a {display: inline-block; margin-left: 30px; color: #0365ea;}
.item-right li .price a:hover {text-decoration: underline;}

.index-honor ul {padding:30px 100px; overflow: hidden;}
.index-honor li{float: left; width:25%; text-align: center;}
.index-honor li a {display: block; margin: 15px 0; font-size: 16px;}
.index-honor li .img1, .index-honor li .img2, .index-honor li .img3, .index-honor li .img4{
	margin: 20px auto 0;
	background: url(../images/honor.png) no-repeat;
}

.index-honor li .img1{
	background-position: 0 0;
	width: 122px;
	height: 136px;
}

.index-honor li .img2{
	background-position: -150px 0;
	width: 122px;
	height: 136px;
}

.index-honor li .img3{
	background-position: -300px 0;
	width: 122px;
	height: 136px;
}

.index-honor li .img4{
	background-position: -450px -1px ;
	width: 122px;
	height: 136px;
}

#outer {position:relative; margin:30px 0 20px; overflow: hidden; height: 400px; width: 1200px;}
.box {position:absolute; float:left; overflow: hidden; width:539px; height: 400px; -moz-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); -webkit-box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); box-shadow: -5px 0px 5px rgba(1, 1, 1, 0.3); cursor: pointer; color: #FFF;}
.box .item-inner{width:100%}
.box .item-left {float: left; width: 198px; padding: 30px 10px; height: 400px; box-sizing: border-box;}
.box .item-left .title {margin:0; font-size: 30px; font-weight: normal;}
.box .item-left .title-en {margin:0; font-size: 12px;}

.box .item-left .img1, .box .item-left .img2, .box .item-left .img3, .box .item-left .img4{
	margin: 60px auto 30px;
	background: url(../images/brand.png) no-repeat;
}
.box .item-left .img1{background-position: 0 -1px; width: 106px; height: 100px;}
.box .item-left .img2{background-position: -147px -1px; width: 110px; height: 102px;}
.box .item-left .img3{background-position: -299px -1px; width: 100px; height: 96px;}
.box .item-left .img4{background-position: -449px 0; width: 119px; height: 85px;}

.box .item-right {float: right; width: 341px; height: 400px; padding:20px 0 20px 20px; transition: all 500ms;}
.box .item-right ul {margin:0; padding:0; overflow: hidden;}
.box .item-right li {float: left; margin: 10px 10px 0 0; padding: 0; width: 30%; height: auto;}
.box .item-right p {margin-top:20px; padding-left:20px; line-height: 25px; font-size: 14px;}
.box .item-right span {display:block; margin: 20px 0; text-align:center}
.box .item-right span a {display:inline-block; margin: 0 auto; padding: 10px 40px; border: 1px solid #FFF; color: #FFF;}
.box .item-right span a:hover {background: rgba(0,0,0,0.3); border: none;}
.box .margin-r-none {margin-right: 0;}
.item-bg-1 {background: #2d93e8;}
.item-bg-2 {background: #17b45d;}
.item-bg-3 {background: #04b9c0;}
.item-bg-4 {background: #ea9d29;}
.box .item-r-bg-1{background: #1976c3;}
.box .item-r-bg-2{background: #05a94e;}
.box .item-r-bg-3{background: #0a9fa5;}
.box .item-r-bg-4{background: #db880b;}

.index-exchange .tab {margin:15px auto; text-align: center;}
.index-exchange .tab a {display:inline-block; margin-right:-5px; padding: 15px 50px; border-top: 1px solid #dadee7; border-right: 1px solid #dadee7; border-bottom: 1px solid #dadee7; font-size: 15px;}
.index-exchange .tab a.margin-l {border-left: 1px solid #dadee7;}
.index-exchange .tab a.active {background: #e7342f; color: #FFF; text-decoration: none;}
.index-exchange .tab-content {overflow: hidden;}
.index-exchange .tab-content ul {margin:0 auto 20px; overflow: hidden;}
.index-exchange .tab-content li {float: left; margin: 20px 0.5% 0 0; width: 19.5%; border: 1px solid #cbcbcb;}
.index-exchange .tab-content li img {max-width: 100%;}
.index-exchange .tab-content li p {margin:0;  background: #ebebeb; line-height: 40px; color: #e7342f;}
.index-exchange .tab-content li p a {float: right;}

.index-platform {background:url(../images/container-bg01.png) no-repeat center; height: 650px;}
.index-platform ul {margin:10px auto 0px;}
.index-platform li {float: left; background: #FFF; margin:20px 2% 0 0; width: 49%;}
.index-platform li.margin-r-none {margin-right: 0;}
.index-platform li .item-left { float:left; padding: 30px 20px; width: 38%; height: auto; text-align: center;}
.index-platform li .item-left a {font-size: 16px;}
.index-platform li .item-right {float: left; padding: 30px; width: 60%; background: url(../images/plateform-bg-01.png) no-repeat left 50%; height: 210px;}
.index-platform li .item-right p {line-height: 25px;}
.index-platform li .item-right p span{color: #e8342f;}
.index-platform li .item-right .icon {position: relative; margin: 0; padding: 0;}
.index-platform li .item-right .icon span {position: absolute; background:url(../images/icon-02.png) no-repeat left 50%; width: 7px; height: 38px; z-index: 1;}
.index-platform li .item-right .icon a {position:absolute; left:6px; padding: 0 20px; display: inline-block; border: 1px solid #e8342f; line-height: 38px; font-size: 15px; color: #e8342f;}
.platform-icon1, .platform-icon2, .platform-icon3, .platform-icon4{
	margin: 10px auto 30px;
	background: url(../images/sprites.png) no-repeat;
}
.platform-icon1{
	background-position: -50px -50px ;
	width: 76px;
	height: 58px;
}

.platform-icon2{
	background-position: -150px -51px ;
	width: 66px;
	height: 73px;
}

.platform-icon3{
	background-position: -248px -51px ;
	width: 63px;
	height: 64px;
}

.platform-icon4{
	background-position: -341px -51px ;
	width: 64px;
	height: 55px;
}
.index-partner {margin: 50px auto 30px; text-align: center;}


.shangbiao-search-container {border: 1px solid #c5c5c5; overflow: hidden; background: #FFF;}
.shangbiao-search-container .border-top {border-top: 1px solid #c5c5c5;}
.shangbiao-search-left {float: left; width: 20%; border-right: 1px solid #c5c5c5; box-sizing: border-box;}
.shangbiao-search-left-title {display: block; padding: 10px; text-align: center;}
.shangbiao-search-icon-1, .shangbiao-search-icon-2 {margin: 23px auto; width: 64px; height: 66px; }
.shangbiao-search-icon-1 {background: url(../images/search-01.png) no-repeat center; }
.shangbiao-search-icon-2 {background: url(../images/search-02.png) no-repeat center;}
.shangbiao-search-left-title span {font-size: 20px; line-height: 50px;}

.shangbiao-search-right {float: right; width: 80%;}
.shangbiao-search-right ul {padding: 20px 40px;}
.shangbiao-search-right li {margin: 5px 0 15px;}
.shangbiao-search-right li span {display: table-cell; width: 80px; vertical-align: middle;}
.shangbiao-search-right li span.inline-block {display: inline-block;}
.shangbiao-search-right li span.required {display:inline; color: #F66;} 
.shangbiao-search-right li span.message {display:inline; color: #b6b4b4;}
.shangbiao-search-right li span.message-red {display:inline; width: auto; color: #e66864; }
.shangbiao-search-right li .input {display: inline-block; width: 250px; height: 32px;}
.shangbiao-search-right li img {border: 1px solid #CCC;}

.shangbiao-search-right li .input.w-120 {width: 120px;}
.shangbiao-search-right li .input.w-80 {width: 80px;}
.shangbiao-search-right div{display: table-cell; width: 800px; vertical-align: middle;}
.shangbiao-search-right div .span-checkbox {display: inline-block; width: 150px;}
.shangbiao-search-right div label {margin: 0 15px 0 10px;font-weight: normal;}
.shangbiao-search-right .btn {display: inline-block; margin-right: 30px;}

.shangbiao-recommend-title {border-bottom: 1px solid #e0e0e0; padding:0 20px; line-height: 45px; color: #383839;}
.shangbiao-recommend-title span {float: right;}
.shangbiao-recommend-con {margin: 0 auto; padding: 20px 0; text-align: center;}
.shangbiao-recommend-con li {display: inline-block; margin: 0 20px 10px 0;}
.shangbiao-recommend-con li a {display:inline-block; width: 200px; background: #f5f5f5; line-height: 25px;}
.shangbiao-recommend-con li a.red {background: #F66; color: #FFF;}

.shangbiao-table thead tr th {background: #5ec7f4; border: none; line-height: 30px; color:#FFF}
.shangbiao-table tbody tr td {line-height: 30px;}
.shangbiao-table tbody tr.gray {background: #f5f5f5;}

.help-nav {float: right; height: 93px;}
.help-nav a {display: inline-block; margin: 30px 0 0; padding: 0 10px; line-height: 40px; font-size: 16px; vertical-align: top;}
.help-nav a.active {color: #E9413C;}
.help-tab li {display: inline-block; margin: 10px 0 0; padding: 10px 40px; background: #edfbf6; border-radius: 5px 5px 0 0; line-height: 30px; color: #4F6D6D; font-size: 18px; cursor: pointer;}
.help-tab li.active {background: #FE514D; color: #FFF;}
.help-tab-content {border-top: 4px solid #FE514D; border-bottom: 4px solid #C4E9DC; background: #FFF;}
.help-tab-content ul {padding: 20px 40px; overflow: hidden;}
.help-tab-content li {float: left; margin:0 1% 0 0; width: 24%; line-height: 35px;}
.help-tab-content li a {color: #4F6D6D;}

.help-title {text-align: center; line-height: 40px; font-size: 22px; font-weight: bold; color:#4D4D4D}
.help-content {margin:10px auto 0; overflow: hidden;}
.help-content li {float: left; width: 30%; margin:0 5% 30px 0;}
.help-content li .left {float:left; width: 20%; padding: 20px 0; color: #FFF; text-align: center;}
.help-content li .right {float: left; width: 80%; padding: 15px 20px; box-sizing: border-box;}
.help-content li .right li {float: left; width: 48%; margin: 0 4% 0 0; padding: 0; line-height: 30px;}
.help-content li .right li a {color: #0289CC;}
.help-content li.margin-r-none, .help-content li .right li.margin-r-none {margin-right: 0;}
.help-content li.item-1 {border: 3px solid #8CA1E3;}
.help-content li.item-1 .icon {margin: 0 auto 20px; background: url(../images/help-1.png) no-repeat; width: 51px; height: 48px;}
.help-content li.item-1 .left {background: #8CA1E3;}
.help-content li.item-2 {border: 3px solid #98CF95;}
.help-content li.item-2 .icon {margin: 0 auto 20px; background: url(../images/help-2.png) no-repeat; width: 49px; height: 48px;}
.help-content li.item-2 .left {background: #98CF95;}
.help-content li.item-3 {border: 3px solid #F1A67C;}
.help-content li.item-3 .icon {margin: 0 auto 20px; background: url(../images/help-3.png) no-repeat; width: 49px; height: 48px;}
.help-content li.item-3 .left {background: #F1A67C;}
.help-content li.item-4 {border: 3px solid #E88375;}
.help-content li.item-4 .icon {margin: 0 auto 20px; background: url(../images/help-4.png) no-repeat; width: 49px; height: 48px;}
.help-content li.item-4 .left {background: #E88375;}
.help-content li.item-5 {border: 3px solid #E2C14E;}
.help-content li.item-5 .icon {margin: 0 auto 20px; background: url(../images/help-1.png) no-repeat; width: 49px; height: 48px;}
.help-content li.item-5 .left {background: #E2C14E;}
.help-content li.item-6 {border: 3px solid #84D8D5;}
.help-content li.item-6 .icon {margin: 0 auto 20px; background: url(../images/help-2.png) no-repeat; width: 49px; height: 48px;}
.help-content li.item-6 .left {background: #84D8D5;}
.help-more{text-align: right;}

.help-problem {background:#FFF; border: 1px solid #DEDEDE; overflow: hidden; box-sizing: border-box;}
.help-problem-left {float: left; background: #F9F9F9; width: 20%; border-right: 1px solid #EDEDED; box-sizing: border-box;}
.help-problem-left li a{display:inline-block; padding:0 0 0 30px; width: 100%; border-top: 1px solid #FFF; border-bottom: 1px solid #EDEDED; line-height: 50px; font-weight: bolder; color: #575757;}
.help-problem-left li a:hover {background: #E6E8EC;}
.help-problem-right {float: right; padding-left: 2%; width: 80%; background: #FFF; box-sizing: border-box;}
.help-problem-right-title {margin: 20px 0; padding:0 0 0 10px; border-left: 6px solid #E8342F; line-height: 35px; font-size: 20px;}
.help-problem-right ul {margin:0 20px 0 0; padding:20px 0; border-top: 1px solid #BEAEAD;}
.help-problem-right ul li span {color:#0289cc; line-height: 40px; cursor: pointer;}
.help-problem-content {padding:0 15px; display: none;}

.container-shopping {background:#FCFCFC; border-top:1px solid #E83934;}
.shopping-process {float: right; margin:15px auto; overflow: hidden;}
.shopping-process li {display:inline-block; position: relative;}
.shopping-process li i{display:block; margin:10px 95px 10px 0; width:25px;height: 25px;text-align:center;font-style: normal; color: #727272; border-radius: 50%;border: 3px solid #ddd;}
.shopping-process li:after{content:'';position: absolute;top:20px;left:25px;width:100px;height: 2px;background-color: #ddd;}
.shopping-process li:last-child:after{width:0;}
.shopping-process li:last-child i{margin-right:0;}
.shopping-process li.shopping-process-success i{background-color: #E8342F; color:#FFF;border-color: #E8342F;}
.shopping-process li.shopping-process-success p {color: #E8342F;}
.shopping-process li.shopping-process-success:after{background-color: #E8342F;}

.span-number {display: inline-block; border: 1px solid #CCC;}
.span-number i {display: inline-block; width: 20px; text-align: center; font-style: normal; cursor: pointer;}
.span-number input {width: 50px;padding:0 10px;}
.shopping-title {margin: 30px 0 10px; padding: 0px 0 10px; border-bottom:2px solid #CCC; font-size: 18px; color: #333; overflow: hidden;}
.shopping-title-service {float: right; padding: 5px 20px; background: #FFF; border-radius: 5px; border: 1px solid #E8342F; font-size: 14px; font-weight: normal; color: #E8342F;}
.shopping-table {color:#4A4B4B}
.shopping-table p{margin: 5px 0; line-height: 25px;}
.shopping-table .shopping-table-tr1 {border: 1px solid #CCC;}
.shopping-table > thead > tr > th {border-bottom: none;}
.shopping-table tbody tr td {vertical-align: middle;}
.shopping-table tbody tr td .type{display: inline-block; padding: 0 15px; border: 1px solid #F66; color: #F66;}
.shopping-table tbody .shopping-table-tr2 {border: 1px solid #CCC;}
.shopping-table tbody .shopping-table-tr2 td { padding: 0 8px;}
.shopping-table tbody .shopping-table-tr2 .td-submit {padding:0;}
.shopping-table tbody .shopping-table-tr2 p {line-height: 20px;}
.shopping-table tbody .shopping-table-tr2 .td-submit a,.shopping-table tbody .shopping-table-tr2 .td-submit .btn-submit{border:none;display:inline-block; background: #E8342F; width: 100%; line-height: 60px; color: #FFF; text-align: center; font-size: 20px;}
.shopping-table tbody .shopping-table-tr2 .td-submit a:hover,.shopping-table tbody .shopping-table-tr2 .td-submit .btn-submit:hover{background: #CC1C17;}
.shopping-table .padding > td {padding:15px 8px;}

.shopping-collect-title {margin:30px 0 15px; padding:0 0 0 10px; border-left: 4px solid #E8342F; font-size: 18px; color: #333;}
.shopping-collect-content {margin:0 0 20px; padding: 20px; border: 1px solid #CCC;}
.shopping-collect-content li {display: inline-block; padding:30px 25px; width: 16%; box-sizing: border-box; text-align: center;}
.shopping-collect-content li img {max-width: 100%;}
.shopping-collect-content li p {margin:5px auto 0; padding:0; line-height: 30px;}
.shopping-collect-content li p a {padding:5px 10px; border-radius:5px; border: 1px solid #E8342F; color:#E8342F}
.shopping-collect-content li p a:hover{background: #E8342F; color: #FFF;}

.shopping-advantage {padding: 20px 50px; text-align: center;}
.shopping-advantage li {display: inline-block; margin:0 3%; padding:0 0 0 50px; box-sizing: border-box; line-height: 50px; font-size: 18px; font-weight: bold; color: #565656;}
.shopping-advantage li.icon-1{
	background: url(../images/cart-01.png) no-repeat left center;
}
.shopping-advantage li.icon-2{
	background: url(../images/cart-02.png) no-repeat left center;
}
.shopping-advantage li.icon-3{
	background: url(../images/cart-03.png) no-repeat left center;
}

.shopping-order select {display: inline-block; width: 200px;}
.shopping-order-title {font-weight: bolder; font-size: 16px; line-height: 50px; overflow: hidden;}
.span-tips {position: relative; margin-left:10px}
.span-tips .span-icon {position: absolute;background: url(../images/icon-02.png) no-repeat left 50%; height:50px; width:7px; z-index: 1;}
.span-tips .span-tips-content {position:absolute;left: 6px; display:inline-block; margin:12px 0; padding:0 10px; width:520px;line-height: 25px; font-weight: normal; font-size: 14px; color: #E93C38; border: 1px solid #E93C38; border-radius: 4px;}
.shopping-order-type {margin:15px 0; padding:5px 10px;border: 1px solid #CCC; font-weight: bold;}
.shopping-order-type ul {padding: 20px;}
.shopping-order-type li {display: inline-block; margin-right: 1%; width: 23.5%; line-height: 30px; font-size: 14px;}
.shopping-order-type li label {margin-left:5px; font-weight: normal;}
.shopping-order-type li.margin-r-none {margin-right: none;}
.shopping-order-submit {margin:5px 0 20px; float: right; overflow: hidden;}
.shopping-order-submit .btn-red {padding:12px 30px; color: #FFF; font-size: 18px; background: #E8342F;}
.shopping-order-submit .btn-red:hover {background: #b80e09;}


.patent-banner{ background: url(../images/patent-banner.jpg) no-repeat center center;}
.patent-search-wrap{ color: #fff; padding-top: 66px;}
.patent-search-wrap b{font-size: 40px;}
.patent-search-wrap p{ font-size: 18px; margin: 10px auto 30px;}
.patent-search input , .patent-search a{height: 47px; line-height: 47px; vertical-align: middle;}
.patent-search input{border: none; width: 542px; color: #333; padding: 0 10px; border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.patent-search a{display: inline-block; width: 148px; font-size: 18px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.patent-title{ background: url(../images/patent-title.png) no-repeat; font-weight: 700; width: 462px;; margin: 35px auto; text-align: center; line-height: 4px; color: #666;}
.patent-service{ margin-bottom: 250px;}
.patent-service li{ float: left; width: 272px; position: relative; margin-left: 28px;}
.patent-service li h3{ background: url(../images/patent-service-title.png) no-repeat; width: 272px; height: 63px; color: #fff; text-align: center; line-height: 63px; font-weight: 700; margin-bottom: 0;}
.patent-service li .patent-service-title01{ background-position: 0px 0px;}
.patent-service li .patent-service-title02{ background-position: 0px -73px;}
.patent-service li .patent-service-title03{ background-position: 0px -146px;}
.patent-service li .patent-service-title04{ background-position: 0px -219px;}
.patent-service-con{ position: absolute; top: 79px; left: 5px; border: solid 1px #e6e6e6; border-top: none; width: 262px; padding: 20px 10px;}
.patent-service-con h4{ border-bottom: solid 1px #cccccc; padding-bottom: 14px; font-size: 16px;}
.patent-service-con p b{font-size: 36px;}
.patent-service-con a{ display: block; margin: 0px auto; background: #ff5b5f; color: #fff; width: 200px; text-align: center; height: 40px; line-height: 40px; border-radius: 3px;}
.patent-service-con a:hover{ background: #ef5154;}
.patent-advantage-bg{ background: #dce9f7; padding: 20px 0;}
.patent-advantage li div{ background: url(../images/patent-service-icon.png) no-repeat; width: 116px; height: 116px; margin: 0px auto;}
.patent-advantage li div.patent-advantage-img01{ background-position: 0 0;}
.patent-advantage li div.patent-advantage-img02{ background-position: -126px 0;}
.patent-advantage li div.patent-advantage-img03{ background-position: -252px 0;}
.patent-advantage li p{ color: #666;}
.patent-features-wrap , .patent-case-bg , .patent-security , .patent-problem{ padding: 20px 0;}
.patent-features{ margin: 30px 0;}
.patent-features div:last-child{ margin-top: 70px;}
.patent-case-bg{ background: #f0efef;}
.patent-case img{ width: 100%;}
.patent-security h4{ width:333.3px; text-align: center; font-size: 16px; font-weight: 700; color: #666;}
.patent-security h4 i{ font-size: 40px;}
.patent-problem{ border-top: solid 1px #dedcdc;}
.patent-problem ul li{ float:left; width: 240px; text-align: center;}
 
.insider-banner{ height: 340px;}
.promote-bnnner{ position: relative; background: url(../images/promote-bnnner.png) no-repeat center center; height: 490px;}
.promote-register{ position: absolute; width: 1100px; padding: 40px 50px 80px; box-sizing: border-box; bottom:-210px; left: 50%; margin-left: -600px; box-shadow: 0 -3px 8px #bd2a41;}
.promote-register-top{ position: absolute; width: 1100px; padding: 40px 50px 80px; box-sizing: border-box; bottom:-340px; left: 50%; margin-left: -600px; box-shadow: 0 -3px 8px #bd2a41;}
.promote-register a{ display: block; position: absolute; bottom: 80px; right: 150px; width: 287px; text-align: center; height: 50px; line-height: 50px; border-radius: 5px; font-size: 20px;}
.promote-register-top a{ display: block; position: absolute; bottom: 80px; right: 150px; width: 287px; text-align: center; height: 50px; line-height: 50px; border-radius: 5px; font-size: 20px;}
.promote-register-left{ margin-right: 50px;}
.promote-register-left , .promote-register-left img{ width: 500px; height: 283px;}
.promote-register-right , .promote-register-right img{ width: 412px; height: 192px;}
.promote-service{ position: relative; top: 150px;z-index: 99; background: url(../images/promote-service.png) no-repeat center center; height: 606px; margin-bottom: 280px;}

.promote-customer-title{ margin: 40px 0;}
.flexslider{ height: 480px; overflow: hidden; position: relative;zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 421px; }
.flexslider .slides { zoom: 1; height: 421px; }
.slides li img{ width: 100%;}
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background: #a9a7a8; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #ea4c46; cursor: default; }

.promote-free{background: url(../images/promote-free.png) no-repeat center center; height: 653px;}
.promote-brand{position: relative; background: url(../images/promote-brand.png) no-repeat center center; height: 648px;}
.promote-brand a{ position: absolute; right: 380px; bottom: 170px; display: block; background: #e4393c; width: 248px; text-align: center; height: 73px; line-height: 73px; border-radius: 3px; color: #fff; font-size: 24px;}
.promote-honor{ margin: 100px auto 30px;}
.promote-honor li{ float: left; width: 217px; margin: 0 16px;}
.promote-honor li a img{ width: 217px; border: solid 1px #b1b1b1; border-bottom: none;}
.promote-honor li a p{ background: #f85c5d; text-align: center; color: #fff; height: 38px; line-height: 38px;}

.promote-commend{ background: url(../images/promote-commend.png) no-repeat center center; height: 655px; padding-top: 145px; box-sizing: border-box;}
.promote-commend-list{ display: block; width: 138px; border: solid 4px #d22e49; color: #fff; margin: 0 8px;}
.promote-commend-list img{ width: 130px; height: 269px;}
.promote-commend-list h3{ font-weight: 700; margin: 10px 0; padding-left: 10px;}
.promote-commend-list ul{ padding: 0 8px; height: 113px;}
.promote-commend-list ul li{ border-bottom: dashed 1px #d22e49; line-height: 26px; font-size: 12px;}
.promote-commend-first , .promote-commend-first img{ width: 367px;}
.promote-commend-first img{ height: 273px;}
.promote-commend-first{ margin: 0 8px;}
.promote-commend-first ul{background: #43a587; padding: 20px 0;}
.promote-commend-first ul li{line-height: 40px; border-bottom: dashed 1px #5fb299; padding-left: 80px; font-size: 16px; color: #fff;}

.promote-informate{ margin: 80px auto;}
.promote-data{ width: 350px;}
.promote-data h2 i{ font-size: 40px;}
.promote-counsel{ width: 514px; background: #f0dca8; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.promote-data-form .form-control{ background-color: #f3f3f3; border-radius: 0; height: 38px; border:solid 1px #b1b1b1}
.promote-data-form{ margin-top: 40px;}
.promote-data-form .form-group{ margin-bottom: 10px;}
.promote-counsel-top , .promote-counsel-content p{font-size: 24px;}
.promote-counsel-top b{ font-size: 36px;}
.promote-counsel-content{ background: url(../images/promote-voucher.png) no-repeat; height: 174px; padding:43px 0; box-sizing: border-box; margin: 30px 0 20px;}
.promote-counsel-content p{ padding-left:80px;}
.promote-counsel-content p:first-child{ border-bottom:solid 1px #eedba6; padding-bottom: 10px;}
.promote-counsel-btn{ width: 260px; margin: 0px auto;}

.counselor-banner{ background:url(../images/counselor-banner.jpg) no-repeat center center;}
.counselor-text-orange{color: #ff5f2b;}
.counselor-bg-orange{background: #ff5f2b; color: #fff;}
.counselor-text-green{color: #4bc177;}
.counselor-bg-green{background: #4bc177; color: #fff;}
.counselor-text-blue{color: #29d4d4;}
.counselor-bg-blue{background: #29d4d4; color: #fff;}
.counselor-text-yellow{color: #fdb026;}
.counselor-bg-yellow{background: #fdb026; color: #fff;}
.counselor-bg-orange:hover , .counselor-bg-orange:focus ,
.counselor-bg-green:hover , .counselor-bg-green:focus ,
.counselor-bg-blue:hover , .counselor-bg-blue:focus ,
.counselor-bg-yellow:hover , .counselor-bg-yellow:focus{ color: #fff;}
.counselor-top{ margin: 30px 0;}
.counselor-top li{ float: left; width: 212px; padding-bottom:30px; border: solid 2px #d9d9d9; margin: 0px 17px; text-align: center; border-radius: 5px;}
.counselor-top li:first-child:hover{border: solid 2px #ff5f2b;}
.counselor-top li:nth-child(2):hover{border: solid 2px #4bc177;}
.counselor-top li:nth-child(3):hover{border: solid 2px #29d4d4;}
.counselor-top li:last-child:hover{border: solid 2px #fdb026;}
.counselor-top li i{ font-size: 85px;}
.counselor-top li h3{ margin: -10px 0 10px;}
.counselor-top li p span{ font-size: 24px;}
.counselor-top li button{ width: 132px;}
.counselor-advantage-bg{ background: #f1f1f1;}
.counselor-advantage li div{ background: url(../images/counselor-advantage-icon.png) no-repeat;}

.lawsuit-banner{background: url(../images/lawsuitr-banner.jpg) no-repeat center center;}
.lawsuit-service li{ float: left; width: 286px; padding: 1px; box-sizing: border-box; margin: 20px 57px 40px;}
.lawsuit-service li div:first-child{ background: #eaf2fa;}
.lawsuit-service li div i{ font-size: 65px;}
.lawsuit-service li:first-child div i{color: #92d5b5;}
.lawsuit-service li:nth-child(2) div i{color: #82d4da;}
.lawsuit-service li:last-child div i{color: #ebc994;}
.lawsuit-service-list{ padding: 10px 50px;}
.lawsuit-service-list h4{ font-size: 20px; margin-bottom: 20px;}
.lawsuit-service-list p{font-size: 16px; line-height: 26px;}
.lawsuit-service-list p b{ font-size: 20px;}
.lawsuit-service-list button{ background: #fff; border-radius: 50px; border: none; width: 110px; text-align: center; height: 30px; line-height: 30px; color: #666; font-size: 16px; margin: 20px 0 15px;}
.lawsuit-service-list button:hover{ background-color: rgba(255,255,255,0.8);}
.lawsuit-advantage li div{ background: url(../images/lawsuit-advantage-icon.png) no-repeat;}

.trademark-banner{ background: url(../images/trademark-banner.jpg) no-repeat center center;}
.trademark-advantage-bg{ background: #5082bd;}
.trademark-title{ color: #fff; background:url(../images/trademark-title.png) no-repeat}
.trademark-advantage li div{ background: url(../images/trademark-advantage-icon.png) no-repeat;}
.trademark-advantage .listrow-3 h4 , .trademark-advantage .listrow-3 p{ color: #fff;}
.trademarkt-features div:last-child{ margin: 0; margin-right: 50px;}
.trademarkt-features div:first-child{border-right: solid 1px #dddbdb; padding-right: 50px; margin-left: 50px;}

.trademark-wrap{ margin: 20px 0 40px;}
.trademark-top-title{ border-bottom: solid 1px #a2a1a1; padding-bottom: 10px; margin-bottom: 25px; color: #666;}
.trademark-top-title h4 , .trademark-list-text h4{ font-weight: 700;}
.trademark-top-title a{ margin-top: 15px;}
.trademark-list li{ position: relative;  float: left; width: 224px; border: solid 1px #e8342f; border-radius: 3px; padding: 20px 0; box-sizing: border-box; margin: 0 12px;}
.trademark-text-icon{  width: 73px; text-align: center; height: 73px; line-height: 73px; margin: 0px auto; border-radius: 50%; color: #fff;}
.trademark-list-text{ padding: 0 20px;}
.trademark-list-text h4 , .trademark-list-text p{ color: #666;}
.trademark-list-text h4{line-height:22px;height:44px;}
.trademark-list-text p b{ font-size: 30px;}
.trademark-list-text a{ position: absolute; bottom: -17px; left: 50%; margin-left: -57px; display: block; width: 115px; text-align: center; height: 34px; line-height: 34px;}

.copyright-banner{ background: url(../images/copyright-banner.jpg) no-repeat center center;}
.copyright-advantage li div{ background: url(../images/copyright-advantage-icon.png) no-repeat;}
.copyright-top{ margin: 30px 0;}
.copyright-top li{ float: left; width: 468px; height: 242px; background: url(../images/copyright-top.png) no-repeat; text-align: center; color: #fff; padding-top: 10px;}
.copyright-top li h3{ margin: 10px 0;}
.copyright-top li i{ font-size: 50px;}
.copyright-top li p b{ font-size: 18px;}
.copyright-top li a{ display: block; width: 150px; text-align: center; margin: 0 auto; margin-top: 20px; height: 38px; line-height: 38px; border: solid 1px #fff; color: #fff;}
.copyright-top li.copyright-top-first{ background-position: 0px 0px;}
.copyright-top li.copyright-top-two{ background-position: -478px 0px; margin-left: 64px;}
.copyright-top li.copyright-top-first:hover{ background-color: rgba(114,219,162,.8);}
.copyright-top li.copyright-top-two:hover{ background-color: rgba(11,184,192,1);}
.copyright-top li.copyright-top-first a:hover{ border: solid 1px #07a94f; color: #07a94f;}
.copyright-top li.copyright-top-two a:hover{ border: solid 1px #068d82; color: #068d82;}


.brand-banner{ background: url(../images/brand-banner.jpg) no-repeat center center;}
.brand-design-wrap , .brand-superiority{ margin: 30px auto;}
.brand-design li{ float: left; width: 360px; margin: 5px 20px;}
.brand-design-top{ position: relative; background: url(../images/brand-design.png) no-repeat; width: 360px; height: 190px; color: #fff; padding-top: 2px; box-sizing: border-box;}
.brand-design-top01{ background-position: 0px 0px;}
.brand-design-top02{ background-position: -370px 0px;}
.brand-design-top03{ background-position: -739px 0px;}
.brand-design-top04{ background-position: 0px -200px;}
.brand-design-top05{ background-position: -370px -200px;}
.brand-design-top06{ background-position: -739px -200px;}
.brand-design-top div{ background: #fff; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; margin: 0px auto;}
.brand-design-top div i{ color: #272636; font-size: 50px;}
.brand-design-top p{ position: absolute; left: 0; bottom: 0; padding: 0 15px; margin: 0; background: #ffe377; color: #575757;}
.brand-design-text{ border: solid 1px #dddddd; height: 45px; line-height: 45px; margin: 0; border-top: none;}
.brand-design-text div b{ font-size: 24px;}
.brand-design-text a{ display: block;font-size: 18px; color: #666;}
.brand-design-text a:hover{ color: #ff5256;}
.brand-advantage li div{ background: url(../images/brand-service-icon.png) no-repeat;}

.brand-superiority li{ margin-top: 15px;}
.brand-superiority-left{ background: url(../images/brand-advantage.png) no-repeat; width: 232px; height: 115px; line-height: 115px; text-align: center;}
.brand-superiority-left i{ font-size: 60px; color: #272636;}
.brand-superiority-right{ width: 768px; background: #f3f3f3; padding: 6px 35px; box-sizing: border-box;}
.brand-superiority-right h3{ color: #4f4f4f; border-bottom: solid 2px #dcdcde; padding-bottom: 10px;}
.brand-superiority-right p{ font-size: 18px; color: #6d6d6e;}


.super-wrap{ width: 175px; position: fixed; right: 40px; top: 15%;z-index:999999;}
.super-man img{ width: 174px; height: 174px;}
.open-icon{opacity: 0;background: url(../images/open-icon.jpg) no-repeat;cursor: pointer; height: 110px; width: 32px; position: absolute;top: 58%;left: -32px; z-index: 1;}
.super-bg{ position: relative; background: #E7342F; padding: 15px; color: #fff;}
.super-bg , .super-name a{ color: #fff;}
.super-name{ line-height: 30px;}
.super-name , .super-name a{ font-size: 12px;}
.super-name p b{ font-size: 16px;}
.super-list{ margin-bottom: 10px;}
.super-list li{ background: #fff; border-radius: 5px; color: #333; width: 145px; line-height: 30px; padding: 0 5px; margin-bottom: 5px;}
.super-list li i{ font-size: 20px;}
.super-close{ position: absolute; right: 0; top: 0;}
.super-detail{ display: none;}
.super-detail li{ line-height: 28px; font-size: 12px; }
.super-detail li:first-child{ font-size: 14px; border-bottom: dashed 1px #fff;text-align: center;}


.aboutNavWp{position: absolute;}
.aboutNav{position: absolute;left:0;top:40px;margin-top:20px;padding:25px 0;border-right:1px solid #C4C4C4;}
.aboutNav li{padding:20px 0;width:120px;position: relative;}
.aboutNav li:after{content:'';position: absolute;right:-5px;top:25px;width:10px;height:10px;border-radius: 50%;background-color: #858585;}
.aboutNav a{line-height: 20px;color:#858585;font-size: 18px;;}
.aboutNav li.active a{color:#E83530;}
.aboutNav li.active:after{
	width: 34px;height:22px;right:-12px;top:20px;
	background: url(../images/aboutactive.png) no-repeat;
}
.introWrapper{
	float: right;
	padding-top: 40px;
	padding-bottom: 40px;
	width:1000px;
}

.width1000 .introWrapper{width: 800px;}
.introWrapper h3{position: relative;font-size: 22px;margin-bottom: 20px;}
.title-underline:after{content: '';height:2px;background-color: #E45551;width:50px;position: absolute;left:50%;margin-left:-25px;top:35px;}
.introWrapper h3.title-underline{margin-bottom: 30px;}
.introWrapper h3 .text-gray{color:#858585;font-size: 20px;}
.introWrapper p{color:#808080;text-indent: 2em;line-height: 30px;margin-bottom: 1.5em;}
.about-culture{margin-top:40px}
.about-culture li,.about-youshi li{
	position: relative;
	min-height: 192px;
	border-top: 1px dashed #B0B0B0;
	padding:10px 0;
	padding-left:172px;
}
.about-youshi li:first-child{border-top: none;}
.about-youshi li{padding-left:300px;padding-top:40px;padding-bottom: 40px;min-height:270px;}
.about-youshi li img{position: absolute;left:10px;top:40px;}
.about-culture li:before{
	content: '';
	position: absolute;
	left:20px;
	right:40px;
	top:40px;
	width: 112px;
	height:112px;
	background: url(../images/about-sprites.png) no-repeat;
}
.about-culture li.concept:before{
	background-position: 0 0;
}
.about-culture li.mode:before{
	background-position: -124px 0;
}
.about-culture li.term:before{
	background-position: -251px 0;
}
.introWrapper h5{color: #636365;font-size: 18px;margin-top:20px;margin-bottom: 30px;}
.introWrapper h5 .lighter{color:#808080;}
.introWrapper .about-culture p{text-indent: 0;line-height: 30px;color:#808080;}
.about-history dl{position:relative;position: relative;margin-bottom: 1.5rem;}
.about-history dt,.about-history dd{display: inline-block;}
.about-history dt{line-height: 30px;width:20%;vertical-align:top;color:#636365;font-weight:normal;font-size: 22px;padding-left:40px;}
.about-history dd{line-height: 24px;width:79%;color: #858585;}
.about-history dl:before{content:'';position: absolute;left:150px;top:10px;width: 10px;height:10px;background-color:#FFF;z-index:9;border:1px solid #EB4C47;border-radius: 50%;}
.about-history dl:after{content: '';position: absolute;left:155px;top:0px;bottom:-1.5rem;border-left:1px dashed #B3B3B3;width: 1px;}
.about-history dl.about-history-last:after{bottom: auto;height:10px;}
.about-history dl.about-history-first:after{top:20px}
.about-img{position: relative;margin-top: 40px;}
.about-img:before{content: '';height:1px;position: absolute;left:50px;top:30px;right:0;background-color: #F3C9C8;}
.about-img-list{margin-top:30px;overflow: hidden;}
.about-img-list li{float:left;width:31.5%;margin-left:2.4%;}
.about-img-list li img{width:100%;height:208px;}
.place{ line-height: 65px;}
.trademark-left , .trademark-left img{ width: 410px; height: 346px;}
.trademark-right{ margin-left: 20px; width:768px;}
.trademark-right h3 , .trademark-serve li h4{ font-weight: 700; margin-top: 0;}
.trademark-right p{ border-bottom: dashed 1px #bebebe; padding-bottom: 5px;}
.trademark-right-form label{ padding-right: 0;}
.trademark-right-form .form-group{ margin-bottom: 10px;}
.form-horizontal .control-label.trademark-right-label{padding-top: 0;}

.u-upload{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;}
.u-upload button{ border: none; padding:0 10px;overflow:visible;background:url(../images/u-upload-icon.png) no-repeat; width: 32px; height: 32px; vertical-align: middle;}
.u-upload input{position:absolute;top:0;right:-1px;font-size:100px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.u-upload span{ color: #666;}

.trademark-list-block{ margin: 20px auto;width:1200px;}
.width1000 .trademark-list-block{width:1000px;}
.rademark-title-blod{ font-weight: 700; margin-bottom: 30px; text-align: center;font-family: inherit;line-height: 1.1;color: inherit;}
.form-horizontal .form-group.trademark-right-price{ background: #e7f9fe; line-height: 45px; padding: 0 15px; box-sizing: border-box; margin-right: 0;}
.trademark-right-price b{ font-size: 24px;}
.trademark-btn{ background: #e8342f; color: #fff; border-radius: 0;}
.trademark-btn:hover{ color: #fff; background: #df2d28;}
.trademark-btn-cart{ background: #0188f6;}
.trademark-btn-cart:hover{ background: #0281e8;}

.trademark-list-wrap{ border-top: solid 1px #bebfbf; margin: 10px 0; padding: 10px 0;}
.trademark-little-title{ border-left: solid 4px #e8342f; font-weight: 700; padding-left: 10px; line-height: 22px; margin-bottom: 20px;}

.trademark-serve{ border-bottom: solid 1px #cfcfcf;}
.trademark-serve li{ float: left; width: 200px; text-align: center; margin: 0 50px;}
.trademark-serve4 li{ margin: 0 50px;}
.trademark-serve5 li{ margin: 0 20px;}
.trademark-serve6 li{ margin: 0;padding:0 5px;}
.trademark-serve li i{ color: #a3a3a3; font-size: 65px;}

.trademark-client-croll{}
#sbzccp-flexslider1.flexslider{ width: 100%; height: 130px; overflow: hidden; position: relative; zoom: 1; }
#sbzccp-flexslider1 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#sbzccp-flexslider1 .loading .flex-viewport { max-height: 130px; }
#sbzccp-flexslider1 .slides { zoom: 1; height: 130px;}
#sbzccp-flexslider1 .slides li img{ width: 184px; height: 100px; border: solid 1px #bebfbf;}
#sbzccp-flexslider1 .flex-viewport li {margin-right: 5px; text-align: center;}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a{display: block; background: url(../images/arr.png) no-repeat; width: 18px; height: 31px; position: absolute; top: 30%; z-index: 10; overflow: hidden;}
.flex-direction-nav .flex-prev { left: -60px; background-position:0 0 }
.flex-direction-nav .flex-next { right: -60px; background-position:-54px 0}
.flexslider:hover .flex-prev {left: 0px;}
.flexslider:hover .flex-next {right: 0px;}
.flexslider:hover .flex-prev:hover { background-position:-27px 0}
.flexslider:hover .flex-next:hover { background-position:-81px 0}



.trademark-flow li{ float: left; width: 200px;}
.trademark-flow li div , .trademark-flow-one-icon{ width: 100px; height: 104px; margin: 0 auto; line-height: 104px; background: #ff5a66; border-radius: 5px;}
.trademark-flow li div i , .trademark-flow-one-icon i{color: #ffeac8; font-size: 45px;}
.trademark-flow li h4{ font-size: 16px; font-weight: 700;margin:20px 0;}
.trademark-flow li  span{ display: block; color: #666; font-size: 12px; height: 28px; line-height: 28px;}
.trademark-flow li p{ color: #a3a3a3; position: relative; margin-top: 15px; width: 25px; height: 25px; border: solid 2px #a3a3a3; border-radius: 50%; margin: 0px auto;}
.trademark-flow li p:before , .trademark-flow li p:after{ position: absolute; top: 10px; left: 30px; background: #a3a3a3; content:""; width: 100px; height: 3px;}
.trademark-flow li p:before{ left: -110px; }
.trademark-flow li:first-child p:before , .trademark-flow li:last-child p:after{ height: 0;}
.trademark-flow-one li{ width: 842px; margin: 0 auto;}
.trademark-flow-one-text{ width: 740px; height: 104px; background: #fff; margin-left: -3px; border: solid 1px #a3a3a3; border-left: none; font-size: 16px; padding-top: 30px; box-sizing: border-box;}
.trademark-flow2 li{ width: 600px;}
.trademark-flow2 li p:before{ left: -310px;}
.trademark-flow2 li p:before , .trademark-flow2 li p:after{ width: 300px;}

.trademark-flow9 li:nth-child(6),.trademark-flow9 li:nth-child(7),.trademark-flow9 li:nth-child(8),.trademark-flow9 li:nth-child(9){ margin-top: 30px;}
.trademark-flow9 li ,.trademark-flow5 li{ width: 240px;}
.trademark-flow9 li p:before , .trademark-flow9 li p:after{ left: 40px;}
.trademark-flow9 li p:before{ left: -120px;}
.trademark-flow9 li:nth-child(5) p:after{ position: absolute; left: 10px; top: 40px; height: 19px; width: 3px; height: 197px;}
.trademark-flow9 li:nth-child(6) p:before{ height: 0;}
.trademark-flow9 li:nth-child(9) p:after{ height: 3px; width: 210px;}

.rademark-datum{ background-attachment: fixed; padding: 5px 0 30px;}
.rademark-datum table{ background: #fff;}
.rademark-datum table tr th , .rademark-datum table tr td{ line-height: 45px; border-top: solid 1px #dddddd; padding-left: 80px; box-sizing: border-box; font-size: 18px;}
.rademark-datum table tr th:last-child , .rademark-datum table tr td:last-child{border-left: solid 1px #dddddd;}
.rademark-datum table tr td span{ font-size: 20px;}
.rademark-datum-bill table tr td{ padding-left: 40%;}
.rademark-advantage-text{ width: 480px; margin: 0 auto; font-size: 16px; color: #666;}
.rademark-advantage-text b{ font-size: 20px;}
.trademark-customer{ background: #f5f5f5; padding: 20px 0;}

.rademark-question{ position: relative;}
.rademark-question ul{border-top: solid 1px #cfcfcf; padding: 30px 0;}
.rademark-question a{ position: absolute; right: 20px; top: 20px;}
.rademark-question ul li{position:relative; float: left;  margin: 0 75px;}
.rademark-question ul li b{position:absolute;top:10px;background: #e8342f; color: #fff; width:30px;text-align:center; line-height: 28px;}
.rademark-question ul li p{ margin-left: 35px; color: #666; line-height: 24px;}
.rademark-question li h4{padding-left:40px;line-height:28px;}

.trademark-san-title{ position: relative; border-bottom: solid 1px #ccc;}
.trademark-san-title span{ position: absolute; top: -12px; left: 50%; margin-left: -80px; background: #f9f9f9; padding: 0 40px;}
.trademark-san-choice{ border: solid 1px #e3e3e3; padding: 0 15px; background: #fff; border-bottom: solid 1px #ccc; margin-top: 30px;}
.rademark-san-tab li{ float: left; padding: 15px 25px; color: #666; cursor: pointer;}
.rademark-san-tab li.rademark-san-tab-active{ border-bottom: solid 2px #e8342f;}
.trademark-san-list li{ margin: 35px 12px;}

.rademark-san-search{ margin-top: 10px;}
.rademark-san-search input , .rademark-san-search button{height: 32px; line-height: 32px; vertical-align: middle;}
.rademark-san-search input{ width: 250px;  border: solid 1px #ccc; border-right: none; padding: 0 10px; box-sizing: border-box;}
.rademark-san-search button{ background: #e8342f; border: none; color: #fff; width: 60px;}


.register-head{ height: 85px; box-shadow: 0px 3px 3px #d7d7d7; background: #fff;}
.register-login , .register-code{ display: block; border: solid 1px #ff4f3f; color: #ff4f3f; border-radius: 3px; padding: 5px 15px; margin-top: 25px;}
.register-content{ padding: 10px 30px 50px 45px; margin: 36px auto;}
.register-content , .login-content-right{border:solid 1px #e3e3e3; background: #fff; border-radius: 3px;}
.register-content h3{ border-bottom: solid 1px #e3e3e3; padding-bottom: 20px;}
.register-content-left{ width: 335px; margin-top: 30px;}
.register-code{ border: solid 1px #d84438; color: #d84438; background: none; margin-top: 0;}
.copyright{ border-top: solid 1px #e3e3e3; height: 93px; line-height: 93px;}


.login-content{ margin: 70px auto 100px;}
.login-content-left , .login-content-left img{ width: 521px;}
.login-content-right{ width: 380px; padding: 10px 45px 50px;}
.login-content-right h3{ text-align: center; margin-bottom: 20px; font-size: 20px;}

.user-title-bg{ background: url(../images/user-title-bg.png) no-repeat; width: 190px; height: 42px; line-height: 42px; padding-left: 18px; box-sizing: border-box; margin-bottom: 20px;}
.clientele-content{ padding: 38px;}
.clientele-content-txt{ border-top: dashed 1px #939393; padding-top: 30px; margin-top: 30px;}
.clientele-left{ width: 45%;}
.clientele-left img{ width: 100%;}
.clientele-right{ width: 50%;}
.clientele-right h2 b{ font-size: 40px;}
.user-wrap p{ text-indent: 0;}
.clientele-content .flexslider{ height: 400px;}

.culture-title{ background: #f2f2f2; line-height: 44px; padding-left: 18px; border-top: solid 1px #dadada;border-bottom: solid 1px #dadada}
.culture-icon span{ display: inline-block; text-align: center; background: #f2f2f2; width: 46px; height: 46px; line-height: 46px; border-radius: 50%;}
.culture-icon span i{color: #272636; font-size: 25px;}
.culture-icon ul li{ float: left; width: 50%; line-height: 30px; color: #666;}

.honor-list img{margin: 5px; height: 187px;}
.team-tab{ border-top: solid 1px #dadada;border-bottom: solid 1px #dadada; height: 35px; line-height: 35px;}
.team-tab li{ float: left; font-size: 16px; padding: 0 10px; cursor: pointer;}
.team-tab-active{ background: #e8342f; color: #fff;}
.team-honor li{ float: left; margin: 10px;}
.team-honor li , .team-honor li img{ width: 200px;}
.team-honor li img{height: 258px;}
.team-honor li p{ background: #e45551; height: 40px; line-height: 40px; color: #fff; text-align: center;}
.team-content{ margin-top: 40px;}

.referPage{ padding: 15px;}
.form-horizontal{ padding: 15px;}
.form-horizontal.referPage-form{ padding: 20px 0;}
.form-horizontal.referPage-form .form-group , .referPage-form .row{ margin-left: 0; margin-right: 0;}
.form-horizontal.referPage-form .form-group{ margin-bottom: 25px;}
.referPage-form label{ padding-right: 0;}
.layui-layer-title small{ font-size:55%}

.index-honor li .img5, .index-honor li .img6{
	margin: 20px auto 0;
	background: url(../images/honor1.png) no-repeat;
}
.index-honor li .img7{
	margin: 20px auto 0;
	background: url(../images/honor3.png) no-repeat;
}
.index-honor li .img5{
	background-position: -150px 0;
	width: 122px;
	height: 136px;
}
.index-honor li .img7{
	background-position: -150px 0;
	width: 122px;
	height: 136px;
}
.index-honor li .img6{
	background-position: -300px 0;
	width: 122px;
	height: 136px;
}

.main02{background:url(../images/ldy-02.jpg) no-repeat center center;height:719px;}
.reason{margin:25px 0px;padding-left:50px;width:225px;height:54px;line-height:54px;float:left;background:url(../images/ldy-03.jpg)}
.process{margin:25px 0px 25px 190px;padding-left:80px;width:225px;height:54px;line-height:54px;float:left;background:url(../images/ldy-04.jpg)}
.reason01{display:none;margin:100px 0 0 320px;position: absolute;}
.process01{display:none;margin:10px 0 0 320px;position: absolute;}
.retrieve01{display:none;margin:100px 0px 0 120px;position: absolute;}
.entire01{display:none;margin:300px 0 0 320px;position: absolute;}
.div-right{width:450px;height:619px;float:left;}