/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/
#contant {
    visibility: visible;
}

h2.pubh2 {
    position: relative;
    text-align: center;
    color: #333333;
    font-size: 24px;
    padding: 60px 0;
}

h2.pubh2 span {
    color: #CC0033;
    font-size: 24px;
}

h2.pubh2:after, h2.pubh2:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #e7e7e7;
    width: 50%;
    top: 50%;
}

h2.pubh2:before {
    left: 0;
}

h2.pubh2:after {
    right: 0;
}

h2.pubh2 b {
    background: #fff;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}

h3.puc-h3 {
    height: 40px;
    line-height: 40px;
    margin: 50px 0;
    border-bottom: 1px solid #dddddd;
}

h3.puc-h3 b {
    color: #333333;
    border-bottom: 1px solid #000;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

h3.puc-h3 span {
    font-size: 14px;
    float: left;
}

h3.puc-h3 a {
    float: right;
    color: #ca0032;
}

header {
    height: 130px;
    width: 100%;
    position: relative;
}

header .top {
    background: #f5f5f5;
    height: 35px;
    line-height: 35px;
    color: #666666;
}

header .top a {
    color: #666666;
}

header .top .hot-search {
    float: left;
}

header .top .hot-search a {
    margin-right: 5px;
}

header .top ul {
    float: right;
}

header .top ul li {
    float: left;
    position: relative;
}

header .top ul li img {
    display: none;
}

header .top ul li.head-weix:hover img {
    display: block;
}

header .top ul li span {
    border-left: 1px solid #666;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    margin-top: -3px;
}

header .top ul li a {
    padding: 0 10px;
}

header .head h1 {
    float: left;
}

header .head .logo {
    float: left;
    height: 94px;
    line-height: 94px;
}

header .head .logo img {
    margin-top: 21px;
}

header .head .logo-name {
    float: left;
    line-height: 20px;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #666;
    color: #333333;
    font-size: 16px;
    margin-top: 31px;
}

header .head nav {
    font-size: 16px;
    float: right;
}

header .head nav .head-tel {
    margin-top: 15px;
    height: 29px;
}

header .head nav .head-tel span {
    display: inline-block;
    background: url(../images/top-tel.jpg) left center no-repeat;
    background-size: 29px 29px;
    height: 29px;
    line-height: 29px;
    padding-left: 35px;
    color: #cb0133;
    font-size: 18px;
    float: right;
}

header .head nav ul {
    width: 100%;
}

header .head nav ul > li {
    float: left;
    position: relative;
    line-height: 50px;
    line-height: 50px;
}

header .head nav ul > li.active a {
    color: #cc0033;
}

header .head nav ul li > a {
    color: #333;
    font-size: 16px;
    padding: 0 10px;
}
header .head nav ul li:hover>i{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
header .head nav ul li > i{
	display: inline-block;
    width: 10px;
    height: 8px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	margin-left: -2px;
	margin-right: 5px;
	-webkit-transform: rotate(180deg) translateY(1px);
	-moz-transform: rotate(180deg) translateY(1px);
	-ms-transform: rotate(180deg) translateY(1px);
	-o-transform: rotate(180deg) translateY(1px);
	transform: rotate(180deg) translateY(1px);
}
header .head nav ul li > i img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}
header .head nav ul li a:hover {
    color: #cc0033;
}

header .head nav ul li span {
    border-left: 1px solid #666;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    margin-top: -3px;
}

header .head nav ul li > a.active {
    color: #cc0033;
}

.Warranty {
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: none;
    z-index: 999;
}

.Warranty dd {
    border-bottom: 1px solid #ddd;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.Warranty dd:last-child {
    border-bottom: none;
}

.Warranty dd a {
    font-size: 15px;
}

footer .foot-top {
    background: url(../images/foot-top.jpg) center repeat-x;
    height: 206px;
    padding-top: 34px;
    overflow: hidden;
    width: 100%;
}

footer .foot-top dl {
    float: left;
    color: #fff;
    margin-right: 86px;
}

footer .foot-top dl dd {
    text-align: center;
}

footer .foot-top dl dt a {
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

footer .foot-top dl dd a {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
}

footer .foot-top dl a {
    color: #eee;
}

footer .foot-top .fot-ab dt {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
}

footer .foot-top .fot-ab b {
    float: left;
    font-weight: normal;
    color: #eee;
}

footer .foot-top .fot-ab dd {
    text-align: left;
    font-size: 14px;
    margin-bottom: 8px;
    overflow: hidden;
    line-height: 24px;
}

footer .foot-top .fot-ab span {
    float: left;
    color: #eee;
}

footer .foot-top .weix-code {
    float: right;
    margin-right: 48px;
}

footer .foot-top .weix-code p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}

footer .friendship {
    background: #3d3d3d;
}

footer .friendship dl {
    overflow: hidden;
    width: 1240px;
    padding-bottom: 15px;
}

footer .friendship dl dt {
    color: #eee;
    font-size: 16px;
    padding: 15px 0;
}

footer .friendship dl dd {
    float: left;
    margin-right: 34px;
}

footer .friendship dl dd a {
    color: #eee;
}

footer .friendship p {
    line-height: 43px;
    height: 43px;
    color: #eee;
    border-top: 1px solid #737373;
}
footer .friendship p .footer-gt-a{
	float: right;
	color: #fff;
}
footer .friendship p span {
    margin-left: 20px;
    color: #eee;
}

footer .friendship p span a {
    color: #eee;
}

.scroll-top-bottom {
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 56px;
    right: 50px;
    background: url(../images/scroll-top.png) no-repeat;
    cursor: pointer;
    display: none;
}

.puc-ban {
    background: url(../images/pub-ban.jpg) center center;
    height: 474px;
    width: 100%;
}

.ab-content {
    background: #f5f5f5;
}

.subnav {
    padding: 25px 0 0;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

.subnav ul {
    float: left;
    position: relative;
}

.subnav ul:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.subnav ul li {
    float: left;
    line-height: 30px;
}

.subnav ul li a {
    color: #333333;
    font-size: 16px;
}

.subnav .sub-more {
    float: right;
    color: #fe0000;
}

.ab-nav {
    padding: 50px 0;
}

.ab-nav ul {
    overflow: hidden;
}

.ab-nav ul li {
    float: left;
    text-align: center;
    height: 68px;
    line-height: 68px;
    border: 1px solid #dddddd;
    width: 20%;
    box-sizing: border-box;
    background: #fff;
}

.ab-nav ul li a {
    color: #333333;
    font-size: 20px;
    display: block;
}

.ab-nav ul li.on {
    background: #da251d;
}

.ab-nav ul li.on a {
    color: #fff;
}

.ab-cnt {
    position: relative;
}

.ab-cnt .ab-cnt-con {
    overflow: hidden;
    padding-bottom: 50px;
}

.ab-cnt .ab-item > p {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 20px;
}

.Idn-main {
    overflow: hidden;
}

.Idn-main > div {
    float: left;
}

.Idn-main .idn-item1 {
    margin-right: 25px;
}

.Idn-main .idn-item2 {
    margin-right: 28px;
    margin-bottom: 27px;
}

.deve-main {
    background: #fff;
    overflow: hidden;
}

.deve-main figure {
    float: left;
}

.deve-main figure img {
    display: block;
}

.deve-main .deve-con {
    float: left;
    width: 455px;
    padding: 30px 30px 0;
}

.deve-main .deve-con h3 {
    color: #333333;
    font-size: 28px;
}

.deve-main .deve-con i {
    color: #999999;
    display: block;
    margin-bottom: 10px;
}

.deve-main .deve-con i span {
    color: #999999;
    margin-right: 10px;
}

.deve-main .deve-con p {
    line-height: 30px;
    color: #666666;
    font-size: 15px;
}

.deve-main .deve-con > div {
    background: #da251d;
    color: #fff;
    padding: 20px 0 20px 80px;
    font-size: 15px;
    line-height: 30px;
    margin: 10px 0 20px;
}

.ab-cnt .ab-cnt-con .idx-advan {
    padding: 0;
}

.event_box {
    position: relative;
    width: 100%;
}

.event_box .parHd {
    width: 1200px;
    overflow: hidden;
    display: inline-block;
    height: 92px;
    position: relative;
}

.event_box .parHd .tempWrap {
    width: 1104px !important;
    margin: 0 auto !important;
}

.parHd ul {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.parHd .tempWrap:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #d1241c;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2.5px;
    z-index: 10;
}

.parHd li.no_line:before {
    display: none;
}

.parHd li {
    display: inline-block;
    margin: 0 40px;
    position: relative;
    height: 90px;
}

.parHd li:after {
    content: '';
    display: inline-block;
    cursor: pointer;
    width: 17px;
    height: 17px;
    border: 2px solid #d1241c;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    z-index: 20;
    top: 40%;
    left: 50%;
    margin-left: -8.5px;
}

.parHd li span {
    font-size: 20px;
    color: #333333;
    margin-top: 68px;
    display: block;
}

.parHd li.top span {
    margin-top: 0;
}

.parHd li.top2 span, .parHd li.top4 span, .parHd li.top6 span, .parHd li.top8 span, .parHd li.top10 span, .parHd li.top12 span, .parHd li.top14 span, .parHd li.top16 span.parHd li.top18 span.parHd li.top20 span {
    margin-top: 0;
}

.parHd li.act:after {
    background: #d1241c;
}

.parHd li.act span {
    color: #d1241c;
}

.parHd li.clone:after {
    background: #fff;
}

.sPrev, .sNext {
    width: 50px;
    height: 48px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background: url(../images/prev-btn.png) left top no-repeat;
    z-index: 10;
    cursor: pointer;
}

.sPrev {
    left: 0;
}

.sNext {
    right: 0;
    background: url(../images/prev-btn.png) left bottom no-repeat;
}

.parBd {
    text-align: center;
    margin-top: 50px;
}

.parBd .slideBox {
    overflow: hidden;
}

.parBd .slideBox > div {
    float: left;
    position: relative;
}

.parBd .slideBox > div p {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.parBd .slideBox .par-item {
    margin-right: 11px;
}

.parBd .slideBox .par-item2 {
    margin-bottom: 14px;
}

.parBd .slideBox .par-item3 {
    margin-right: 10px;
}

.ab-item3 .Idn-main {
    margin: 0 0 30px;
}

.ab-item3 .Idn-main .idn-item1 {
    margin-right: 15px;
}

.ab-item3 .Idn-main .idn-item2 {
    margin-right: 14px;
    margin-bottom: 16px;
}

.ab-item3 .Idn-main .idn-item4 {
    margin-right: 14px;
}

.Well-designed {
    overflow: hidden;
    margin-bottom: 50px;
}

.Well-designed ul {
    width: 1220px;
}

.Well-designed ul li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}

.sth-cnt {
    padding-top: 1px;
}

.sth-main {
    overflow: hidden;
    padding-bottom: 50px;
}

.sth-main .sth-left {
    border: 1px solid #dddddd;
    width: 438px;
    height: 444px;
    padding: 20px 25px 0;
    background: #fff;
    float: left;
}

.sth-main .sth-left h3 {
    border-left: 14px solid #c8373a;
    font-size: 20px;
    padding-left: 10px;
    color: #333;
    margin: 40px 0 30px;
}

.sth-main .sth-left p {
    font-size: 15px;
    line-height: 28px;
}

.sth-main .sth-left > div {
    margin-top: 30px;
}

.sth-main .sth-left > div span {
    margin-right: 15px;
}

.sth-main ul {
    float: right;
    width: 710px;
}

.sth-main ul li {
    float: left;
    position: relative;
    width: 342px;
    margin: 0 0 10px 10px;
}

.sth-main ul li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 38px;
    line-height: 38px;
    background-color: rgba(0, 0, 0, 0.5);
}

.ab-honor ul {
    overflow: hidden;
    width: 1230px;
    background: #fff;
    padding: 30px 0 0;
}

.ab-honor ul li {
    text-align: center;
    float: left;
    width: 380px;
    margin: 0 30px 30px 0;
}

.provider ul {
    padding: 0 0 1px 1px;
    overflow: hidden;
}

.provider ul li {
    background: #fff;
    width: 239px;
    height: 147px;
    text-align: center;
    border: 1px solid #dcdcdc;
    line-height: 147px;
    float: left;
    box-sizing: border-box;
    margin-left: -1px;
    margin-bottom: -1px;
}

.provider ul li img {
    vertical-align: middle;
}

.ab-contact {
    padding: 55px;
    background: #fff;
}

#dituContent {
    width: 100%;
    height: 600px;
}

.ab-contact .contact-main {
    overflow: hidden;
    margin-top: 40px;
}

.ab-contact .contact-main .cnt-left {
    float: left;
    width: 570px;
}

.ab-contact .contact-main p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #666;
}

