/* banner */
.in_banner{width: 100%;overflow: hidden;position: relative;top:0;}
.swiper-container{width:100%;overflow: hidden;z-index: 1}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.swiper-slide {-webkit-flex-shrink: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative}
.swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opac}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.banner .swiper-slide img {animation-duration: 5s;animation-timing-function: linear;animation-fill-mode: forwards;-webkit-animation-duration: 5s;-webkit-animation-timing-function: linear;-webkit-animation-fill-mode: forwa;}
.swiper-button-prev{right: 50px;left: auto;}
.banjt,.flipto-prev,.flipto-next{position: absolute;top: 50%;width: 40px;height: 60px;z-index: 5;left: 50px;cursor: pointer;color:#fff;font-size: 20px;font-family: "Microsoft Yahei";background: rgba(0,0,0,0.5);text-align: center;line-height: 60px;border-radius: 5px;margin-top: -20px;}
.swiper-button-prev,.flipto-next{right: 50px;left: auto;}



.padding_box{padding:50px 0;}
.in_til{text-align: center;}
.in_til h2{font-size: 30px;display:block;padding: 0 12px;line-height: 40px; color: #303030;position: relative;font-weight: bold;}
.in_til h2 span{font-size: 30px;position: relative;z-index: 2; color: #303030;padding: 0 50px;background: #ffffff;}
.change_bg h2 span{background: #F0EFEE}
.in_til h2::before{position: absolute;content: "";top:50%;transform: translateY(-50%); background: url(../images/befor.png);height: 12px;width:80%;z-index: 1;left: 0;right: 0;margin: auto;}
.in_til p{font-size: 16px;color: #cccccc;font-family: Arial;line-height: 30px;text-transform: uppercase;}
.in_til h2 em{color: #b71c24;}

/* for_inbox */
.for_inbox{background: #f6f6f6;}
.for_inbox ul li{width: 25%;padding: 30px 0;}
.for_txt{margin-left: 15px;}
.for_inbox ul li .for_img{transition: .5s;}
.for_inbox ul li:hover .for_img{transform:rotate(360deg); }
.for_txt h2{font-size: 20px;color: #535353;}
.for_txt h2 span{font-size: 16px;color: #8e8e8e;display: block;}


/* about_inbox */
.about_incont{margin-top: 20px;}
.pk_tab table{width: 1130px;margin: 0 auto; border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.por_list{width: 100%; border-collapse: collapse;border-spacing: 0;text-align: center; margin-bottom: 20px;}
.pro_list td {padding: 25px 5px 25px 25px;color: #4b4b4b;font-size: 15px;line-height: 28px; text-align: left;vertical-align: middle;border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;}
.pro_list td img{margin-right: 5px;}
.pro_list tr td:first-child{background: #444444;color: #fff;font-size: 18px;}
.pk_tab table thead tr th:first-child{background: #b71c24;color: #fff;font-size: 18px;}
.pk_tab table thead th{vertical-align: middle;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;text-align: center;line-height: 82px;font-size: 26px;color: #535353;font-weight: normal;}


/* process_box */
.cese_box{background: #F0EFEE;}
.pro_inbox ul{text-align: left;margin-bottom: 26px;}
.pro_inbox ul li{line-height: 50px;display: inline-block;width:200px; margin-right: 10px;font-size: 18px;color: #000000;transition: .5s;position: relative;cursor: pointer;}
.pro_inbox ul li::after{position: absolute;content: "/";right: 0;font-size: 18px;color: #303030;}
.pro_inbox ul li::before{transition: .5s;background: transparent;content: "";position: absolute;height: 4px;width: 70%;left: 0;right: 0;margin: auto;bottom: 0;}
.pro_inbox ul li.li_on::before, .pro_inbox ul li:hover::before{background: #b71c24;color: #b71c24;}
.pro_inbox ul li:last-child::after{display: none;}
.pro_inbox ul li:last-child{margin-right: 0}
.pro_inbox ul li:hover, .pro_inbox ul li.li_on{color: #b71c24;}
.pro_inbox ul li img{
	width: 32px;
}
.pro_inright {display: none;}
.pro_inright ul{margin: 0 -10px;}
.pro_inright ul li{width: 33.33%;margin-bottom: 20px;position: relative;}
.pro_inright ul li>div{margin: 0 10px;box-shadow: 4px 4px 8px #c9c9c9;position: relative;}
.pro_img{display: block;width: 100%;}
.pro_img img{margin: 0 auto;width: 100%;display: block;}
.por_cont{position: absolute;background: rgba(0,0,0,0.6);top:0; left: 0;right: 0;margin: auto;height: 100%;width: 100%;transition: .5s;transform: scale(0)}
.pro_inright ul li:hover .por_cont{transform: scale(1)}
.por_cont .por_conleft{border: 1px solid #fff;width: 85%;height: 85%;}
.case_txt{position: absolute;top:50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;width: 75%;}
.case_txt p{font-size: 16px;color: #ffffff;text-align: left;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.case_info{margin-top: 20px;}
.case_info h2{font-size: 16px;font-weight: bold;color: #fff;}
.link_btn{text-align: center;width: 100%;margin-top: 10px;}
.link_btn a{display: inline-block;line-height: 42px;padding: 0 72px;color: #000000;font-size: 16px;margin-right: 35px;transition: .5s;border: 1px solid #9f9f9f;}
.link_btn a:nth-child(2){background:#b71c25;margin-right: 0;color: #fff; border: 1px solid #b71c25;}
.link_btn a:hover{transform: scale(1.05)}

.look_more{text-align: center;}
.look_more a{display: inline-block;line-height: 55px;padding: 0 124px;font-size: 18px;color: #fff;background: #a6863d;transition: .5s;}
.look_more a img{margin-right: 8px;}
.look_more a:hover{background: #f0b12a;}


/* lc */
.lc_cont ul{display: flex;justify-content: space-between;padding: 64px 0 14px;}
.lc_cont ul li{text-align: center;}
.lc_cont ul li .lc_ico{height: 88px;}
.lc_cont ul li .lc_ico img{margin: 0 auto;display: block;transition: .5s;}
.lc_cont ul li img{transition: .5s;}
.lc_txt h2{font-size: 18px;color: #4b4b4b;text-align: center;margin-top: 15px;}
.lc_txt p{font-size: 12px;color: #a6a6a6;text-align: center;line-height: 16px;text-transform: uppercase;}
.lc_cont ul li:nth-child(odd):hover img{transform: scale(1.08)}

/* designer_box */
.designer_box{background: #F0EFEE;}
.designer_box ul{margin: 20px -10px 0;}
.designer_box ul li{width: 33.33%;}
.designer_box ul>li>a{display: block;margin: 0 10px;}
.de_icobox{height: 322px;overflow: hidden;width: 100%;}
.de_icobox img{display: block;width: 100%;margin: 0 auto;transition: .5s;}
.designer_box ul li:hover .de_icobox img{transform: scale(1.08)}
.de_txtbox{background: #fff;padding: 20px 15px;border-bottom: 4px solid #fff;transition: .5s;}
.designer_box ul>li:hover .de_txtbox{border-bottom: 4px solid #b71c24;}
.de_txtbox h2{font-size: 18px;font-weight: bold;color: #000; text-align: center;transition: .5s;}
.de_txtbox p{font-size: 15px;color: #575757; text-align: center;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;}
.designer_box ul>li:hover .de_txtbox h2{color: #b71c24;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* honour_box */
/* .honour_box ul{display: flex;justify-content: space-between;width: 1125px;margin: 20px auto 0;} */
.multipleColumn{ width:100%;padding: 20px 0; }
.bx-wrapper{position:relative;margin:0 auto 0px;padding:0;*zoom:1;width: 100% !important;}
.bx-wrapper .slide img{display:block;margin:0 auto;max-width: 216px;height: auto;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px;display: none;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px;display:block;outline:0;width: 25px;height: 55px;}
.bx-wrapper .bx-prev{left:-60px;background:url(../images/but_left.png) no-repeat;height: 102px;width: 46px;background-size: 100%;transition: .5s;}
.bx-wrapper .bx-next{right:-60px;background:url(../images/but_right.png) no-repeat;height: 102px;width: 46px;background-size: 100%;transition: .5s;}
.bx-wrapper .bx-prev:hover{background:url(../images/but_left_a.png) no-repeat;}
.bx-wrapper .bx-next:hover{background:url(../images/but_right_a.png) no-repeat;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;transform: translateY(-50%); text-indent:-9999px;z-index:9999}



/* news_inbox */
.news_inbox{background: #F0EFEE;}
.news_cont{margin-top: 30px;}
.news_til h2{font-size: 18px;color: #000000;position: relative;padding-left:20px;}
.news_til h2::after{position: absolute;background: #cc3333;height: 100%;left: 0;width: 4px;content: ""}
.news_til h2 a{display: inline-block;float: right;font-size: 16px;color:  #a8a8a8;}
.news_inleft{width: 58%;}
.news_pic{width: 100%;padding: 30px 0;}
.news_pic img{display: block;margin: 0 auto;width: 100%;}
.news_date{background: #f6f6f6;border: 1px solid #c5c5c5;text-align: center;padding: 20px;}
.news_date h2{font-size: 24px;color: #000000;font-weight: bold;}
.news_date p{font-size: 16px;color: #000000;}
.news_content ul li{margin-bottom: 20px;}
.news_txt{width: 82%;}
.news_txt h2{color: #000000;font-size: 16px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_txt p{font-size: 16px;color: #6c6c6c;line-height: 32px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news_inright{width: 36%;}
.news_inright ul {margin-top: 30px;}
.news_inright ul li{margin-bottom: 32px;}
.pro_boxw h2{font-size: 16px;color: #000;font-weight: bold;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro_box p{width: 40px;height: 40px;line-height: 40px;font-size: 24px;color: #fff;background: #fb8e0d;text-align: center;margin-right:15px}
.pro_boxd {margin-top: 15px;}
.pro_boxd h2{font-weight: 400;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;color: #6c6c6c;line-height: 32px;}
.pro_boxd p{background: #a8a8a8;}
#demo1, #demo12{height: auto;}
#demo{overflow: hidden;height:600px;position: relative;margin-top: 30px;}
.news_inleft{animation-delay: .5s;}
.news_inright{animation-delay: 1s;}

/* brand_box */
.brand_box{padding: 50px 0 26px;}
.brand_box ul{margin-top: 30px;}
.brand_box ul li{width: 16.66%;float: left;margin-bottom: 34px;overflow: hidden;height: 90px;}
.brand_box ul li img{display: block;margin: 0 auto;transition: .5s;}
.brand_box ul li:hover img{transform: scale(1.08)}

/* banner */
.banner{
    -moz-box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.08);
    box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.08);
}
.banner img{
    width: 100%;
    height: auto;
}
.banner ul{
    height:68px;
    line-height: 68px;
    background:rgba(255,255,255,1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.26);
    text-align: center;
}
.banner ul li{
    display: inline-block;
    font-size: 16px;
    margin-left: 32px;
    text-align: center;
    cursor: pointer;
}
.banner ul li:hover a,.banner ul li.active a{
    color: #b71c24;
    font-weight: bold;
}
/* content */
.content{
    width: 1200px;
    margin: 0 auto;
}
.crumbs{
    margin-top: 28px;
    margin-bottom: 36px;
}
.crumbs a{
    color: rgba(107, 107, 107, 1);
}
.crumbs span{
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 7px;
    border: 1px solid #e85047;
    margin-right: 5px;
    margin-bottom: -3px;
}
.crumbs img{
    width: 14px;
    height: auto;
    margin-right: 5px;
}
/* about */
.about .about_1{
    padding-bottom: 54px;
}
.about .about_1 .about_111{
    width: 100%;
}
.about .about_1 .about_11{
    width: 849px;
}
.about .about_1 .about_11 p:nth-child(1){
    color: rgba(204, 51, 51, 1);
    font-size: 20px;
    font-weight: bold;
}
.about .about_1 .about_11 p:nth-child(2),.about .about_1 .about_11 p:nth-child(3){
    margin-top: 21px;
    text-indent: 25px;
}
.about .about_1 .about_11>div{
    overflow: hidden;
}
.about .about_1 .about_11 img{
    width: 100%;
    height: auto;
    margin-top: 26px;
    transition:.5s;
}

.about .about_1 .about_12{
    width: 282px;
}
.about .about_1 .about_12 .tit{
    font-size: 24px;
    line-height: 22px;
    padding-left: 12px;
    border-left: 5px solid rgba(204, 51, 51, 1);
}
.about .about_1 .about_12 .bottomBorder{
    height: 11px;
    width: 100%;
    border-bottom: 1px solid #cccccc;
}
.about .about_1 .about_12 ul{
    margin-bottom: 32px;
}
.about .about_1 .about_12 li{
    color: rgba(130, 130, 130, 1);
    padding: 17px 0;
    border-bottom: 1px dotted #cccccc;
}
.about .about_1 .about_12 li img{
    vertical-align: middle;
  	margin-right: 3px;
  	margin-top: -1px;
}
.about .about_1 .about_12 li p{
    font-size: 16px;
    color: #373737;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.about .about_1 .about_12 li a:hover{
	color:#373737
}
.about .about_1 .about_12 .mode{
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}
.about .about_1 .about_12 .mode img{
    display: block;
    width: 100%;
    height: auto;
    transition:.5s;
}
.about .about_1 .about_12 .mode img:hover{
    transform: scale(1.08);
}
.about .about_1 .about_12 .mode p{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 32px;
    color: #fff;
    background-color: rgba(0, 0, 0, .57);
    padding-left: 15px;
}
/* footer */
.footer{
    background-color: rgba(239, 239, 239, 1);
    padding: 40px 0;
  	display:none;
}
.footer .footer_1{
    width: 330px;
}
.footer .footer_1>p{
    line-height: 45px;
    background-color: #000000;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.footer .footer_1>p span{
    color: rgba(204, 51, 51, 1);
}
.footer .footer_1 .userSwiper{
    height: 195px;
    overflow-y: auto;
    padding: 0 12px;
    border: 1px solid #000000;
    border-top: 0;
    background-color: #fff;
}
.footer .footer_1 .userSwiper ul{
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 1000ms;
}
.footer .footer_1 li{
    padding: 6px 0;
    border-bottom: 1px dotted #cccccc;
}
.footer .footer_1 .userSwiper::-webkit-scrollbar {
    display: none;
}
.footer .footer_1 li img{
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
}
.footer .footer_1 li a:hover{
    color: rgba(68, 68, 68, 1);
}
.footer .footer_1 li span{
    color: rgba(204, 51, 51, 1);
    float: right;
}
.footer .footer_2{
    width: 845px;
}
.footer .footer_2 select,.footer .footer_2 input{
    width: 415px;
    margin-right: 15px;
    line-height: 58px;
    height: 58px;
    font-size: 16px;
    float: left;
    margin-bottom: 15px;
    padding-left: 15px;
    display: inline-block;
}
.footer .footer_2 select{
    display: none;
}
.layui-input.layui-unselect{
    margin: 0 !important;
}
.footer_2 .layui-unselect.layui-form-select{
    display: inline-block;
}
.footer .footer_2 .area,.footer .footer_2 #tel{
    margin-right: 0;
}
.footer .footer_2 form>div{
    position: relative;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.footer .footer_2 form>div select{
    margin: 0;
}
.footer .footer_2 form>.type img{
    position: absolute;
    right: 10px;
    top:27px;
    height: 6px;
}
.footer .footer_2 form>.code input{
    margin: 0;
    padding-right: 130px;
}
.footer .footer_2 form>.code img{
    position: absolute;
    right: 0;
    top:8px;
    cursor: pointer;
    height: 44px;
}
.footer .footer_2 form>.area img{
    position: absolute;
    right: 10px;
    top:19px;
    height: 22px;
}
.footer .footer_2 form>.area input{
    margin: 0;
    padding-right: 46px;
}
.footer .footer_2 form>button{
    width: 415px;
    line-height: 58px;
    font-size: 18px;
    float: left;
    margin-bottom: 15px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    border:0;
    cursor: pointer;
}
.footer .footer_2>p{
    color: rgba(0, 0, 0, .5);
    line-height:13px;
}
/* case */
.case .case_1{
    margin-bottom: 49px;
}
.case .case_1>div{
    line-height: 64px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
  	position: relative;
    padding-left: 128px;
}
.case .case_1>div:nth-child(4){
    border-bottom: 0;
}
.case .case_1>div span{
    font-size: 16px;
    font-weight: bold;
    margin: 0 46px;
  	position: absolute;
    left: 0;
}
.case .case_1>div a{
    font-size: 16px;
    margin-right: 76px;
}
.case .case_1>div a:hover{
    color: #b71c24;
}
.case .case_1>div .acitve{
    color: #b71c24;
    font-weight: bold;
}
.case .case_21{
    width: 100%;
    background-color: #f8f8f8;
  	padding: 20px 15px;
}
.case .case_211{
    padding:40px 0 0 63px;
    width: 312px;
    height: 227px;
  	margin-right:17px;
  	display:none;
}
.case .case_211 p:nth-child(1){
    font-size: 24px;
    color: rgba(91, 89, 89, 1);
}
.case .case_211 p:nth-child(1) span{
    color: rgba(204, 51, 51, 1);
}
.case .case_211 p:nth-child(2){
    font-size: 18px;
    color: rgba(91, 89, 89, 1);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(91, 89, 89, 1);
    display: inline-block;
    margin-top: 10px;
}
.case .case_211 a{
    background-color: rgba(254, 143, 0, 1);
    height: 28px;
    border-radius: 14px;
    width: 51px;
    text-align: center;
    margin-top: 16px;
    display: inline-block;
    cursor: pointer;
}
.case .case_2 .mode{
    position: relative;
    overflow: hidden;
  	width: 24.1%;
  	margin-right:1.2%;
  	margin-bottom:1.2%;
    height: 240px;
}
.case .case_2 .mode img{
    width: 100%;
    height: auto;
    transition: .5s;
}
.case_2{
	margin-bottom:20px;
}
.case_3{
	display:none;
}
.case .case_2 .mode:hover img{
    transform: scale(1.08);
}
.case .case_2 .explain{
    position: absolute;
    width:314px;
    line-height:35px;
    background:rgba(0,0,0,.6);
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
}
.case .case_213{
    margin-right: 17px;
  	width:312px;
  	height: 240px;
}
.case .case_21>div:nth-of-type(4n){
	margin-right:0;
}
.case .case_22{
    display:none;
}
.case .case_22 a:hover{
    color: rgba(204, 51, 51, 1);
}
.case .case_22 .weekhot li img{
    display: none;
}
.case .case_22 .weekhot li:first-child img{
    display: block;
}
.case .case_22>p:nth-child(1){
    font-size:18px;
    font-weight:bold;
    text-align: center;
}
.case .case_22>p:nth-child(2){
    font-size:16px;
    font-weight:100;
    color:rgba(91,89,89,1);
    text-align: center;
}
.case .case_22 li{
    padding: 8px 27px 8px 27px;
    border-bottom: 1px dotted rgba(218, 218, 218, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case .case_22 li span{
    font-size: 24px;
    color: rgba(204, 51, 51, 1);
}
.case .case_22 li img{
    display: block;
    width: 100%;
    margin-top: 5px;
}
.case_21 ul{
	text-align: center;
    font-size: 16px;
    line-height: 30px;
  	margin-top: 20px;
}
.case_21 ul li{
	display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-left: 10px;
}
.case_21 ul li a{
	color: rgb(102, 102, 102);
    display: block;
    border-radius: 5px;
  	transition: .5s;
}
.case_21 ul li:hover{
    border-color:#b71c24 !important;
    background-color: #b71c24;
}
.case_21 ul li:hover a{
	color: #fff !important;
}
.case_21 ul li.active a{
	color: #fff;
    border-color:#b71c24;
    background-color: #b71c24;
}
.case .case_31{
    width: 597px;
    margin-right: 6px;
    background-color: rgba(248, 248, 248, 1);
    margin-bottom: 18px;
}
.case .case_31:nth-of-type(2n){
    margin-right: 0;
}
.case .case_31 .mode{
    overflow: hidden;
    width: 300px;
}
.case .case_31 img{
    width: 300px;
    height: auto;
    transition: .5s;
}
.case .case_31 .mode:hover img{
    transform: scale(1.08);
}
.case .case_31 .info{
    text-align: center;
    width: 297px;
}
.case .case_31 .info p:nth-child(1){
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 58px;
}
.case .case_31 .info p:nth-child(2){
    background-color:rgba(204, 51, 51, 1);
    width: 42px;
    height: 2px;
    margin: 0 auto;
    margin-top: 26px;
}
.case .case_31 .info a{
    color: rgba(204, 51, 51, 1);
    border-radius: 20px;
    width: 141px;
    line-height: 41px;
    border: 1px solid rgba(204, 51, 51, 1);
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 52px;
}
.case .case_31 .info a:hover{
    background-color: rgba(204, 51, 51, 1);
    color: #fff
}
.case .case_3 .page{
    clear: both;
    margin-top: 39px;
    margin-bottom: 47px;
}
.case .case_3 .page a{
    line-height: 43px;
    padding: 0 26px;
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 21px;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
}
.case .case_3 .page a:hover,.case .case_3 .page a.page-num-current{
    background-color: rgba(204, 51, 51, 1);
    border: 1px solid rgba(204, 51, 51, 1);
    color: #fff;
}
.case_2 form{
	width: 553px;
    margin: 0 auto 40px auto;
    position: relative;
}
.case_2 form input{
	width:100%;
    border:1px solid #D1D1D1;
  	height:47px;
  	line-height:47px;
  	padding:0 20px;
  	padding-right:160px;
}
.case_2 form button{
	position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    line-height: 47px;
    width: 153px;
    text-align: center;
    color: #fff;
    background-color: #999999;
}
/* news */
.news>.content{
    margin-bottom: 49px;
}
.news .news_1{
    width: 873px;
}
.news .news_11 li{
    padding: 40px 0;
    border-bottom: 1px dotted rgba(153, 153, 153, 1);
}
.news .news_11 li .left{
    width: 115px;
}
.news .news_11 li .left>div{
    text-align: center;
    border: 1px solid rgba(204, 204, 204, 1);
    height: 115px;
    padding-top: 24.5px;
}
.news .news_11 li .left>div>p{
    color: rgba(153, 153, 153, 1)
}
.news .news_11 li .left>div>p:nth-child(2){
    font-size: 40px;
    line-height: 40px;
}
.news .news_11 li .left>p{
    text-align: center;
    color: rgba(153, 153, 153, 1);
    margin-top: 5px;
}
.news .news_11 li .right{
    width: 722px;
}
.news .news_11 li .right p:nth-child(1){
    font-size: 20px;
    margin-bottom: 18px;
}
.news .news_11 li .right p:nth-child(2){
    color: rgba(153, 153, 153, 1);
    margin-bottom: 18px;
}
.news .news_11 li .right p:nth-child(3){
    line-height:28px;
}
.news .news_11 li .right a.link{
    border-radius: 4px;
    background-color: rgba(192, 192, 192, 1);
    color: #fff;
    display: inline-block;
    width: 140px;
    line-height: 40px;
    text-align: center;
    margin-top: 15px;
}
.news .news_11 li:hover .right p:nth-child(1){
    color: rgba(204, 51, 51, 1);
}
.news .news_11 li:hover .right a.link{
    background-color: rgba(204, 51, 51, 1);
}
.detaLabels a:hover{
    color: rgba(204, 51, 51, 1);
}

/* -- fyxg -- */
.apage{ padding:30px 0 20px 0; text-align:center;}
.apage a{ display:inline-block; margin-right:4px; border:1px solid #cecece; height:38px; line-height:38px; padding:0 14px; font-size:	14px; color:#666666;}
.apage a:hover{background:#da241c; border-color:#da241c; color:#fff; }
.apage span{background:#da241c; color:#fff; padding-left:10px;display:inline-block; margin-right:4px; border:1px solid #da241c; height:38px; line-height:38px; padding:0 14px; font-size:14px;}



.news .news_2{
    width: 282px;
}
.news .news_2 .tit{
    font-size: 24px;
    margin-bottom: 12px;
    border-left: 5px solid rgba(204, 51, 51, 1);
    padding-left: 8px;
}
.news .news_2 .line{
    background-color: rgba(153, 153, 153, .2);
    height: 1px;
    width: 100%;
    margin-bottom: 12px;
}
.news .news_2 ul{
    margin-bottom: 30px;
}
.news .news_2 li{
    padding: 15px 0;
    border-bottom: 1px dotted rgba(153, 153, 153, 1);
}
.news .news_2 li a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.news .news_2 li img{
    vertical-align: middle;
    margin-right: 5px;
    width: 19px;
    margin-top: -3px;
}
.news .news_2 .mode{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.news .news_2 .mode img{
    width: 100%;
    height: auto;
    transition: .5s;
}
.news .news_2 .mode:hover img{
    transform: scale(1.08);
}
.news .news_2 .mode p{
    line-height: 32px;
    background-color: rgba(0, 0, 0, .57);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.newinfo .about_1 .about_11 p:nth-child(1){
    text-align: center;
}
.newinfo .about_1 .about_11 .author{
    text-align: center;
     margin-top: 10px;
}
.newinfo .about_1 .about_11 .author span img{
    width: auto;
    margin: 0;
    vertical-align: text-bottom;
}
.newinfo .dg_dowm{
    clear: both;
    margin-top: 15px;
} 
.newinfo .dg_dowm a:hover{
    color: rgba(204, 51, 51, 1);
}
.news_1 form{
	width: 398px;
    margin: 0 auto 40px auto;
    position: relative;
}
.news_1 form input{
	width:100%;
    border:1px solid #D1D1D1;
  	height:47px;
  	line-height:47px;
  	padding:0 20px;
  	padding-right:160px;
}
.news_1 form button{
	position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    line-height: 47px;
    width: 153px;
    text-align: center;
    color: #fff;
    background-color: #999999;
}
/* team */
.team .team_1{
    margin-bottom: 49px;
}
.team .team_1>div{
    line-height: 64px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
}
.team .team_1>div:nth-child(4){
    border-bottom: 0;
}
.team .team_1>div span{
    font-size: 16px;
    font-weight: bold;
    margin: 0 46px;
}
.team .team_1>div a{
    font-size: 16px;
    margin-right: 30px;
}
.team .team_1>div a:hover{
    color: #b71c24;
}
.team .team_1>div .acitve{
    color: #b71c24;
    font-weight: bold;
}
.team .team_2{
    margin-bottom: 53px;
}
.team .team_2 .tit{
    margin-bottom: 30px;
    font-size: 18px;
    color: rgba(67, 67, 67, 1);
}
.team .team_2 .tit img{
    vertical-align: middle;
    width: 23px;
}
.team .team_2 .tit span{
    display: inline-block;
    font-size: 24px;
    margin-right: 13px;
    padding-right: 16px;
    border-right: 1px solid rgba(149, 149, 149, 1);
}
.team .team_2 .list{
    border: 1px solid rgba(215, 215, 215, 1);
    margin-bottom:49px;
}
.team .team_2 .list li{
    padding: 31px 32px;
    border-bottom: 1px solid rgba(215, 215, 215, 1);
}
.team .team_21{
    padding-bottom: 17px;
    border-bottom: 1px dotted #cccccc;
}
.team .team_2 .team_21 .mode{
    width: 300px;
    overflow: hidden;
    margin-right: 46px;
}
.team .team_2 .team_21 .mode>img{
    width: 100%;
    transition: .5s;
}
.team .team_2 .team_21 .mode:hover>img{
    transform: scale(1.08);
}
.team .team_2 .team_21 .info{
    width: 230px;
}
.team .team_2 .team_21 .info p{
    color:rgba(108, 108, 108, 1);
    font-size:16px;
    margin-bottom: 10px;
}
.team .team_2 .team_21 .info p:nth-child(1){
    font-size: 20px;
    color: rgba(67, 67, 67, 1);
    margin-bottom: 40px;
}
.team .team_2 .team_21 .info p:nth-child(5){
    color: rgba(254, 143, 0, 1);
    margin-top: 15px;
}
.team .team_2 .team_21 .info p:nth-child(5) span{
    font-size: 24px;
    color: rgba(254, 143, 0, 1);
}
.team .team_2 .team_21 .evaluate{
    width: 168px;
}
.team .team_2 .team_21 .evaluate>div{
    margin-bottom: 23px;
    text-align: center;
}
.team .team_2 .team_21 .evaluate .start{
    color: rgba(254, 143, 0, 1);
}
.team .team_2 .team_21 .evaluate>div img{
    vertical-align: middle;
    width: 16px;
    margin-top: -6px;
    margin-left: 5px;
}
.team .team_2 .team_21 .evaluate>a{
    line-height: 44px;
    width: 168px;
    text-align: center;
    border-radius: 22px;
    background-color: rgba(204, 51, 51, 1);
    color: #fff;
    display: block;
}
.team .team_2 .team_22{
    padding-top: 20px;
}
.team .team_2 .team_22 .mode{
    position: relative;
    overflow: hidden;
    width: 273px;
    margin-right: 14px;
}
.team .team_2 .team_22 .mode:nth-child(4){
    margin-right: 0;
}
.team .team_2 .team_22 .mode>img{
    width: 100%;
    height: auto;
    transition: .5s;
}
.team .team_2 .team_22 .mode:hover>img{
    transform: scale(1.08);
}
.team .team_2 .team_22 .mode>p{
    line-height: 35px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.team .team_2 .team_22 .mode>.zRed{
    background-color: rgba(204, 51, 51, .86);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    line-height: 200px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.team .team_2 .team_22 .mode>.zRed a{
    color: #fff;
  	line-height:231px;
  	display:block;
}
.team .team_2 .team_22 .mode:hover>p{
    opacity: 0;
}
.team .team_2 .team_22 .mode:hover>.zRed{
    opacity: 1;
}
.team .team_2 .page{
    margin-top: 39px;
    margin-bottom: 47px;
    text-align: center;
}
.team .team_2 .page a{
    line-height: 43px;
    padding: 0 26px;
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 21px;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
}
.team .team_2 .page a:hover,.team .team_2 .page .page-num-current{
    background-color: rgba(204, 51, 51, 1);
    border: 1px solid rgba(204, 51, 51, 1);
 color: #fff;
}
/* caseInfo */
.caseInfo_1{
    margin-bottom: 50px;
}
.caseInfo_1 .titles{
    width: 69.4%;
  	text-align:center;
}
.caseInfo_1 .titles .tit{
	font-size: 24px;
    font-weight: 400;
    color: rgba(71,71,71,1);
}
.caseInfo_1 .titles .txt{
  	margin:10px 0;
}
.caseInfo_1 .titles .txt span{
	margin-right:20px;
	color: rgba(107, 107, 107, .8);
}
.caseInfo_11{
    width: 69.4%;
    margin-right: 5%;
}
.caseInfo_111{
    padding: 15px;
    border: 1px solid rgba(230, 230, 230, 1);
  	margin-bottom:20px;
}
.caseInfo_11 .swiper-slide{
    overflow: hidden;
}
.caseInfo_11 .swiper-slide img{
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: .5s;
}
.caseInfo_11 .swiper-slide:hover img{
    transform: scale(1.08);
}
.caseInfo_11 .caseInfo_thumbs{
    position: relative;
    margin: 0 57px;
    width: auto;
}
.caseInfo_11 #caseInfo_thumbs{
    margin-top: 15px;
    position: initial;
}
.caseInfo_11 #caseInfo_thumbs .swiper-slide{
    opacity: .6;
}
.caseInfo_11 #caseInfo_thumbs .swiper-slide-thumb-active{
    opacity: 1;
}
.caseInfo_11 #caseInfo_thumbs .swiper-button-prev{
    left: -57px;
}
.caseInfo_11 #caseInfo_thumbs .swiper-button-next{
    right: -57px;
}
.caseInfo_11 #caseInfo_thumbs .swiper-button-black{
    background-color: rgba(230, 230, 230, 1);
    height: 100%;
    margin-top: 0;
  	top:0;
    width: 30px;
    background-size: 16px 30px;
}
.caseInfo_11 .labelTabs{
    width:100%;
    line-height:300%;
    background:rgba(230,230,230,1);
    color:rgba(114,114,114,1);
    text-align: center;
    margin-top: 20px;
    margin-right: 12px;
    display: inline-block;   
}
.caseInfo_12{
    width: 25.6%;
}
.caseInfo .title p{
    font-size:24px;
    font-weight:400;
    color:rgba(71,71,71,1);
    border-left: 5px solid rgba(204, 51, 51, 1);
    padding-left: 8px;
    margin-bottom: 10px;
}
.caseInfo .title span{
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}
.caseInfo_12 ul{
    margin-bottom: 30px;
}
.caseInfo_12 li a{
    font-size:16px;
    font-weight:400;
    color:rgba(84,84,84,1);
    padding:12px 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dotted rgba(225, 225, 225, 1);
}
.caseInfo_12 .recommend{
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.caseInfo_12 .recommend img{
    display: block;
    width: 100%;
    transition: .5s;
}
.caseInfo_12 .recommend img:hover{
    transform: scale(1.1);
}
.caseInfo_12 .recommend p{
    position: absolute;
    bottom: 0;
    line-height:35px;
    background:rgba(0,0,0,.6);
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    left: 0;
}
.caseInfo_12 .idea{
	margin:15px 0 20px 0;
}
.caseInfo_12 .idea .txt{
	font-size:15px;
  	line-height:26px;
  	margin-bottom:10px;
}
.caseInfo_12 .idea .info{
	background-color:#f6f6f6;
  	padding:5px 12px;
}
.caseInfo_12 .idea .info p{
  	line-height:26px;
}
.caseInfo_12 .idea .info p span{
	font-weight:bold;
}
.caseInfo_2{
    margin-bottom: 45px;
}
.caseInfo_21{
    margin: 30px 0;
}
.caseInfo_21>a{
    margin-right: 1.2%;
    width: 24.1%;
    position: relative;
    overflow: hidden;
  	height:154px;
}
.caseInfo_21>a:nth-of-type(4n){
	margin-right:0;
}
.caseInfo_21>a img{
    display: block;
    width: 100%;
    transition: .5s;
}
.caseInfo_21>a img:hover{
    transform: scale(1.1);
}
.caseInfo_21>a p{
    position: absolute;
    bottom: 0;
    line-height:35px;
    background:rgba(0,0,0,.6);
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 100%;
    left: 0;
  	padding: 0 10px;
  	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.caseInfo_21>a:nth-of-type(4n){
    margin-right: 0;
}
/* in_banner swiper */
.in_banner .swiper-slide{
    position: relative;
}
.in_banner .swiper-slide img{
    min-height: 420px;
}
.in_banner form{
    position: absolute;
    top: 0;
    right: 22%;
    border: 5px solid rgba(183, 28, 37, 1);
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, .84);
  	z-index:999;
}
.in_banner form>p:first-child{
    font-size:14px;
    font-weight:400;
    color:rgba(183,28,36,1);
    text-align: left;
}
.in_banner form>p:first-child span{
    font-size:18px;
    font-weight:400;
    color:rgba(183,28,36,1);
}
.in_banner form>div{
    margin-bottom: 5px;
}
.in_banner form>div input{
    display: block;
    width:310px;
    height:32px;
    background:rgba(183,28,36,0);
    border:1px solid rgba(139, 139, 139, 1);
}
.in_banner form button{
    display: block;
    line-height:32px;
    background:rgba(183,28,36,1);
    font-size:14px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
.in_banner form>p{
    text-align: center;
}
.in_banner form .txt1{
    font-weight:400;
    color:rgba(91,91,91,1);
    margin-top: 5px;
}
.in_banner form .txt1 span{
    font-size:18px;
    color:rgba(183,28,36,1);
}
.in_banner form .txt2{
    font-weight:400;
    color:rgba(18,18,18,1);
    border-bottom: 1px dotted rgba(160, 160, 160, 1);
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.in_banner form .txt2 span{
    color:rgba(183,28,36,1);
}
.in_banner form .txt3{
    padding: 0 20px;
    text-align: left;
    color: rgba(88, 88, 88, 1);
}
.in_banner form .userSwiper{
    height: 104px;
    overflow: hidden;
}
.in_banner form .userSwiper>div{
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 500ms;
}
.bottomBackground{
	position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
  	top:0;
  	display:none;
  	z-index:9999;
}
.bottomForm{
	position: fixed;
    width: 100%;
    bottom: -245px;
    left: 0;
  	background-color:rgba(0,0,0,.6);
  	transition:.5s;
  	z-index:9999;
}
.bottomForm form{
	width: 800px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    margin-top: -3%;
  	border-radius: 7px;
  	padding: 30px 20px;
  	cursor: pointer;
  	transition:.5s;
  	box-shadow: 0 5px 15px rgba(0,0,0,0.26);
}
.bottomForm form .tit{
	font-size: 32px;
  	margin-bottom: 30px;
}
.bottomForm form .tit span{
	color:rgba(204, 51, 51, 1);
}
.bottomForm form>div{
	float: left;
    width: 49%;
    border: 1px solid rgba(0,0,0,.2);
	margin-bottom:2%;
  	position: relative;
	margin-right:2%;
}
.bottomForm form>div input{
	height:44px;
  	width:100%;
  	padding:0 15px;
}
.bottomForm form>div select{
	height:44px;
  	width:100%;
  	padding:0 15px;
}
.bottomForm form>div:nth-of-type(2n){
  	margin-right:0;
}
.bottomForm form>div img{
	position: absolute;
    right: 15px;
    top: 50%;
}
.bottomForm form>div.type img{
  margin-top:-2.5px
}
.bottomForm form>div.area img{
  margin-top:-10.5px
}
.bottomForm form>div.code img{
  	height: 42px;
    right: 1px;
    top: 1px;
}
.bottomForm form>div.area input{
	padding-right:45px;
}
.bottomForm form>div.code input{
	padding-right:120px;
}
.bottomForm form button{
	width: 49%;
    height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #000;
}
.bottomForm.active{
	bottom:0;
}
.bottomForm.active form{
	margin-top:-5%;
  	cursor: auto;
}

/* caseDetail */
.caseInfo_12 form{
	margin:20px 0;
}
.caseInfo_12 form .form-cls{
	margin-bottom:10px;
  	position: relative;
}
.caseInfo_12 form .form-cls select{
	border: 1px solid #999;
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 5px;
}
.caseInfo_12 form .form-cls select#types{
	width:100%;
}
.caseInfo_12 form .form-cls input{
	border: 1px solid #999;
    border-radius: 5px;
  	width:100%;
  	line-height:39px;
  	padding:0 15px;
}
.caseInfo_12 form .form-cls input#areasize{
	padding-right: 40px;
}
.caseInfo_12 form .form-cls span{
	position:absolute;
    right: 15px;
    font-size: 18px;
    top: 7.5px;
}
.caseInfo_12 form button{
	display: block;
    line-height: 39px;
    width: 100%;
    border-radius: 5px;
    background-color: rgba(204, 51, 51, 1);
    color: #fff;
    font-size: 16px;
}
.caseInfo_121{
	margin:20px 0;
	text-align:center;
}
.caseInfo_121 img{
	border-radius: 50%;
    width: 160px;
    height: 160px;
}
.caseInfo_121 p{
  	font-size:16px;
  	margin-top:10px;
}
.about_1>form{
	width: 550px;
    margin: 0 auto 40px auto;
    position: relative;
}
.about_1>form input{
	width:100%;
    border:1px solid #D1D1D1;
  	height:47px;
  	line-height:47px;
  	padding:0 20px;
  	padding-right:160px;
}
.about_1>form button{
	position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    line-height: 47px;
    width: 153px;
    text-align: center;
    color: #fff;
    background-color: #999999;
}
.caseInfo_1>form{
	width: 550px;
    margin: 0 auto 40px auto;
    position: relative;
}
.caseInfo_1>form input{
	width:100%;
    border:1px solid #D1D1D1;
  	height:47px;
  	line-height:47px;
  	padding:0 20px;
  	padding-right:160px;
}
.caseInfo_1>form button{
	position: absolute;
    right: 0;
    top: 0;
    height: 47px;
    line-height: 47px;
    width: 153px;
    text-align: center;
    color: #fff;
    background-color: #999999;
}
.about .isgood-list{
	margin-top:30px;
}
.about .isgood-list h3{
	margin-bottom:15px
}
.about .isgood-list ul::after{
	display:block;
  	content:"";
  	clear:both;
}
.about .isgood-list ul li{
	float:left;
  	width:271px;
  	margin-right:18px;
  	margin-bottom:18px;
}
.about .isgood-list ul li:nth-of-type(3n){
	margin-right:0;
}
.about .isgood-list ul li a{
	display:block;
}
.about .isgood-list ul li a img{
	margin-top:0 !important;
}
.about .isgood-list ul li a p{
	text-align:center;
	margin-top:5px !important;
  	font-size:16px;
}
/* service */
.service .title{
    margin-bottom: 40px;
    text-align: center;
}
.service .title .tit{
    font-size: 30px;
    color: #000000;
}
.service .title .tit span{
    color: #970f00;
}
.service .title .line{
    width: 38px;
    height: 2px;
    display: block;
    background-color: #970f00;
    margin: 20px auto;
}
.service .title .txt{
    color: #999999;
}
.service_1{
    margin-bottom: 70px;
}
.service_1 .mode{
    width: 129px;
    height: 148px;
    margin-right: 49px;
    position: relative;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    transition: .3s;
}
.service_1 .mode:last-child{
    margin-right: 0;
}
.service_1 .mode span {
    position: absolute;
    top: 108px;
    left: 29px;
    color: #333333;
    transition: .3s;
}
.service_1 .mode:nth-child(1){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 0;
}
.service_1 .mode:nth-child(2){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -148px;
}
.service_1 .mode:nth-child(3){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -296px;
}
.service_1 .mode:nth-child(4){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -444px;
}
.service_1 .mode:nth-child(5){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -592px;
}
.service_1 .mode:nth-child(6){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -740px;
}
.service_1 .mode:nth-child(7){
    background: #f9f9f9 url(../images/service_01.png) no-repeat 0 -888px;
}


.service_1 .mode:hover{
    background-position-x: -129px;
    background-color: #006cb7;
}
.service_1 .mode:hover span{
    color: #fff;
}
.service_2{
    background-image: url(../images/service_02.png);
    background-size: 100% 100%;
}
.service_3{
    background-image: url(../images/service_04.png);
    background-size: 100% 100%;
    height: 817px;
    position: relative;
}
.service_3>.content{
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: -258px;
    background-color: #fff;
}
.service_3 .solve_con{
    height:643px;
    padding:0 60px;
}
.service_3 .u1{
    padding:77px 0 0 142px;
}
.service_3 .u1 li,.u2 li,.u3 li{
    width:195px;
    height:190px;
    float:left;
    background:url(../images/service_08.jpg) no-repeat 0 0;
    margin-left:-17px;
    line-height: 19px;
}
.service_3 .u1 li:nth-child(5){
    background:url(../images/service_09.jpg) no-repeat 0 0;
}
.service_3 .u1 li a,.u2 li a,.u3 li a{
    font-size:18px;
    color:#f93e4a;
    display:block;
    text-align:left;
    margin-top:29px;
    text-decoration:none;
}
.service_3 .u1 li p,.u2 li p,.u3 li p{
    font-size:14px;
    color:#333333;
    text-align:left;
    padding:15px 46px 0 0;
}
.service_3 .u1 .u1_li1 a{
    color:#526fec;
}
.service_3 .u1 .u1_li1{
    background:url(../images/service_06.jpg) no-repeat 0 0;
}
.service_3 .u2{
    padding-left:69px;
}
.service_3 .u2 .u2_li1{
    background:url(../images/service_10.jpg) no-repeat 0 0;
    width:105px;
}
.service_3 .u2 .u2_li2{
    background:url(../images/service_07.jpg) no-repeat 0 0;
    width:147px;
}
.service_3 .u2 .u2_li2 a{
    margin-left:-35px;
}
.service_3 .u2 .u2_li2 p{
    margin-left:-35px;
}
.service_3 .u2 .u2_li3{
    background:url(../images/service_08.jpg) no-repeat 0 0;
    width:200px;
}
.service_3 .u2 .u2_li4{
    background:url(../images/service_11.jpg) no-repeat 0 0;
    width:164px;
    margin-left:1px;
}
.service_3 .u3{
    padding-left:128px;
}
.service_3 .u3 li a{
    color:#fe8900;
}
.service_3 .u3 .u3_li1{
    background:url(../images/service_12.jpg) no-repeat 0 0;
    width:192px;
}
.service_3 .u3 .u3_li2{
    background:url(../images/service_13.jpg) no-repeat 0 0;
    width:200px;
}
.service_3 .u3 .u3_li3{
    background:url(../images/service_14.jpg) no-repeat 0 0;
    width:163px;
}
.service_4{
    padding: 50px 0;
    height: 830px;
    background: url(../images/service_15.png) no-repeat right bottom;
    position: relative;
    margin-bottom: 80px;
}
.service_4 .saleImg{
    background: url(../images/service_16.jpg) no-repeat right bottom;
    background-size: 90%;
    width: 680px;
    padding-bottom: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.service_4 .rows {
    width: 500px;
    height: 90px;
    position: absolute;
}
.service_4 .rows_1 {
    top: 189px;
    right: 585px;
}
.service_4 .rows_2 {
    top: 265px;
    right: 634px;
}
.service_4 .rows_3 {
    top: 357px;
    right: 672px;
}
.service_4 .rows_4 {
    top: 452px;
    right: 681px;
}
.service_4 .rows_5 {
    top: 549px;
    right: 671px;
}
.service_4 .rows_6 {
    top: 641px;
    right: 635px;
}
.service_4 .rows_7 {
    top: 717px;
    right: 574px;
}
.service_4 .rows .right {
    float: right;
    font-size: 18px;
    color: #fff;
    line-height: 90px;
    width: 100px;
    text-align: center;
    /* opacity: 0;
    transform: translate(10%, 0); */
}
.service_4 .rows .left{
    float: right;
    padding-top: 33px;
    max-width: 400px;
    color: #555555;
    font-size: 18px;
    /* opacity: 0;
    transform: translate(-17%, 0); */
}
.service_4 .rows  .spec {
    color: #d0412e;
}
.service_5{
    margin-bottom: 20px;
}
.service_51{
    width: 578px;
}
.service_51 li{
    height: 104px;
    overflow: hidden;
    border-bottom: 1px dashed #d2d2d2;
}
.service_51 li .tit{
    font-size: 30px;
    color: #282828;
    line-height: 47px;
    font-weight: bold;
}
.service_51 li .txt{
    font-size: 16px;
    color: #666666;
    line-height: 53px;
}
.service_52{
    width: 496px;
    height: 361px;
    margin: 0 53px 0 73px;
}
.service_5 .rows:nth-of-type(2n) .service_51{
    float: right;
}
.service_6{
    background: url(../images/service_19.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 187px;
}
.service_6 .tit{
    font-size: 30px;
    color: #333333;
    text-align: left;
    line-height: 90px;
    font-weight: bold;
}
.service_6 .tit span{
    color: #970f00;
    font-size: 40px;
}
.service_6 .tel{
    width: 282px;
    height: 31px;
    border: 1px solid #e60012;
    border-right: 0;
    border-left: 0;
    line-height: 31px;
    display: inline-block;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}
.service_6 .apply{
    width: 180px;
    height: 47px;
    background: #f93e4a;
    line-height: 47px;
    text-align: center;
    border-radius: 28px;
    float: right;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.service_7{
    padding: 80px 0;
}
.service_71{
    width: 496px;
}
.service_72{
    width: 498px;
    margin: 72px 0 0 64px;
}
.service_7 a{
    width: 180px;
    height: 47px;
    background: #970f00;
    line-height: 47px;
    text-align: center;
    border-radius: 28px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin: 73px 143px 0 0;
}
.service_8{
    background-color: #f8f7f7;
    padding: 80px 0;
}
.service_8>.content{
    background-color: #fff;
    text-align: center;
    padding: 60px 0;
}
.service_9{
    padding: 80px 0;
}
.service_9>.content{
    border: 1px solid #dcdcdc;
}
.service_91{
    text-align: center;
    padding: 30px 0;
}
.service_10{
    background-color: #f3f3f3;
    padding: 80px 0;
}
.service_10>.content{
    padding: 30px 0;
    background-color: #fff;
    text-align: center;
}
.service_11{
    background: url(../images/service_27.jpg) no-repeat;
    background-size: 100% 100%;
}
.service_11>.content{
    padding: 53px 0 70px 0;
}
.service_11>.content img{
    display: block;
}
.service_11>.content .txt{
    font-size: 28px;
    color: #fff;
    margin-top: 42px;
    font-weight: bold;
}
.service_11>.content .tel{
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    display: inline-block;
}
.service_11>.content .apply{
    width: 180px;
    height: 47px;
    background: #970f00;
    line-height: 47px;
    text-align: center;
    border-radius: 28px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}
.service_11>.content .apply:hover{
    background: #ed6c00;
}



.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }


#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}


/* about */
.about{width: 100%;padding: 62px 0 90px 0;}
.about .aboutL{float: left;width: 589px;}
.about .aboutL h3{font-size: 28px;color: #333333;font-weight: normal;}
.about .aboutL h3 em{font-weight: bold;color: #da251d;}
.about .aboutL h3 span{font-size: 16px;color: #999999;margin-left: 8px;}
.about .aboutL .about-pic{width: 589px;height: 295px;position: relative;overflow: hidden;margin-top: 22px;}
.about .aboutL .about-pic img{display: block;width: 589px;height: 295px;}
.about .aboutL .about-pic span{font-size: 18px;color: #fff;text-indent: 14px;height: 50px;line-height: 50px;background: url(Img/Index/aboutBg01.png);position: absolute;left: 0;bottom: 0;width: 100%;display: block;}
.about .aboutL p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 28px;height: 100px;overflow: hidden;text-overflow: ellipsis;}
.about .aboutL .more{margin-top: 50px;}
.about .aboutL .more a{font-size: 14px;color: #9d9b9b;text-transform: uppercase;}
.about .aboutL .more img{margin-left: 10px;position: relative;top: 2px;}
.about .aboutL .more a:hover{color: #da251d;}
.about .aboutR{width: 536px;float: right;position: relative;}
.about .aboutR .aboutBtn{display: block;position: absolute;top: 0;border: 1px solid #eaeaea;cursor: pointer;width: 40px;height: 29px;}
.about .aboutR .aboutBtn.prev{right: 41px;}
.about .aboutR .aboutBtn.next{right: 0;}
.about .aboutR .aboutBtn img{display: block;width: 40px;height: 29px;}
.about .aboutR .menu li{float: left;font-size: 18px;color: #666666;padding: 0 24px;border-left: 1px solid #e5e1e1;}
.about .aboutR .menu li:first-child{border-left: none;padding-left: 0;}
.about .aboutR .menu li.cur a{color: #da251d;font-weight: bold;}
.about .aboutR .conBox{margin-top: 32px;height: 478px;overflow: hidden;position: relative;}
.about .aboutR .conBox .box{position: relative;height: 478px;position: relative;overflow: hidden;}
.about .aboutR .conBox .box ul{width: 100%;position: absolute;left: 0;top: 0;}
.about .aboutR .conBox li{float: left;width: 554px;height: 478px;}
.about .aboutR .conBox li dl{float: left;width: 259px;margin-right: 18px;margin-bottom: 32px;}
/*.about .aboutR .conBox li dl dt{border: 1px solid #e4e4e4;}*/

.about .aboutR .conBox li img{display: block;width: 259px;height: 194px;transition: all 1s ease-out;}
.about .aboutR .conBox li span{display: block;width: 257px;height: 194px;overflow: hidden;border: 1px solid #e4e4e4;}
.about .aboutR .conBox li p{font-size: 14px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 7px;text-align: center;}
.about .aboutR .conBox li a{text-decoration: none;}
.about .aboutR .conBox li dl:hover img{transform: scale(1.1);}
.about .aboutR .conBox li dl:hover p{color: #da251d;font-weight: bold;}


/* Pop-ups */
.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #e9cf8f; position:absolute; z-index:5; left:50%; top:50px; margin-left:-555px; background-color:#000;  border-radius:5px;z-index: 99;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}
/* Pop-ups End */