﻿@charset "utf-8";


		.header{min-width:1200px;}
		.footer{min-width:1200px;}
.slideBox-prev, .slideBox-next {margin-top: -67px !important;}
.body-container .advantage.grey {margin-top: 40px;padding-bottom: 220px;}
		.footer .copy {margin-bottom: 10px;}
		.body-container{min-width:1200px;}
		.produce{min-width:1200px;}
		.banner{min-width:1200px;}
		.details-banner{min-width:1200px;}
		.body-container .works-list {width: 1200px !important;}
        .body-container .cooperation .link-logo-list {width: 1200px !important;}
        .body-container .custom-fl5 .case5-list {width: 1200px !important;}
        /*屏蔽*/
        #qiao-invite-wrap {display: none !important;}
        #qiao-icon-wrap {display: none !important;}
        .kefu {display: none !important;}
        #LXB_CONTAINER {z-index: -1 !important;}

        /*侧栏*/
        .celan {position: fixed; bottom: 5%; right: 0; z-index: 99999;}
        .celan li {list-style: none; margin-top: 5px; position: relative;}
        .celan li:first-child {margin-top: 0;}
        .celan li a {width: 60px; display: block; padding-top: 40px; line-height: 20px; text-align: center; font-size: 12px; color: #fff;}
        .celan li a:hover {background-color: #ff7000;}
        .celan .cl-phone {background: #ff7000 url(../images/cl_tel.png) no-repeat center 5px/auto 30px;}
        .celan .cl-qq {background: #ff7000 url(../images/cl_qq.png) no-repeat center 5px/auto 30px;}
        .celan .cl-zx {background: #ff7000 url(../images/cl_zx.png) no-repeat center 5px/auto 30px;}
        .celan .cl-top {background: #ff7000 url(../images/cl_top.png) no-repeat center 10px/auto 25px;}
        .celan .cl-qq-h:hover .cl-qqzx {display: block;}
        .celan .cl-qqzx {position: absolute; display: none; top: 0; right: 60px; width: 125px; height: 110px;}
        .celan .cl-qqzx .left {display: none; float: left; width: 110px; padding-top: 80px; background: url(../images/cl_qq_max.png) no-repeat center 20px; text-align: center; font-size: 16px; color: #fff;}
        .celan .cl-qqzx .right {float: left; margin-left: 10px;  padding: 10px 0;}
        .celan .cl-qqzx .right a {display: block; padding: 0 0 0 22px; line-height: 30px; color: #fff; font-size: 14px; background: url(../images/cl_qq_min.png) no-repeat 0 center;}
        .celan .cl-phone-h {position: relative;}
        .celan .cl-phonezx {display: none; position: absolute; bottom: 0 ; right: 0; width: 235px; height: 155px; background-color: #ff7000;}
        .celan .cl-phonezx img {position: absolute; top: 5px; right: 5px; cursor: pointer;}
        .celan .cl-phonezx h3 {text-align: center; font-size: 22px; color: #fff; margin-top: 20px;}
        .celan .cl-phonezx input[type='text'] {display: block; width: 180px; height: 35px; margin: 10px auto; border-radius: 5px; border: none; text-align: center; color: #666;}
        .celan .cl-phonezx input[type='button'] {display: block; width: 180px; height: 35px; margin: 10px auto; background-color: rgb(255, 94, 0); border-radius: 5px; border: none; color: #fff; cursor: pointer;}

        /*弹窗*/
        .tk-bd {display: none; position: fixed; top: 50%; left: 50%; z-index: 9999999; width: 520px; height:245px; margin: -125px 0 0 -250px; background-color: rgba(255,102,0,0.9) ; border: solid 6px rgba(255,102,0,0.9); padding-top:15px; }
        .tk-bd .esc {position: absolute; top: -17px; right: -17px; width: 24px; height: 24px; background: url(../images/tv_uielements.png) no-repeat -12px -73px; cursor: pointer;}
        .tk-bd .esc:hover {background-position: -49px -73px;}
        .tk-bd p {line-height: 50px; text-align: center; font-size: 22px; color: #fff;}
        .tk-bd h4 {line-height: 50px; text-align: center; font-size: 16px; color: #fff;}
        .tk-bd .left {float: left; width: 280px; margin-top: 5px; border-right: dashed 1px #ddd; margin-left:16px;}
        .tk-bd .left input[type='text'] {display: block; width: 150px; height: 38px; margin: 20px auto; border: solid 1px #ddd; border-radius: 5px; text-align: center; color: #ff7000; float:left;}
        .tk-bd .left input[type='button'] {display: block; width: 85px; height: 40px; margin: 20px auto; background-color:#fff; border-radius: 5px; border: none; color: #ff7000; cursor: pointer;}
        .tk-bd .right {float: left; margin-top: 5px;  margin-left:12px;}
        .tk-bd .right a {display: block; line-height: 42px; background: #fff url(../images/cl_q_min.png) no-repeat 30px center; padding-left: 60px; margin: 20px 0 0 20px; width: 100px; color: #ff7000; border-radius: 5px;}
.banner {overflow: hidden}
.banner .swiper{overflow: hidden}
.banner .swiper .swiper-pagination{height: 20px; position: absolute; bottom: 20px; left: 0; right: 0; z-index: 4; text-align: center;}
.banner .swiper .swiper-pagination-switch{width:14px; height: 14px; background: #fff; display: inline-block; margin: 0 5px; border-radius: 50%;}
.banner .swiper .swiper-pagination-switch.swiper-active-switch{background-color: #007aff;}
.banner .swiper .cover{line-height: 0; display: block; text-align: center;}
.banner .swiper .cover .cover-img{max-width: 100%;}
.banner .swiper .action{width: 52px; height: 134px; background-image:url("../images/bt_arr.png"); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -67px; cursor: pointer; z-index:2;}
.banner .swiper .action.prev{background-position: 0px 0px; left: -52px; transition: left .3s ease-in-out;}
.banner .swiper .action.prev.active{left:0;}
.banner .swiper .action.prev:hover{background-position: 0px -144px;}
.banner .swiper .action.next{background-position: -68px 0px; right: -52px;transition: right .3s ease-in-out;}
.banner .swiper .action.next.active{right: 0;}
.banner .swiper .action.next:hover{background-position: -68px -144px;}
.body-container .mark1{text-align: center; color: #FF7000; font-size: 30px; padding: 60px 0 20px; line-height: 50px;}
.body-container .mark1 img{margin: 0 20px 0 0; vertical-align: -10%;}
.body-container .mark2{text-align: center; font-size: 16px; color: #666; height: 20px; line-height: 20px; margin: 0 0 40px 0;}
/*3D旋转外轮廓*/
.logo_box { width: 25%; float: left; height: 240px; box-sizing:border-box; overflow: hidden; border:1px solid #e2e2e2; border-left: 0; border-top:0px;position:relative;/*perspective: 500px;内容放大*/ }
.logo_box .logo_box_con { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition:transform 0.5s ease-in-out; -moz-transition:transform 0.5s ease-in-out; -ms-transition:transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out; height: 240px;/*不能写100%*/ }
.logo_box:hover .logo_box_con { -webkit-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); -ms-transform:rotateX(-90deg); transform:rotateX(-90deg); }
.logo_box .logo_box_con>div { width: 100%; height: 100%; position: absolute; }/*不能写relative*/
.logo_box .top { background-color: #f6f6f6; -webkit-transform:translate3d(0, 0, 120px); -moz-transform:translate3d(0, 0, 120px); -ms-transform:translate3d(0, 0, 120px); transform:translate3d(0, 0, 120px); }
.logo_box .bottom { background-color: #f60; -webkit-transform:rotateX(90deg) translate3d(0, 0, 120px); -moz-transform:rotateX(90deg) translate3d(0, 0, 120px); -ms-transform:rotateX(90deg) translate3d(0, 0, 120px); transform:rotateX(90deg) translate3d(0, 0, 120px); }
.logo_box .top img { position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply; }
.logo_box .bottom p { text-align:center; position: absolute; top: 43%; left: 50%; width:260px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color: #fff; line-height: 2; }
.logo_box .bottom p span{font-size:18px;}

.isIe .logo_box .logo_box_con {  }
.isIe .logo_box:hover .logo_box_con { transform: translateY(240px);   -ms-transform:translateY(240px);}
.isIe .logo_box .logo_box_con > div { position: relative; }
.isIe .logo_box .bottom { transform:translateY(-480px); -ms-transform:translateY(-480px); }


             

.body-container .consultation-list{width:1230px; list-style: none; overflow: hidden; margin: 0 0 50px 0;}
.body-container .consultation-list .item{float:left; width:33.3%;}
.body-container .consultation-list .item .in{margin: 0px 30px 0 0; border: 1px solid #ddd; padding: 0 0 30px 0; background:#ffffff;}
.body-container .consultation-list .item .cover{line-height: 0; position: relative; overflow: hidden;}
.body-container .consultation-list .item .cover .effect{transition:all .9s ease-in-out;}
.body-container .consultation-list .item .cover .opc{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity:0; z-index:1;}
.body-container .consultation-list .item .cover .opc.active{opacity:0.5;}
.body-container .consultation-list .item .cover .left-v{position: absolute; width: 80px; height: 80px; background-color: #FF7000; left: -20%; top: 50%; margin:-40px 0 0 -40px; border-radius: 50%; z-index: 2; opacity: 0.8;}
.body-container .consultation-list .item .cover .left-v.active{left:50%;}
.body-container .consultation-list .item .cover .right-v{position: absolute; width: 80px; height: 80px; background:url("../images/r_f.png") no-repeat center center; right: -20%; top: 50%; margin:-40px -40px 0 0px; z-index: 3;}
.body-container .consultation-list .item .cover .right-v.active{right:50%;}
.body-container .consultation-list .item .cover .top-v{position: absolute; top: -20%; left: 0; width: 100%; text-align: center; height:30px; line-height: 30px; color: #FF7000; font-size: 24px; font-weight: bold; z-index: 4;}
.body-container .consultation-list .item .cover .top-v.active{top: 45px;}
.body-container .consultation-list .item .cover img{width: 100%;}
.body-container .consultation-list .item .mark3{padding: 30px 0 10px 0; color: #666; font-size: 22px; text-align: center; font-weight: bold;}
.body-container .consultation-list .item .mark4{height: 20px; line-height: 20px; color: #999; font-size: 14px; text-align: center;}
.body-container .consultation-list .item .ac-group{text-align: center; padding: 15px 0 0;}
.body-container .consultation-list .item .ac-group .ac{display: inline-block; height: 30px; line-height: 30px; color: #fff; font-size: 14px; border:1px solid #FF7000; background-color: #FF7000; text-align: center; width: 115px; text-decoration: none; border-radius: 5px; transition: all .3s ease;}
.body-container .consultation-list .item .ac-group .ac.right{border:1px solid #ddd; background-color: #fff; color: #666; margin-left: 10px;}
.body-container .consultation-list .item .ac-group .ac:hover{color: #fff; background-color:#FF7000; border: 1px solid #FF7000;}
.body-container .cooperation{padding: 70px 0 50px 0;}
.body-container .cooperation .link-logo-list{width: 1220px; overflow: hidden;}
.body-container .cooperation .link-logo-list .item{float:left; width: 20%; height:130px;}
.body-container .cooperation .link-logo-list .item .in{display: block; margin: 0 20px 0 0; overflow: hidden; height: 110px; position: relative;}
.body-container .cooperation .link-logo-list .item .in .in-body{position: absolute; top:-145px; left: 0; width: 100%; height: 22px; line-height: 0; transition: all .9s ease-out;}
.body-container .cooperation .link-logo-list .item .in .in-body.active{top: -5px;}
.body-container .cooperation .link-logo-list .item .in .in-body img{width: 120%; margin-top:-18px; margin-left:-12px; border: 0;}
.body-container .more-case{text-align: center; height: 47px; padding: 80px 0 0 0;}
.body-container .more-case a{display: inline-block; height:45px; padding: 0 30px; line-height: 45px; font-size: 16px; text-decoration: none; color: #fff; background-color: #FF7000; border:1px solid #ddd; border-radius: 5px;}
.body-container .more-case a span{font-family: "Microsoft Songti"; margin: 0 0 0 5px;}
.body-container .more-case a:hover{background-color: #e8c7b3;}
.body-container .works{padding:70px 0;}
.body-container .works-list{width: 1240px; height: 270px;}
.body-container .works-list .item{float:left; width: 25%;}
.body-container .works-list .item span{display: block; margin: 0 40px 0 0; text-align: center; height:270px; border:1px solid #f08342; line-height: 270px; font-size: 35px; color: #f08342; border-radius: 50%; transition: all .3s ease-in-out;}
.body-container .works-list .item span:hover{transform:scale(1.3);  background-color: #f08342; color: #fff;}
.body-container .news-list{background-color: #f3f3f3; padding: 70px 0; overflow: hidden;}
.body-container .news-list .list{width:1200px; overflow: hidden; padding:5px;}
.body-container .news-list .item{float:left; width: 33.3%; padding: 0 20px 0 0; list-style: none; box-sizing: border-box;}
.body-container .news-list .item .items{height:24px; line-height: 24px; overflow: hidden;}
.body-container .news-list .item .items.first{height: auto; margin: 0 0 20px 0;}
.body-container .news-list .item .items.first:hover{box-shadow: 0 0 15px #f08342;}
.body-container .news-list .item .items .stext{color: #333; font-size: 14px; text-decoration: none;}
.body-container .news-list .item .items .stext:hover{color: #f08342;}
.body-container .news-list .item .items .cover{display: block; line-height: 0; overflow: hidden; height: 173px;}
.body-container .news-list .item .items .cover img{width: 100%; border: 0; transition: all .5s ease-in-out; -webkit-filter:grayscale(100%);}
.body-container .news-list .item .items.first:hover .cover img{transform: scale(1.3);}
.body-container .news-list .item .items .stext1{display: block; height: 50px; line-height: 50px; color: #333; font-size: 15px; border:1px solid #ffe2d0; border-top: 0; text-decoration: none; padding: 0 20px; font-size: 14px; overflow: hidden;}
.body-container .case-banner{background-color: #e88042; height: 340px;}
.body-container .case-banner .w{line-height: 340px; color: #fff; font-size: 40px; background:url("../images/case_bg.png") no-repeat right center;}
.body-container .case-group{padding: 60px 0;}
.body-container .case-group .nav-list{overflow: hidden; border: 1px solid #ddd; width: 308px; margin: 0 auto; border-radius: 5px;}
.body-container .case-group .nav-list .item{float:left; width:154px; height: 50px; line-height: 50px; color: #666; text-decoration: none; font-size: 16px; text-align: center; border-right: 1px solid #ddd; box-sizing: border-box;}
.body-container .case-group .nav-list .item.active,.body-container .case-group .nav-list .item:hover{color: #fff; border-right: 1px solid #f08342; background-color: #f08342;}
.body-container .case-group .nav-list .item:first-child{border-radius: 5px 0 0 5px;}
.body-container .case-group .nav-list .item:last-child{border:0; border-radius: 0px 5px 5px 0}
.body-container .case-group .case-list{width: 1235px; list-style: none; overflow: hidden; margin: 60px 0 0 0;}
.body-container .case-group .case-list .item{float:left; width: 33.3%;}
.body-container .case-group .case-list .item .in{margin: 0 35px 35px 0;  border-bottom: 2px solid #e4e4e4; display: block; background-color: #f1f1f1; text-decoration: none;}
.body-container .case-group .case-list .item .in .cover{line-height: 0; height: 224px; overflow: hidden; position: relative;}
.body-container .case-group .case-list .item .in .cover .effect{transition: all .3s ease-in-out;}
.body-container .case-group .case-list .item .in .cover .opc{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0;}
.body-container .case-group .case-list .item .in .cover .circular{position: absolute; width: 80px; height: 80px; border: 1px solid #fff; border-radius: 50%; left: -80px; top: 50%; margin-top: -40px;}
.body-container .case-group .case-list .item .in .cover .sou{position: absolute; width: 80px; height: 80px; background: url("../images/r_f.png") no-repeat center center; right:-80px; top: 50%; margin-top: -40px;}
.body-container .case-group .case-list .item .in .cover img{width: 100%;}
.body-container .case-group .case-list .item .in .title{height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; padding: 0 10px; color: #333;}
.body-container .case-group .case-list .item .in .desc{padding: 0 15px; margin: 0 0 20px 0; line-height: 20px; height: 60px; overflow: hidden; color: #666; font-size: 14px;}
.body-container .case-group .case-list .item .in:hover{border-bottom: 2px solid #f08342; background-color: #fff;}
.body-container .case-group .case-list .item .in:hover .cover .opc{opacity: 0.5;}
.body-container .case-group .case-list .item .in:hover .cover .circular{left: 50%; margin-left: -40px;}
.body-container .case-group .case-list .item .in:hover .cover .sou{right: 50%; margin-right: -40px;}
.body-container .case-details{padding: 60px 0 0 0;}
.body-container .case-details .title{font-size: 30px; color: #333; text-align: center; margin: 0 0 30px 0;}
.body-container .case-details .desc{ line-height: 26px; font-size: 16px; color: #333; margin: 0 0 30px 0;}
.body-container .case-details .img-list{text-align: center; margin:80px 0; position: relative;}
.body-container .case-details .img-list .slide{width: 100%;}
.body-container .case-details .img-list .slide img{max-width: 100%;}
.body-container .case-details .img-list .btns{cursor: pointer; width: 48px; height: 91px; position: absolute; top: 50%; margin-top: -45px; z-index: 2;}
.body-container .case-details .img-list .btns.prev{left: 0px; background: url("../images/details-left.png") no-repeat center center;}
.body-container .case-details .img-list .btns.prev:hover{background: url("../images/details-left-hover.png") no-repeat center center;}
.body-container .case-details .img-list .btns.next{right: 0px; background: url("../images/details-right.png") no-repeat center center;}
.body-container .case-details .img-list .btns.next:hover{background: url("../images/details-right-hover.png") no-repeat center center;}
.body-container .about-banner{height: 340px; line-height: 340px; text-align: center; background:url("../images/about_banner.jpg") no-repeat center center; font-size: 36px; color: #666; letter-spacing: 5px;}
.body-container .about-content{padding: 60px 0 0 0;}
.body-container .about-content .nav-list{margin: 0 auto 60px; width: 765px; border:1px solid #ddd; border-radius: 5px; overflow: hidden;}
.body-container .about-content .nav-list a{display: inline-block; height: 50px; text-decoration: none; color: #666; font-size: 16px; text-align: center; width: 16.6%; float:left; line-height: 50px; border-right: 1px solid #ddd; box-sizing: border-box;}
.body-container .about-content .nav-list a:hover,.body-container .about-content .nav-list a.active{background-color: #f08342; color: #fff; border-right: 1px solid #f08342;}
.body-container .about-content .nav-list a:last-child{border-right: 0;}
.body-container .about-content .content{overflow: hidden; margin: 0 0 80px 0;}
.body-container .about-content .content p{line-height: 26px; font-size: 16px; color: #555; margin: 0 0 10px 0;}
.body-container .about-content .content img{width: 100%; border: 0; margin: 50px 0; opacity:0.8; background:#fff;}
.body-container .about-content .content .label{padding: 50px 0 30px; color: #333; font-size: 26px; text-align: center;}
/*.body-container .development{text-align: center; margin: 100px 0; line-height: 0;}*/
.body-container .development img{border: 0;}
.body-container .add-us{margin: 70px 0;}
.body-container .add-us .title{height: 50px; line-height: 50px; color: #333; font-size: 24px; text-align: center; margin: 0 0 30px 0;}
.body-container .add-us .desc{line-height: 22px; font-size: 18px; color: #999; margin: 0 0 10px 0; text-align: center; font-weight: 300;}
.body-container .add-us .position{overflow: hidden; margin: 80px 0 50px; padding: 0 0 80px 0; border-bottom: 1px solid #ddd;}
.body-container .add-us .position .item{float:left; width: 20%; text-align: center;}
.body-container .add-us .position .item span{display: block; height: 30px; line-height: 30px; margin: 20px 0 0 0; font-size: 18px; color: #666;}
.body-container .add-us .pos-list{overflow: hidden;}
.body-container .add-us .pos-list table{width: 100%;}
.body-container .add-us .pos-list table td{width: 565px; background-color: #f1f1f1; margin: 0 0 70px 0; vertical-align:top;}
.body-container .add-us .pos-list table td .label{height: 105px; padding: 15px 20px; background-color: #f08343;}
.body-container .add-us .pos-list table td .label .name{font-size: 18px; color: #fff; padding: 18px 0 10px;}
.body-container .add-us .pos-list table td .label .descr{color: #fff; height: 22px; line-height: 22px; font-size: 16px;}
.body-container .add-us .pos-list table td .text{padding:10px 20px 20px;}
.body-container .add-us .pos-list table td .text p{line-height: 22px; color: #666; font-size: 14px; margin: 0 0 5px 0;}
.body-container .add-us .pos-list table td .text .titles{color: #f08343; font-size: 16px; margin: 20px 0 10px 0;}
.body-container .add-us .pos-list table td.space{height: 70px; background-color: #fff;}
.body-container .add-us .pos-list table td.center{width: 70px; background-color: #fff;}
.body-container .contact-us{overflow: hidden; margin: 0 0 70px 0;}
.body-container .contact-us .parts-list{float:left; width: 820px;}
.body-container .contact-us .parts-list .item{margin: 0 0 40px 0; overflow: hidden;}
.body-container .contact-us .parts-list .item .cover{float:left; width: 300px; height: 200px; overflow: hidden;}
.body-container .contact-us .parts-list .item .cover img{width: 100%;}
.body-container .contact-us .parts-list .item .text{margin: 0 0 0 340px; max-height: 200px;}
.body-container .contact-us .name{height: 40px;}
.body-container .contact-us .name span{display: inline-block; height: 35px; color: #ff5b45; font-size: 18px; border-bottom: 2px solid #ff5b45;}
.body-container .contact-us .address-list{margin: 20px 0 0 0; list-style: none; font-size: 16px; font-weight: 300; color: #666;}
.body-container .contact-us .address-list .items{height: 26px; line-height: 30px; margin: 0 0 10px 0;}
.body-container .contact-us .other-list{float:right; width: 290px;}
.body-container .contact-us .other-list .plus{border: 1px solid #ddd; padding: 15px; overflow: hidden; margin: 0 0 40px 0;}
.body-container .contact-us .other-list .plus .code{width: 88px; padding: 0 15px 0 0; line-height: 0; border-right: 1px solid #ddd; text-align: center; float:left;}
.body-container .contact-us .other-list .plus .code span{color: #999; font-size: 12px; display: block; margin: 20px 0 0 0; height: 5px;}
.body-container .contact-us .other-list .icon-list{margin: 0 0 0 120px; overflow: hidden;}
.body-container .contact-us .other-list .icon-list .label{height: 30px; color: #999; font-size: 14px;}
.body-container .contact-us .other-list .icon-list .item{float:left; line-height: 0; margin: 0 15px 0 0;}
.body-container .contact-us .other-list .name{margin: 0 0 40px 0;}
.body-container .contact-us .other-list .contact-list{margin: 0 0 50px 0; list-style: none;}
.body-container .contact-us .other-list .contact-list .item{font-size: 18px; font-weight: 300; height: 30px; line-height: 30px; color: #666; margin: 0 0 10px 0;}
.body-container .contact-us .honor-mark{padding: 50px; text-align: center; font-size: 26px; color: #333; font-weight: 300;}
.body-container .contact-us .imgs-list{padding: 0 0 50px 0; text-align: center; border-bottom: 1px solid #ddd;}
.body-container .contact-us .imgs-list.last{border:0;}
.body-container .contact-us .imgs-list img{border: 0;}
.body-container .custom-fl1{background-color: #f3f3f3; padding: 80px;}
.body-container .custom-mark1{text-align: center; font-size: 30px; color: #333; margin: 0 0 30px 0;}
.body-container .custom-mark2{text-align: center; line-height: 24px; font-size: 16px; color:#666; margin: 0 0 50px 0;}
.body-container .custom-fl1 .cover{line-height: 0; text-align: center; padding: 20px 0 0 0;}
.body-container .custom-fl1 .cover img{max-width:100%;}
.body-container .custom-fl2{padding: 80px;}
.body-container .custom-fl2 .cover{line-height: 0; text-align: center; padding: 20px 0 0 0;}
.body-container .custom-fl2 .cover img{max-width:100%;}
.body-container .custom-fl3{background-color: #f3f3f3; padding: 80px;}
.body-container .custom-fl3 .custom-list{width:1230px; overflow: hidden;}
.body-container .custom-fl3 .custom-list .item{float:left; width: 33.3%;}
.body-container .custom-fl3 .custom-list .item .in{margin: 0 30px 0 0;}
.body-container .custom-fl3 .custom-list .item .in .cover{line-height: 0;}
.body-container .custom-fl3 .custom-list .item .in .cover img{width: 100%;}
.body-container .custom-fl3 .custom-list .item .in .t1{padding: 10px 0px; color: #333; font-size: 16px;}
.body-container .custom-fl3 .custom-list .item .in .t2{color: #999; font-size: 14px; margin: 0 0 20px 0;}
.body-container .custom-fl3 .custom-list .item .in .t2 span{color: #f08342;}
.body-container .custom-fl3 .custom-list .item .in .t3{height: 32px; width: 110px; background-color: #f08342; font-size: 14px; text-align: center; display: block; line-height: 32px; color: #fff; text-decoration: none; border-radius: 5px;}
.body-container .custom-fl4{padding: 80px;}
.body-container .custom-fl4 .cover{line-height: 0; text-align: center; padding: 20px 0 0 0;}
.body-container .custom-fl4 .cover img{max-width:100%;}
.body-container .custom-fl5{padding: 80px 0; background-color: #f3f3f3;}
.body-container .custom-fl5 .w{height: 566px;}
.body-container .custom-fl5 .case5-list{width:1290px;}
.body-container .custom-fl5 .case5-list .item{float:left; width: 33.3%; position: relative;}
.body-container .custom-fl5 .case5-list .item .in{margin: 0 90px 0 0; border:1px solid #ddd;}
.body-container .custom-fl5 .case5-list .item .in .textarea{height:75px; background-color: #f08342; text-align: center; color: #fff; font-size: 15px; line-height: 24px; box-sizing: border-box; padding:12px 0 0 0;}
.body-container .custom-fl5 .case5-list .item .in .cover{position: relative; line-height: 0; height: 382px; overflow: hidden;}
.body-container .custom-fl5 .case5-list .item .in .cover .img-cover{width: 100%;}
.body-container .custom-fl5 .case5-list .item .enlarge{position: absolute; top: 130px; left: 80px; opacity: 0; transition: all .5s ease-in-out; z-index: 1;}
.body-container .custom-fl5 .case5-list .item .in .cover .text-desc{position: absolute; bottom: -100px; left: 0; right: 0; background-color: rgba(0,0,0,.6); padding: 15px; color: #fff; text-align: center; line-height: 24px; font-size: 14px; transition: all .3s ease-in;}
.body-container .custom-fl5 .case5-list .item:hover .enlarge{opacity: 1; left:200px;}
.body-container .custom-fl5 .case5-list .item:hover .in .text-desc{bottom: 0;}
.body-container .custom-fl6{padding: 80px 0; background-color: #fff;}
.body-container .custom-fl6 .fl6-list{width: 1230px; overflow: hidden;}
.body-container .custom-fl6 .fl6-list .item{float:left; width: 33.3%;}
.body-container .custom-fl6 .fl6-list .item .in{display: block; margin: 0px 30px 0 0; text-decoration: none;}
/*.body-container .custom-fl6 .fl6-list .item .in img{width: 100%;}*/
.body-container .custom-fl6 .fl6-list .item .in .t{font-size:14px; color: #999; text-align: right; height: 50px; line-height: 50px;}
.body-container .custom-fl6 .fl6-list .item .in .t span{float:left; font-size: 16px; color: #333;}

/*优势*/
.body-container .youshi{list-style: none; overflow: hidden; background:url("../images/xiantiao.png") no-repeat center center; background-size:89% 100%;}
.body-container .youshi .item{float:left; width:33.3%;}
/*.body-container .youshi .item .in{border: 1px solid #ddd;}*/
.body-container .youshi .item .cover{line-height: 0; position: relative; overflow: hidden;}
.body-container .youshi .item .cover .effect{transition:all .9s ease-in-out;}
.body-container .youshi .item .cover .opc{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity:0; z-index:1;}
.body-container .youshi .item .cover .opc.active{opacity:0.5;}
.body-container .youshi .item .cover .left-v{position: absolute; width: 100%; height:100%; background:url("../images/rongbj.png") no-repeat center center; left: -100%; z-index: 2;}
.body-container .youshi .item .cover .left-v.active{left:100%;}
.body-container .youshi .item .cover .top-v{position: absolute; top: -40%; left: 0; width: 100%; text-align: center; height:30px; line-height: 30px; color: #fff; font-size: 24px; z-index: 4;}
.body-container .youshi .item .cover .top-v span{font-size:14px; padding:0 17%; margin-top:5%; display:inline-block;}
.body-container .youshi .item .cover .top-v.active{top: 45px;}
.body-container .youshi .item .cover img{width: 100%;}
.body-container .youshi .item .mark3{padding: 30px 0 10px 0; color: #666; font-size: 22px; text-align: center; font-weight: bold;}
.body-container .youshi .item .mark4{height: 20px; line-height: 20px; color: #999; font-size: 14px; text-align: center;}
.body-container .youshi .item .ac-group{text-align: center; padding: 15px 0 0;}
.body-container .youshi .item .ac-group .ac{display: inline-block; height: 30px; line-height: 30px; color: #fff; font-size: 14px; border:1px solid #f08342; background-color: #f08342; text-align: center; width: 115px; text-decoration: none; border-radius: 5px; transition: all .3s ease;}
.body-container .youshi .item .ac-group .ac.right{border:1px solid #ddd; background-color: #fff; color: #666; margin-left: 10px;}
.body-container .youshi .item .ac-group .ac:hover{color: #fff; background-color: #d46d30; border: 1px solid #d46d30;}