.ab-contact .contact-main span {
    border: 1px solid #da251d;
    color: #da251d;
    height: 30px;
    line-height: 30px;
    width: 128px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}

.ab-contact .contact-main .cnt-right {
    float: right;
    width: 402px;
}

.ab-contact .contact-main .cnt-weix {
    overflow: hidden;
}

.ab-contact .contact-main .cnt-weix ul li {
    float: left;
    width: 110px;
    margin-right: 23px;
}

.ab-contact .contact-main .cnt-weix ul li img {
    width: 100%;
}

.news {
    padding-bottom: 80px;
}

.news .news-left {
    width: 266px;
    float: left;
}

.news .news-left h3 {
    background: #CC0033;
    text-align: center;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 24px;
}

.news .news-left > div {
    background: #fff;
    margin-bottom: 15px;
}

.news .news-left .infor ul {
    padding: 0 10px 10px;
}

.news .news-left .infor ul li {
    border-bottom: 1px dashed #eee;
    text-align: center;
    height: 38px;
    line-height: 38px;
}

.news .news-left .infor ul li.active a {
    color: #cc0033;
}

.news .news-left .infor ul li a {
    font-size: 18px;
    color: #666666;
}

.news .news-left .infor ul li:last-child {
    border-bottom: none;
}

.news .news-left .news-weix {
    text-align: center;
}

.news .news-left .news-weix figure {
    margin: 15px 0;
}

.news .news-left .news-weix p {
    padding-bottom: 10px;
}

.news-con {
    width: 906px;
    float: right;
}

.news-con dl {
    padding: 0 25px;
    background: #fff;
}

.news-con dl dd {
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

.news-con dl dd figure {
    float: left;
    width: 190px;
    margin-right: 15px;
}

.news-con dl dd figure img {
    width: 190px;
}

.news-con dl dd .cms_slider {
    float: left;
    width: 650px;
}

.news-con dl dd h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.news-con dl dd p {
    color: #666666;
    line-height: 22px;
}

.news-con dl dd .cms_slider .cms_slider-cont {
    overflow: hidden;
    line-height: 35px;
}

.news-con dl dd .cms_slider .cms_slider-cont span {
    float: right;
    width: 99px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #CC0033;
    border: 1px solid #CC0033;
    border-radius: 4px;
    font-size: 16px;
}

.news-con dl dd:last-child {
    border-bottom: none;
}

.news-page {
    text-align: center;
    margin: 50px 0 0;
}


.news-page li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background: #fff;
}
.news-page .thisclass{
    background:#df0024 !important ;
}
.news-page .thisclass a {
    color: #fff !important;
}

.news-page a.active {
    color: #fff;
    border: 1px solid #df0024;
    background: #df0024;
}

.news-detail {
    padding: 30px 25px;
    line-height: 24px;
    background: #fff;
}
.news-detail .info img{
    max-width: 100% !important;
}

.news-detail h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.news-detail h5 {
    text-align: center;
    margin-bottom: 20px;
}

.news-detail h5 i {
    margin-right: 20px;
}

.news-detail > p {
    text-indent: 2em;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}

.news-detail figure {
    text-align: center;
    margin: 20px 0;
}

.news-detail .news-share {
    text-align: center;
    padding: 50px 0;
}

.news-detail .news-share .jiathis_style_32x32 {
    display: inline-block;
}

.news-detail .news-share .jiathis_style_32x32 .jtico {
    background: url(../images/share.jpg) left top no-repeat;
    height: 44px !important;
    margin: 0 20px;
    padding-left: 172px !important;
}

.news-detail .news-share .jiathis_style_32x32 .jtico_weixin {
    background-position: -198px 0;
}

.read {
    overflow: hidden;
}

.read .read-prev {
    float: left;
}

.read a {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.read p {
    font-size: 16px;
}

.read .read-next {
    float: right;
}

.case-ban {
    width: 100%;
    overflow: hidden;
    position: relative;
    min-width: 1200px;
    max-height: 626px;
}

.case-ban .bd {
    position: relative;
    z-index: 0;
}

.case-ban .bd li {
    zoom: 1;
    vertical-align: middle;
}
.case-ban .bd:hover .bd-banner-gt{
	right: 0;
}
.case-ban .bd:hover .bd-banner-lt{
	left: 0;
}
.case-ban .bd .bd-banner-gt,.case-ban .bd .bd-banner-lt{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	background-size: 80% !important;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.case-ban .bd .bd-banner-lt{
	background-color: #fff;
	background-image: url(../images/arrow_left.png);
	left: -40px;
}
.case-ban .bd .bd-banner-gt{
	background-color: #fff;
	background-image: url(../images/arrow_right.png);
	right: -40px;
}
.case-ban .bd img {
    width: 100%;
    display: block;
}

.case-ban .hd {
    height: 35px;
    overflow: hidden;
    position: absolute;
    right: 0%;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.case-ban .hd ul {
    overflow: hidden;
    zoom: 1;
    display: inline-block;
}

.case-ban .hd ul li {
    float: left;
    margin: 0 5px;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

.case-ban .hd ul li img {
    display: none;
}

.case-ban .hd ul li.on {
    border-color: #f00;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.assurance .qly {
    padding: 1px 0 20px;
}

.assurance h4 {
    font-size: 25px;
    color: #666;
    padding-left: 18px;
    border-left: 13px solid #c8373a;
    margin-bottom: 20px;
}

.assurance p {
    font-size: 14px;
    line-height: 28px;
}

.contract {
    *zoom: 1;
    padding: 36px;
    background: #fff;
}

.contract:before, .contract:after {
    display: table;
    line-height: 0;
    content: "";
}

.contract:after {
    clear: both;
}

.contract .contract_img {
    float: left;
    width: 520px;
    height: 500px;
}

.contract .contract_img img {
    width: 520px;
    height: 500px
}

.ab-content .contract_img img {
    width: 240px;
    height: 240px
}

.contract .contract_img ul li {
    float: left;
    width: 240px;
    margin: 0 15px 15px 0;
}

.contract .contract_cms {
    width: 430px;
    margin-left: 60px;
    float: left;
}

.contract .contract_cms .contract_cms_con {
    margin-bottom: 40px;
}

.contract .contract_cms .contract_cms_con_icon {
    padding-top: 22px;
}

.contract .contract_cms .contract_cms_con_icon span {
    margin-right: 10px;
}

.high {
    background: #f5f5f5;
    padding: 36px;
    margin-bottom:50px;
    *zoom: 1;
}

.high:before, .high:after {
    display: table;
    line-height: 0;
    content: "";
}

.high:after {
    clear: both;
}

.high ul {
    width: 580px;
    float: left;
    overflow: hidden;
}

.high ul li {
    background: #fff;
    padding: 20px 40px 15px 20px;
    cursor: pointer;
    margin-bottom: 10px;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -ms-transition: all 400ms;
    transition: all 400ms;
}

.high ul li.active {
    background: #da251d;
}

.high ul li.active h4 {
    color: #fff;
    border-color: #fff;
}

.high ul li.active p {
    color: #fff;
}

.high .bd {
    float: left;
    width: 500px;
    margin-left: 48px;
}

.high .bd .high-img img {
    width: 100%;
    height: 451px;
}

.operation {
    *zoom: 1;
    background: #fff;
    padding: 36px;
}

.operation:before, .operation:after {
    display: table;
    line-height: 0;
    content: "";
}

.operation:after {
    clear: both;
}

.operation h3 {
    margin-top: 0;
}

.operation .operation-img {
    float: left;
}

.operation .operation-cnt {
    float: left;
    margin-left: 50px;
    width: 570px;
}

.sales {
    position: relative;
    *zoom: 1;
    height: 433px;
    padding-bottom: 50px;
}

.sales:before, .sales:after {
    display: table;
    line-height: 0;
    content: "";
}

.sales:after {
    clear: both;
}

.sales .sales_img {
    position: absolute;
    top: 0;
    left: 0;
}

.sales .sales_con {
    padding: 36px;
    background-color: #fff;
    float: right;
    width: 940px;
    position: relative;
    z-index: 2;
}

.sales .sales_con .sales_con_cnt {
    width: 470px;
    float: left;
}

.sales .sales_con .sales_con_cnt h3 {
    font-size: 25px;
    color: #666;
    margin-bottom: 20px;
}

.sales .sales_con .sales_con_cnt a {
    background-color: #df0024;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    padding: 0 17px;
    display: inline-block;
    font-size: 16px;
    margin-top: 30px;
}

.sales .sales_con .sales_con_img {
    float: right;
    margin-top: 6px;
}

.Engineering {
    background-color: #f5f5f5;
    padding: 1px 0 40px;
}

.Engineering ul {
    overflow: hidden;
    width: 1220px;
}

.Engineering ul li {
    float: left;
    margin: 0 7px 7px 0;
	width: 196px;
	height: 196px;
	overflow: hidden;
}
.Engineering ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.qly-product {
    padding-bottom: 50px;
}

.qly-product ul {
    overflow: hidden;
    width: 1300px;
}

.qly-product ul li {
    float: left;
    text-align: center;
    margin: 0 90px 50px 0;
}

.qly-product ul li img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
    width: 232px;
    height: 232px
}

.qly-product ul li p {
    font-size: 18px;
}

.sign_con {
    padding-bottom: 50px;
    background-color: #f5f5f5;
    padding-top: 40px;
}

.sign_con .w1200 {
    background: #fff;
    padding: 0 50px;
    width: 1100px;
    padding-top: 40px;
}

.sign_con h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.sign_con h5 {
    text-align: center;
    margin-bottom: 20px;
}

.sign_con h5 i {
    margin-right: 20px;
}

.sign_con figure {
    text-align: center;
    margin: 20px 0;
}

.sign_con p {
    text-indent: 2em;
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}

.caseshow {
    background: #f5f5f5;
}

.caseshow_nav {
    background-color: #fff;
    padding: 0 0 0 20px;
    margin-bottom: 32px;
    *zoom: 1;
}

.caseshow_nav:before, .caseshow_nav:after {
    display: table;
    line-height: 0;
    content: "";
}

.caseshow_nav:after {
    clear: both;
}

.caseshow_nav .caseshow_nav_top {
    border-bottom: 1px solid #dddddd;
    *zoom: 1;
}

.caseshow_nav .caseshow_nav_top:before, .caseshow_nav .caseshow_nav_top:after {
    display: table;
    line-height: 0;
    content: "";
}

.caseshow_nav .caseshow_nav_top:after {
    clear: both;
}

.caseshow_nav .caseshow_nav_con {
    *zoom: 1;
}

.caseshow_nav .caseshow_nav_con:before, .caseshow_nav .caseshow_nav_con:after {
    display: table;
    line-height: 0;
    content: "";
}

.caseshow_nav .caseshow_nav_con:after {
    clear: both;
}

.caseshow_nav span {
    float: left;
    height: 34px;
    line-height: 34px;
}

.caseshow_nav dl {
    float: left;
    margin-left: 30px;
    width: 1080px;
}

.caseshow_nav dl dt {
    float: left;
    width: 120px;
    color: #b71414;
    height: 34px;
    line-height: 34px;
}

.caseshow_nav dl dd {
    height: 34px;
    line-height: 34px;
}

.caseshow_nav dl dd a {
    color: #666;
    width: 120px;
    float: left;
    display: block;
    height: 34px;
}

.caseshow_nav dl dd .current {
    color: #b71414;
}

.caseshow_shop {
    *zoom: 1;
    text-align: center;
    padding-bottom: 40px;
}

.caseshow_shop:before, .caseshow_shop:after {
    display: table;
    line-height: 0;
    content: "";
}

.caseshow_shop:after {
    clear: both;
}

.caseshow_shop ul {
    width: 1220px;
}

.caseshow_shop ul li {
    background-color: #fff;
    width: 288px;
    height: 330px;
    margin: 0 15px 15px 0;
    transition: all .3s ease;
    float: left;
}
.caseshow_shop ul li figure{
    height: 192px;
    overflow: hidden;
}

.caseshow_shop ul li h3 {
    font-size: 16px;
    margin: 15px 0;
}

.caseshow_shop ul li p {
    padding: 0 15px 25px;
    overflow: hidden;
}

.caseshow_shop ul li p i {
    float: left;
}
.signbox-a-but{
    padding: 8px 30px;
    background: #df0024;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}
.caseshow_shop ul li p span {
    float: right;
}



.caseshow_shop ul li:hover {
    transform: translatey(-6px);
    -webkit-transform: translatey(-6px);
    -moz-transform: translatey(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
    -webkit-box-shadow: 0 6px 20px -2px rgba(0, 36, 100, 0.5);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
}

.caseshow_shop ul li img {
    width: 100%;
}

.caseshow_shop .caseshow_btn {
    color: #db2148;
    border: 1px solid #db2148;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    height: 38px;
    line-height: 38px;
    padding: 0 22px;
    margin: 30px auto 96px;
    font-size: 16px;
    display: inline-block;
}

.case-details {
    padding-top: 50px;
}

.case-details h3.case_h3 {
    font-size: 25px;
    color: #666;
    padding-left: 18px;
    border-left: 13px solid #c8373a;
    margin-bottom: 20px;
}

.case-details > div > div > p {
    line-height: 30px;
}

.case_news {
    padding-top: 50px;
    *zoom: 1;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

.case_news:before, .case_news:after {
    display: table;
    line-height: 0;
    content: "";
}

.case_news:after {
    clear: both;
}

.case_news figure {
    float: left;
    width: 576px;
}
.case_news figure img{
    max-width: 100%;
}
.case_news .case-news_cnt {
    float: right;
    width: 530px;
    margin-right: 15px;
}

.case_news .case-news_cnt h3 {
    font-size: 18px;
    text-align: left;
    margin: 24px 0;
}

.case_news .case-news_cnt p {
    line-height: 30px;
    margin-bottom: 30px;
    overflow: auto;
    height: 123px;
}

.case_news .case-news_cnt .box {
    margin-bottom: 15px;
}

.case_news .case-news_cnt .box span {
    width: 150px;
    display: inline-block;
}

.case_news .case-news_cnt .box span b {
    font-weight: normal;
    color: #be0a0a;
}

.case_news .case-news_cnt .online {
    margin-top: 32px;
}

.case_news .case-news_cnt .online a {
    width: 210px;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #be0a0a;
    color: #fff;
    float: left;
}

.case_news .case-news_cnt .online span {
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    width: 310px;
    background-color: #f6f6f6;
}

.case_news .case-news_cnt .online span b {
    font-weight: normal;
    color: #be0a0a;
}

.grinding, .Design, .inspection, .Completed {
    padding: 40px;
    background: #fff;
    margin-bottom: 35px;
    overflow: hidden;
}
.grinding img, .Design img, .inspection img, .Completed img{
    max-width: 100%;
}
.inspection .ipn {
    margin-top: 20px;
    *zoom: 1;
}

.inspection .ipn:before, .inspection .ipn:after {
    display: table;
    line-height: 0;
    content: "";
}

.inspection .ipn:after {
    clear: both;
}

.inspection .ipn .ipn-item {
    float: left;
}

.inspection .ipn .ipn-1 {
    margin-right: 30px;
}

.inspection .ipn .ipn-2 {
    margin-bottom: 25px;
}

.inspection .ipn .ipn-3 {
    margin-right: 26px;
}

.Design ul {
    overflow: hidden;
    width: 1180px;
    margin-top: 20px;
}

.Design ul li {
    float: left;
    margin-right: 35px;
}

.grinding-con {
    *zoom: 1;
    width: 1130px;
}

.grinding-con:before, .grinding-con:after {
    display: table;
    line-height: 0;
    content: "";
}

.grinding-con:after {
    clear: both;
}

.grinding-con > div {
    float: left;
    margin-right: 10px;
}

.grinding-con .gdn-2 {
    margin-bottom: 10px;
}

.grinding-con .gdn-3 {
    margin-bottom: 10px;
}

.Completed ul {
    *zoom: 1;
    width: 1140px;
}

.Completed ul:before, .Completed ul:after {
    display: table;
    line-height: 0;
    content: "";
}

.Completed ul:after {
    clear: both;
}

.Completed ul li {
    float: left;
    margin-right: 20px;
}

.advisory_nav ul {
    overflow: hidden;
    padding: 30px 0;
}

.advisory_nav ul li {
    float: left;
    text-align: center;
    width: 130px;
    background: url(../images/Arrow-right.png) right 24px no-repeat;
    padding-right: 24px;
    margin-right: 24px;
}

.advisory_nav ul li h4 {
    font-size: 18px;
    margin: 20px 0 5px;
}

.advisory_nav ul li p {
    line-height: 26px;
}

.advisory_nav ul li.last_ig {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

.Sample {
    background: #f5f5f5;
    padding: 1px 0 50px;
}

.Sample .Sample_nav {
    text-align: center;
    margin-bottom: 40px;
    *zoom: 1;
}

.Sample .Sample_nav:before, .Sample .Sample_nav:after {
    display: table;
    line-height: 0;
    content: "";
}

.Sample .Sample_nav:after {
    clear: both;
}

.Sample .Sample_nav > span {
    width: 260px;
    height: 150px;
    font-size: 24px;
    line-height: 150px;
    background-color: #fff;
    float: left;
}

.Sample .Sample_nav ul {
    overflow: hidden;
    float: right;
    width: 935px;
}

.Sample .Sample_nav ul li {
    width: 177px;
    height: 68px;
    line-height: 68px;
    cursor: pointer;
    background-color: #fff;
    font-size: 18px;
    float: left;
    margin: 0 0 10px 10px;
}

.Sample .Sample_nav ul li.active {
    color: #fff;
    background-color: #cc0033;
}

.factory {
    margin-bottom: 40px;
}

.factory ul {
    *zoom: 1;
}

.factory ul:before, .factory ul:after {
    display: table;
    line-height: 0;
    content: "";
}

.factory ul:after {
    clear: both;
}

.factory ul li {
    width: 600px;
    float: left;
    overflow: hidden;
}

.factory ul li > div {
    padding: 0 15px;
    width: 260px;
}

.factory ul li > div h3 {
    font-size: 24px;
    margin: 10px 0 20px;
}

.factory ul li > div p {
    line-height: 26px;
    height: 190px;
}

.factory ul li > div .fcy_bot {
    overflow: hidden;
}

.factory ul li > div .fcy_bot a {
    float: left;
    color: #fe0000;
    line-height: 36px;
    font-size: 16px;
}

.Seiko {
    background: #f5f5f5;
    padding: 1px 0 10px;
}

.Seiko ul {
    overflow: hidden;
}

.Seiko ul li {
    float: left;
    text-align: center;
    width: 300px;
    margin-bottom: 40px;
}

.Seiko ul li figure {
    margin-bottom: 20px;
}

.Seiko ul li p {
    font-size: 16px;
}

.aun_tab {
    background: #f5f5f5;
    padding: 1px 0 0;
}

.aun_tab .aun_nav ul {
    overflow: hidden;
    margin: 0 auto 40px;
    width: 396px;
}

.aun_tab .aun_nav ul li {
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 196px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    float: left;
    cursor: pointer;
    font-size: 16px;
}

.aun_tab .aun_nav ul li.active {
    background-color: #cc0033;
    color: #fff;
}

.aun_tab .idx-advan {
    background: none;
}

.aun_tab .idx-advan ul li a {
    height: 385px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -ms-transition: all 400ms;
    transition: all 400ms;
}

.aun_tab .idx-advan ul li img {
    width: 100%;
}

.aun_tab .idx-advan ul li:hover {
    transform: translatey(-6px);
    -webkit-transform: translatey(-6px);
    -moz-transform: translatey(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -ms-transition: all 400ms;
    transition: all 400ms;
}

.iag_hf .idx-advan {
    background: none;
}

.iag_hf .idx-advan ul li a {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    overflow: hidden;
}

.sales_wrap {
    background: #f5f5f5;
    padding: 1px 0 0;
}

.sales_wrap p {
    font-size: 14px;
    line-height: 28px;
}

.iag_case ul li {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.Expressway dl {
    overflow: hidden;
    margin-bottom: 35px;
}

.Expressway dl dt {
    float: left;
    height: 38px;
    width: 148px;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    text-align: center;
    margin-right: 30px;
    line-height: 38px;
}
.Expressway dl dd {
    float: left;
    line-height: 38px;
}

.Expressway dl dd a {
    font-size: 14px;
    margin-right: 35px;
}

.sign_sam .sign_sam_nav ul {
    overflow: hidden;
    width: 1265px;
    margin-bottom: 50px;
}

.sign_sam .sign_sam_nav ul li {
    text-align: center;
    float: left;
    margin-right: 64px;
    cursor: pointer;
}

.sign_sam .sign_sam_nav ul li figure {
    margin-bottom: 15px;
}

.sign_sam .sign_sam_nav ul li figure img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    filter: grayscale(100%);
    filter: gray;
}

.sign_sam .sign_sam_nav ul li figure img:hover {
    filter: grayscale(0);
}

.sign_sam .sign_sam_nav ul li p {
    font-size: 15px;
}

.sign_sam .sign_sam_con ul {
    overflow: hidden;
    width: 1215px;
    margin-bottom: 30px;
}

.sign_sam .sign_sam_con ul li {
    position: relative;
    float: left;
    margin: 0 15px 15px 0;
}

.sign_sam .sign_sam_con ul li p {
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}

.sign_sek ul li img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.fix-main {
  position: fixed;
  right: -1px;
  top: 50%;
  z-index: 999;
  margin-top: -110px;
  width: 85px;
  background: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid #e7e5e5;
  transition: all .3s;-webkit-transition: all .3s;
}
.fix-main ul li {
  text-align: center;
  border-bottom: 1px solid #e7e5e5;
  padding: 12px 0;
  cursor: pointer;
  position: relative;
  background: #fff;
  transition: all .3s;
}
.fix-main ul li i.el-icon-arrow-up {
  font-size: 30px;
  display: inline-block;
  color: #3fae39;
  margin-bottom: -10px;
}
.fix-main ul li:first-child {
  border-top-left-radius: 10px;
}
.fix-main ul li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 10px;
}
.fix-main ul li.scroll_top p {
  margin: 0;
}
.fix-main ul li p {
  margin-top: 5px;
  color: #333;
  font-size: 15px;
}
.fix-main ul li .fix-box2 {
  position: absolute;
  text-align: left;
  left: 0;
  width: 116px;
  padding-left: 12px;
  height: 80px;
  background: #fff;
  color: #fff;
  padding: 0 0 0 20px;
  border: 1px solid #e7e5e5;
  border-right: none;
  top: 0;
  z-index: -1;
  transition: all .3s;
}
.fix-main ul li .fix-box2 h4 {
  padding: 15px 0 5px;
  color: #666666;
}
.fix-main ul li .fix-box2 p {
  margin: 0;
}
.fix-main ul li .fix-box {
  position: absolute;
  border: 1px solid #e7e5e5;
  left: 0;
  background: #fff;
  width: 90px;
  padding: 8px;
  top: 0;
  height: 118px;
  transform: scale(0);
  z-index: -1;
  transition: all .3s;
}
.fix-main ul li .fix-box img {
  width: 100%;
}
.fix-main ul li .fix-box p {
  margin-top: 5px;
}
.fix-main ul li:hover {
  transition: all .3s;
}
.fix-main ul li:hover .fix-box {
  left: -108px;
  transform: scale(1);
  transition: all .3s;
}
.fix-main ul li:hover .fix-box2 {
  left: -135px;
}

.close_icon{
    position: absolute;
    top: -31px;
    right: 50%;
    margin-right: -15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background: #c03231;
    text-align: center;
    border-radius: 100%;
}
.close_icon img{
    vertical-align: middle;
    display: inline-block;
    margin-top: 3px;
}

.fix-main .sid-adver{
    position: absolute;
    width: 34px;
    color: #fff;
    height: 126px;
    padding-top: 28px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #c03231;
    left: auto;
    right: -34px;
    top: 29%;
    display: none;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.fix-main.active{right:-87px;transition: all .3s;-webkit-transition: all .3s;}
.fix-main.active .close_icon img{display: none;}
.fix-main.active .sid-adver {
    display: block;
    left: -34px;
    right: auto;
    -webkit-transition: all .4s;
    transition: all .4s;
}

/*分页*/
.mypages {
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.mypages ul {
	display: inline-block;
	margin: 0 auto
}
.mypages li {
	padding: 0 15px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #ddd;
	margin-left: -1px;
	float: left;
	background-color: #FFF;
	cursor: pointer;
}
.page-num{
	padding: 0 15px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #ddd;
	margin-left: -1px;
	float: left;
	background-color: #FFF;
	cursor: pointer;
}
.page-num-current, .page-num-current a, .page-num-current a:hover {
	color: #fff;
	background-color: #ed2d38;
}