@charset "utf-8";

/* body
----------------------------------------------------------------------------------- */
body{margin:0px auto;color:#333;font-size:18px;font-family:"Microsoft YaHei","Microsoft JhengHei","SimHei","arial";overflow-x:hidden;}
::selection{ background-color:#fc6b21; color:#fff;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,label,textarea,p{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style-type:none;}
ol,ul{list-style:none;}
em{font-style:normal;}
strong{font-weight:normal;}
select,label,input,textarea{vertical-align:middle;border:none;background:none;outline:none;display:block;}
img{border:none;}
a{text-decoration:none;color:#666;}
a:hover{transition:all .4s;}


/* homepage-menu
----------------------------------------------------------------------------------- */
.homepage-menu{width:1200px;height:100px;margin:0 auto;}
.homepage-menu a.logo{float:left;display:block;margin-right:60px;padding-top:12px;}
.homepage-menu .phone{float:right;display:block;margin-left:20px;font-size:16px;color:#fc6b21;}
.homepage-menu .phone img{float:left;margin:40px 8px 40px 0;}
.homepage-menu .phone span{float:left;line-height:100px;}
.homepage-menu .navBar{float:right;height:100px;position:relative;z-index:801;}
.homepage-menu .navBar ul.nav{position:relative;}
.homepage-menu .navBar ul.nav li.nLi{float:left;width:90px;height:100px;line-height:100px;text-align:center;position:relative;z-index:802}
.homepage-menu .navBar ul.nav li.on{height:108px;}
.homepage-menu .navBar ul.nav li.nLi a{font-size:16px;color:#333;}
.homepage-menu .navBar ul.nav li.nLi a:hover{color:#fc6b21;}
.homepage-menu .navBar ul.nav li.this h3 a{padding-bottom:16px;color:#fc6b21;border-bottom:2px solid #fc6b21;}
.homepage-menu .navBar ul.nav li.nLi .sub{position:absolute;z-index:803;top:108px;left:-12px;background-color:#fff;width:170px;border-top:3px solid #fc6b21;box-shadow:0 0 25px rgba(0,0,0,.08);}
.homepage-menu .navBar ul.nav li.nLi .sub li{float:left;width:170px;height:60px;line-height:60px;text-align:left;}
.homepage-menu .navBar ul.nav li.nLi .sub li a{border:none;font-size:14px;display:block;padding:0 30px;width:110px;height:60px;}
.homepage-menu .navBar ul.nav li.nLi .sub li:hover a{color:#fc6b21;background-color:#f5f5f5;}


.video_item{
    width: 1200px;
    margin: 0 auto;
}
.video_item li{
    float: left;
    width: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}
.video_item .item{
    margin: 0 12px;
    object-fit: fill;
    height: 316px;
    overflow: hidden;
}
.video_item p{
    text-align: center;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
    font-size: 16px;
    cursor: pointer;
    height: 26px;
}
.video_item p:hover{
    color: #fc6b21;
}
.videos_list{
    height: 60px;
    line-height: 60px;
    /* width: 1200px; */
    margin: 0 auto;
    position: absolute;
    left: 50%;
    /* margin-left: -600px; */
    transform: translateX(-50%);
}
.videos_list li{
    position: relative;
    margin: 0 45px;
    float: left;
}
.videos_list  li.this a {
    color: #fc6b21;
}
.videos_list li a {
    display: block;
    height: 60px;
    width: 100% !important;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #333;
}
.videos_list .tab li s {
    display: block;
    height: 1px;
    width: 0;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.videos_list li.this s {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fc6b21;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -50%;
}

/* homepage-case
----------------------------------------------------------------------------------- */
.homepage-case{background-color: #f5f5f5;}
.homepage-case .picScroll-left{width:1200px;margin:0 auto;padding-top:20px;position:relative;}
.homepage-case .picScroll-left .title{width:1200px;height:60px;line-height:60px;}
.homepage-case .picScroll-left .title h2{font-size:20px;float:left;}
.homepage-case .picScroll-left .title a.more{float:right;font-size:16px;color:#888;}
.homepage-case .picScroll-left .title a.more:hover{color:#fc6b21;}
.homepage-case .picScroll-left .slide{width:1200px;height:692px;overflow:hidden;}
.homepage-case .picScroll-left .slide ul{width:1240px;height:732px;}
.homepage-case .picScroll-left .slide ul li{width:580px;height:366px;float:left;margin:0 40px 40px 0;overflow:hidden;position:relative;z-index:1;cursor:pointer;}
.homepage-case .picScroll-left .slide ul li .text{position:absolute;left:0;top:0;z-index:2;width:480px;height:326px;background-color:rgba(0,0,0,0.7);padding:0 50px;display:block;opacity:0;transition:all .8s;}
.homepage-case .picScroll-left .slide ul li:hover .text{opacity:1;}
.homepage-case .picScroll-left .slide ul li .text h4{font-size:20px;line-height:30px;color:#fff;width:480px;display:block;margin-top:138px;}
.homepage-case .picScroll-left .slide ul li .text span{font-size:14px;line-height:24px;color:#fff;width:480px;display:block;}

.homepage-case .picScroll-left .slide .swiper-control .control-cover {position:absolute;top:0;z-index:300;width:50%;height:650px}
.homepage-case .picScroll-left .slide .swiper-control .control-btn:hover,section.homepage-banner .banner-swiper-container .swiper-control .control-cover:hover+.control-btn {opacity:1}
.homepage-case .picScroll-left .slide .swiper-control .control-btn {opacity:0}
.homepage-case .picScroll-left .slide .swiper-control-pre .control-cover {left:-500px}
.homepage-case .picScroll-left .slide .swiper-control-pre .control-btn {left:0}
.homepage-case .picScroll-left .slide .swiper-control-next .control-cover {right:-500px}
.homepage-case .picScroll-left .slide .swiper-control-next .control-btn {right:0}
.homepage-case .picScroll-left:hover .control-btn {opacity:1}
.homepage-case span.control-arrow-left:after,.homepage-case span.control-arrow-left:before{background-color:#d0d0d0}
.homepage-case .picScroll-left:hover .control-btn:hover span.control-arrow-left:before,.homepage-case .picScroll-left:hover .control-btn:hover span.control-arrow-left:after{background-color:#333}
.homepage-case .control-btn{opacity:0;background-color:transparent;margin-top:-28px;}
.homepage-case .control-btn.control-btn-left{left:-84px;}
.homepage-case .control-btn.control-btn-right{right:-84px;}

/* banner
----------------------------------------------------------------------------------- */
section.homepage-banner{height: 480px; overflow: hidden;}
section.homepage-banner .control-btn{}

section.homepage-grids .grid-container .grid .cell h2 .more:hover{color:#fc6b21;}

/* homepage-news
----------------------------------------------------------------------------------- */
.homepage-news{background-color: #f5f5f5;}
.homepage-news .homepage-news-center{width:1200px;margin:0 auto;padding:20px 0 40px 0;}
.homepage-news .title{width:1200px;height:60px;line-height:60px;}
.homepage-news .title h2{font-size:20px;float:left;}
.homepage-news .title a.more{float:right;font-size:16px;color:#888;}
.homepage-news .title a.more:hover{}
.homepage-news ul{width:1230px;height:498px;}
.homepage-news ul li{width:380px;height:480px;float:left;margin-right:30px;margin-bottom:30px;background-color:#fff;text-align:center;overflow:hidden;}
.homepage-news ul li a{display:block;}
.homepage-news ul li .text{width:270px;height:70px;overflow:hidden;padding:0 70px 0 22px;background:url(../images/news-links.jpg) 326px 20px no-repeat;}
.homepage-news ul li .text h1{width:270px;height:32px;font-size:16px;line-height:32px;margin-top:22px;color:#333;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.homepage-news ul li .text span{display:block;width:270px;height:30px;font-size:14px;line-height:30px;color:#999;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.homepage-news ul li p{height: 34px; line-height: 34px;font-size:14px; width: 338px; padding-left: 22px; overflow: hidden; text-align: left;}
.homepage-news ul li p a{width: 100%;height: 34px;overflow: hidden; padding: 0; margin: 0;}
.homepage-news ul li p a i{display: inline-block; width: 15px; padding-right: 8px; color: #d5d5d5; font-style: normal;}
.homepage-news ul li p a:hover i,.homepage-news ul li p a:hover{color:#fc6b21;}

.homepage-news ul li:hover{-moz-box-shadow:0px 0px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1); box-shadow:0px 0px 20px rgba(0,0,0,.1);transition:all .4s;}
.homepage-news ul li:hover .text{background-image:url(../images/news-links-hover.jpg);transition:all .4s;}
.homepage-news ul li:hover .text h1{transition:all .4s;}
.homepage-news ul li a:hover .text h1{color:#fc6b21;}

/* footer
----------------------------------------------------------------------------------- */
.friend-site-list{padding:17px 0;}
.friend-site-list p{display:block;width:1200px;margin:0 auto;text-align:left;font-size:14px;color:#333;line-height:26px;}
.friend-site-list p a{color:#888;margin:0 20px;}
.friend-site-list p a:hover{color:#fc6b21;}

.footer-contain{border-top:1px solid #f0f0f0;}
.footer{width:1200px;margin:0 auto;}
.footer .second-floor{width:1200px;height:40px;border-bottom:1px solid #f0f0f0;padding:40px 0;}
.footer .second-floor .footer-menu{width:732px;height:40px;float:left;}
.footer .second-floor .footer-menu ul li{float:left;margin-right:40px;line-height:40px;}
.footer .second-floor .footer-menu ul li a{font-size:16px;color:#333;}
.footer .second-floor .footer-menu ul li a:hover{color:#fc6b21;}
.footer .second-floor .footer-menu ul li.wappage{padding-left:26px;background:url(../images/w-phone.jpg) left 50% no-repeat;cursor:pointer;font-size:16px;color:#333;margin-right:46px;position:relative;overflow:hidden;}
.footer .second-floor .footer-menu ul li.wappage img.float-img{opacity:0;position:absolute;left:0;bottom:50px;z-index:100;}
.footer .second-floor .footer-menu ul li.wappage:hover{background-image:url(../images/w-phone-hover.jpg);transition:all .4s;color:#fc6b21;overflow:visible;}
.footer .second-floor .footer-menu ul li.wappage:hover img.float-img{opacity:1;transition:all .4s;}
.footer .second-floor .footer-phone{width:218px;height:40px;float:left;display:flex;justify-content:center;align-items:center;}
.footer .second-floor .channel{float:right;height:40px;}
.footer .second-floor .channel a{display:block;width:40px;height:40px;float:left;margin-left:10px;overflow:hidden;}
.footer .second-floor .channel a.wechat{background:url(../images/wechat.jpg) 50% 50% no-repeat;cursor:pointer;position:relative;}
.footer .second-floor .channel a.wechat img.float-img{opacity:0;position:absolute;left:0;bottom:50px;z-index:100;}
.footer .second-floor .channel a.wechat:hover{background-image:url(../images/wechat-hover.jpg);overflow:visible;}
.footer .second-floor .channel a.wechat:hover img.float-img{opacity:1;transition:all .4s;}
.footer .second-floor .channel a.qq{background:url(../images/qq.jpg) 50% 50% no-repeat;}
.footer .second-floor .channel a.qq:hover{background-image:url(../images/qq-hover.jpg);}
.footer .second-floor .channel a.weibo{background:url(../images/weibo.jpg) 50% 50% no-repeat;}
.footer .second-floor .channel a.weibo:hover{background-image:url(../images/weibo-hover.jpg);}

.footer .third-floor{width:1200px;height:60px;}
.footer .ohter{float:left;line-height:60px;}
.footer .ohter a{float:left;font-size:14px;color:#888;margin-right:35px;}
.footer .ohter a:hover{color:#fc6b21;}
.footer .copyright{float:right;line-height:60px;text-align:left;color:#888;font-size:14px;}

/* programme-list
----------------------------------------------------------------------------------- */
.programme-list .headmap{position:relative;overflow:hidden;}
.programme-list .headmap img{width:100%;}
.programme-list ul{width:1200px;margin:0 auto 70px auto;overflow:hidden;}
.programme-list ul li{width:180px;height:180px;overflow:hidden;float:left;margin:90px 110px 0 110px;text-align:center;}
.programme-list ul li img{width:90px;height:81px;margin:0 auto;}
.programme-list ul li span{display:block;width:100%;height:99px;text-align:center;line-height:99px;font-size:20px;color:#888;}
.programme-list ul li:hover span{color:#28201e;transition:all .4s;}

/* programme-deta
----------------------------------------------------------------------------------- */
/* .programme-deta .headmap{height:720px;position:relative;overflow:hidden;} */
.programme-deta .headmap img{width:100%;}
.programme-deta .tab{height:56px;
    /* margin-top:43px; */
    margin-top: 20px;
}
.programme-deta .tab ul{width:1156px;height:60px;padding-left:44px;margin:0 auto;}
.programme-deta .tab ul li{ height:35px; line-height:35px; float:left; margin-right:40px; padding: 0 20px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.programme-deta .tab ul li a{color:#333;font-size:16px;}
.programme-deta .tab ul li a:hover{color:#fc6b21;}
.programme-deta .tab ul li.this{position:relative;color: #333;}
.programme-deta .tab ul li.this a{color:#fc6b21;}
.programme-deta .tab ul li.this s{display:block;width:24px;height:3px;background-color:#fc6b21;position:absolute;left:50%;bottom:-1px;margin-left:-12px;}
.programme-deta .text{
    /* width:640px; */
    width: 1200px;
    margin:0 auto;
    /* padding:40px 280px 40px 280px; */
    padding: 20px 0 140px;
    position:relative;line-height:30px;font-size:16px;color:#888;}
/* .programme-deta .text .baidu-share{right:0;top:20px;} */
.programme-deta .text .baidu-share{left: 0;bottom: 40px;}
.twentytwenty-container{width:1200px;height:550px;margin:20px auto 20px auto;overflow:hidden;position: relative;box-sizing:content-box;}
.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.twentytwenty-container img{position:absolute;top:0;display:block;}
.twentytwenty-before{z-index:20;}
.twentytwenty-after{z-index:10;}
.twentytwenty-handle{height:20px;width:20px;position:absolute;left:50%;bottom:50px;margin-left:-12px;border:3px solid white;z-index:40;cursor:move;background-color:#e6e6e6;border-radius:50%;}
.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after {content:" ";display:block;background:white;opacity:.5;position:absolute;z-index:30;}
.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after {width:2px;height:9999px;left:50%;margin-left:-1px;}
.twentytwenty-horizontal .twentytwenty-handle:before {bottom:50%;margin-bottom:13px;}
.twentytwenty-horizontal .twentytwenty-handle:after {top:50%;margin-top:13px;}
.twentytwenty-handle span.twentytwenty-left-arrow{z-index:9999;display:block;width:70px;line-height:20px;font-size:20px;color:#fff;position:absolute;right:32px;}
.twentytwenty-handle span.twentytwenty-right-arrow{z-index:9999;display:block;width:70px;line-height:20px;font-size:20px;color:#fff;position:absolute;left:42px;}

/* baidu-share
----------------------------------------------------------------------------------- */
.baidu-share{width:80px;height:40px;position:absolute;}
.baidu-share .buttonbox{width:80px;height:40px;position:relative;cursor:pointer;overflow:hidden;}
.baidu-share .buttonbox:hover{overflow:visible;padding-bottom:30px;}
.baidu-share .buttonbox:hover .bdsharebuttonbox{opacity:1;transition:all .4s;}
.baidu-share .buttonbox .bdsharebuttonbox{width:240px;height:80px;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.08);padding:26px 20px 14px 20px;
    background-color:#fff;position:absolute;
    /* right:0; */
    left: 0;
    bottom:-120px;
    opacity:0;z-index: 555;}
.baidu-share .buttonbox .bdsharebuttonbox a{display:block;width:80px;height:30px;line-height:30px;float:left;padding:45px 0 5px 0;margin:0 !important;text-align:center;font-size:14px !important;color:#333 !important;overflow:hidden;}
.baidu-share .buttonbox .bdsharebuttonbox a.bds_weixin{background:url(../images/share-wechat.jpg) center top no-repeat;}
.baidu-share .buttonbox .bdsharebuttonbox a.popup_sqq{background:url(../images/share-qq.jpg) center top no-repeat;}
.baidu-share .buttonbox .bdsharebuttonbox a.bds_tsina{background:url(../images/share-weibo.jpg) center top no-repeat;}
.bd_weixin_popup{border:none !important;box-shadow: 0 0 40px rgba(0,0,0,.18);}

/* video
----------------------------------------------------------------------------------- */
.video{width:590px;height:320px;margin-bottom:20px;overflow:hidden;}

/* paging
----------------------------------------------------------------------------------- */
.paging{width:200px;height:60px;margin:0 auto;text-align:center;}
.paging strong{display:inline-block;overflow:hidden;}
.paging a{display:block;width:60px;height:60px;float:left;margin:0 5px;border-radius:4px;background-color:#f5f5f5;position:relative;}
.paging a.white{background-color:#fff;}
.paging a.long{width:120px;}
.paging a.next svg.right{width:27px;height:13px;position:absolute;left:50%;top:50%;margin:-7px 0 0 -14px;}
.paging a.prev svg.left{width:27px;height:13px;position:absolute;right:50%;top:50%;margin:-7px -14px 0 0;}
.paging a:hover{background-color:#fc6b21;}
.paging a.next:hover svg.right{left:60px;margin:-7px 0 0 0;transition: all .4s ease-in-out;}
.paging a.prev:hover svg.left{right:25px;margin:-7px 0 0 0;transition: all .4s ease-in-out;}
.paging a:hover svg path{fill:#fff;}

/* case-list
----------------------------------------------------------------------------------- */
.case-list{margin-bottom:60px;}
.case-list .headmap{position:relative;overflow:hidden;}
.case-list .headmap img{width:100%;}
.case-list .tab{background-color: #f5f5f5;height:60px;margin:0 auto 20px;}
.case-list .tab .case_tab_list{
    height: 60px;
    width: 1200px;
    margin: 0 auto;
}
.case-list .tab a{display:block;width:150px;height:60px;float:left;margin-right:10px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;color:#333;}
.case-list .tab a:hover{color:#fc6b21;}
.case-list .tab a.this{color:#fc6b21;}
.case-list  ul.case_prodcut{width:1240px;margin:0 auto;overflow:hidden;}
.case-list  ul.case_prodcut li{width:580px;height:326px;float:left;margin:0 20px 40px 20px;overflow:hidden;position:relative;z-index:1;cursor:pointer;}
.case-list  ul.case_prodcut li .text{position:absolute;left:0;top:0;z-index:2;width:480px;height:326px;background-color:rgba(0,0,0,0.7);padding:0 50px;display:block;opacity:0;transition:all .8s;}
.case-list  ul.case_prodcut li:hover .text{opacity:1;}
.case-list  ul.case_prodcut li .text h4{font-size:20px;line-height:30px;color:#fff;width:480px;display:block;margin-top:138px;}
.case-list  ul.case_prodcut li .text span{font-size:14px;line-height:24px;color:#fff;width:480px;display:block;}
.case-list ul.case_tab_list li {
    position: relative;
    margin: 0 45px;
    float: left;
}
.case-list ul.case_tab_list a {
    display: block;
    height: 60px;
    width: 100%;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #333;
}
.case-list ul.case_tab_list li.this a {
    color: #fc6b21;
}
.case-list ul.case_tab_list li s {
    display: block;
    height: 1px;
    width: 0;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.case-list ul.case_tab_list li.this s {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fc6b21;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -50%;
}

/* case-deta
----------------------------------------------------------------------------------- */
.case-deta .headmap{height:720px;position:relative;overflow:hidden;}
.case-deta .headmap img{width:1920px;height:720px;position:absolute;left:50%;top:0;margin-left:-960px;}
.case-deta .title{height:100px;background-color:#f5f5f5;}
.case-deta .title ul{width:1200px;height:100px;margin:0 auto;overflow:hidden;}
.case-deta .title ul li.time{width:280px;height:100px;float:left;font-size:16px;line-height:100px;color:#888;text-align:left;}
.case-deta .title ul li.name{float:left;font-size:16px;line-height:100px;color:#888;}
.case-deta .title ul li.address{float:right;font-size:16px;line-height:100px;color:#888;}
.case-deta  .address_con{width: 1200px;margin: 0 auto 20px;}
.case-deta  .address_con .address{font-size:16px;color:#888;}
.case-deta  .address_con .name{color: #fc6b21;line-height: 30px;font-size: 18px;}
.case-deta .text{
    /* width:640px; */
    width:1200px;
    margin:0 auto;
    /* padding:20px 280px 20px 280px; */
    padding: 20px 0 140px;
    position:relative;line-height:30px;font-size:16px;color:#888;}
/* .case-deta .text .baidu-share{right:0;top:20px;} */
.case-deta .text p{
    width: 640px;
}
.case-deta .text .baidu-share{left:0;bottom:40px;}
.case-deta .slideBox{width:1200px;height:550px;
    /* margin:0 auto 60px auto; */
    margin:20px auto 20px auto;
    position:relative;}
.case-deta .slideBox a{display:block;width:39px;height:14px;padding:10px 0;position:absolute;top:50%;margin-top:-17px;}
.case-deta .slideBox a.prev{left:-60px;}
.case-deta .slideBox a.next{right:-60px;}
.case-deta .slideBox a.prev:hover{left:-70px;}
.case-deta .slideBox a.next:hover{right:-70px;}
.case-deta .slideBox .bd,.case-deta .slideBox .bd ul li{width:1200px;
    height:550px;
    overflow:hidden;}
.case-deta .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.case-deta	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.case-deta	.slideBox .hd ul li{ float:left; margin-right:2px; width:8px; height:8px; margin: 0 4px;line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.case-deta	.slideBox .hd ul li.on{ background:#fc6b21; color:#fff; }
/* product-list
----------------------------------------------------------------------------------- */
.product-list{padding-bottom:60px;background-color:#f5f5f5;position:relative;}
.product-list .headmap{height:300px;position:relative;overflow:hidden;}
.product-list .headmap img{width:1920px;height:300px;position:absolute;left:50%;top:0;margin-left:-960px;}
.product-list .tab{height:60px;background-color: #fff;}
.product-list .tab .product_tabs{
    width: 1200px;
    margin: 0 auto;
}
.product-list .tab a{display:block;width: 100%;height:60px;float:left;margin-right:10px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;color:#333;}
.product-list .tab a:hover{color:#fc6b21;}
.product-list .tab .product_tabs li.this a{color:#fc6b21;}
.product-list ul.product_list{width:1240px;margin:0 auto 20px auto;overflow:hidden;}
.product-list ul.product_list li{width:270px;height:330px;float:left;margin:20px;background-color:#fff;}
.product-list ul.product_list li:hover{-moz-box-shadow:0px 0px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1); box-shadow:0px 0px 20px rgba(0,0,0,.1);transition:all .4s;}
.product-list ul.product_list li:hover span{color:#fc6b21;transition:all .4s;}
.product-list ul.product_list li a{display:block;}
.product-list ul.product_list li img{width:270px;height:270px;}
.product-list ul.product_list li span{display:block;width:270px;height:60px;text-align:center;line-height:60px;font-size:14px;color:#333;}
.product-list s{display:block;height:1px;width:100%;background-color:#f5f5f5;position:absolute;left:0;bottom:-1px;}
.product-list .product_tabs{
    height: 60px;
}
.product-list .product_tabs li{
    float: left;
    position: relative;
    margin: 0 45px;
}
.product-list .product_tabs li s {
    display: block;
    height: 1px;
    width: 0;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.product-list .product_tabs li.this s {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fc6b21;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -50%;
}
/* product-deta
----------------------------------------------------------------------------------- */
.product-deta{padding:36px 0;overflow:hidden;border-top:1px solid #f0f0f0;}
.product-deta h3{display:block;eight:84px;text-align:center;line-height:84px;font-size:20px;color:#333;}
.product-deta .slideBox{width:600px;height:600px;margin:0 auto;position:relative;}
.product-deta .slideBox .bd,.product-deta .slideBox .bd ul li{width:600px;height:600px;overflow:hidden;}
.product-deta .slideBox .bd,.product-deta .slideBox .bd ul li img{width:600px;}
.product-deta .slideBox .hd{width:600px;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;text-align:center;}
.product-deta .slideBox .hd ul{display:inline-block;}
.product-deta .slideBox .hd ul li{width:6px;height:6px;border-radius:50%;background-color:#fff;border:2px solid #d0d0d0;float:left;margin:35px 3px;cursor:pointer;}
.product-deta .slideBox .hd ul li.on{width:12px;height:12px;background-color:#fc6b21;border:none;margin:33px 3px;}
.product-deta .slideBox a.prev{display:block;width:13px;height:23px;padding:18px 24px;position:absolute;left:-160px;top:50%;margin-top:-30px;}
.product-deta .slideBox a.next{display:block;width:13px;height:23px;padding:18px 24px;position:absolute;right:-160px;top:50%;margin-top:-30px;}
.product-deta .slideBox a:hover svg path{fill:#999;transition: all .4s;}
.product-deta h4.introduce-title{width:1200px;height:60px;background-color:#f5f5f5;overflow:hidden;font-size:18px;color:#333;text-indent:44px;line-height:60px;margin:40px auto;border-radius:4px;}
.product-deta .introduce{width:890px;font-size:16px;color:#333;line-height:30px;padding:0 155px 100px 155px;margin:0 auto;overflow:hidden;}

/* news-list
----------------------------------------------------------------------------------- */
.news-list{background-color:#f5f5f5;padding-bottom:40px;position:relative;}
/* .news-list .headmap{height:300px;position:relative;overflow:hidden;} */
.news-list .headmap img{width:100%}
.news-list .tab{background-color:#fff;height:60px;}
/* .news-list .tab ul{height:60px;width: 1200px;margin: 0 auto;} */
.news-list .tab ul{
    height: 60px;
    line-height: 60px;
    /* width: 1200px; */
    margin: 0 auto;
    position: absolute;
    left: 50%;
    /* margin-left: -600px; */
    transform: translateX(-50%);
}
.news-list .tab ul li{height:60px;line-height:60px;float:left;margin:0 50px;cursor: pointer;}
.news-list .tab ul li a{color:#333;font-size:16px;}
.news-list .tab ul li a:hover{color:#fc6b21;}
.news-list .tab ul li.this{position:relative;}
.news-list .tab ul li.this a{color:#fc6b21;}
.news-list .tab ul li.this s{display:block;width:100%;height:3px;background-color:#fc6b21;position:absolute;left:50%;bottom:-1px;margin-left:-50%;}
.news-list-array{width:1240px;overflow:hidden;margin:0 auto;}
.news-list-array ul{width:1240px;padding:10px 0 30px 0;overflow:hidden;}
.news-list-array ul li{width:1200px;height:240px;float:left;margin:30px 20px 0 20px;background:url(../images/news-links.jpg) 1106px 50px no-repeat #fff;}
.news-list-array ul li:hover{-moz-box-shadow:0px 0px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1); box-shadow:0px 0px 20px rgba(0,0,0,.1);transition:all .4s;background-image:url(../images/news-links-hover.jpg);}
.news-list-array ul li:hover a,.news-list-array ul li:hover a:hover{color:#fc6b21;transition:all .4s;}
.news-list s{display:block;height:1px;width:100%;background-color:#f5f5f5;position:absolute;left:0;bottom:-1px;}
.news-list-array ul li a.img{width:320px;height:180px;float:left;display:block;margin:30px 8px 30px 30px;}
.news-list-array ul li .text{width:540px;height:180px;padding:30px 0 30px 30px;float:left;}
.news-list-array ul li .text h1{display:block;width:100%;height:32px;margin-top:12px;float:left;line-height:32px;font-size:18px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.news-list-array ul li .text em{display:block;width:100%;height:26px;margin-bottom:26px;float:left;line-height:26px;font-size:14px;color:#999;}
.news-list-array ul li .text span{width:100%;height:60px;float:left;line-height:30px;font-size:14px;color:#999;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}

/* news-deta
----------------------------------------------------------------------------------- */
.news-deta{background-color:#f5f5f5;padding:40px 0;position:relative;}
.news-deta s{display:block;height:1px;width:100%;background-color:#f5f5f5;position:absolute;left:0;bottom:-1px;}
.news-deta .wrapper{width:1000px;background-color:#fff;margin:0 auto;border-radius:4px;padding:72px 100px 44px 100px;overflow:hidden;}
.news-deta .wrapper .heading{width:1000px;padding-bottom:34px;border-bottom:3px solid #f5f5f5;position:relative;margin-bottom:48px;}
.news-deta .wrapper .heading h1.title{width:700px;line-height:36px;font-size:24px;font-weight:bold;color:#333;}
.news-deta .wrapper .heading .other{width:1000px;margin-top:15px;height:26px;}
.news-deta .wrapper .heading .other span,.news-deta .wrapper .heading .other em{float:left;line-height:26px;font-size:16px;color:#999;margin-right:24px;}
.news-deta .wrapper .heading .baidu-share{right:0;bottom:30px;}
.news-deta .wrapper .article{padding-bottom:80px;border-bottom:3px solid #f5f5f5;font-size:14px;line-height:36px;color:#333;text-align:center;}
.news-deta .wrapper .article .img span.alt{display:block;width:1000px;height:40px;text-align:left;line-height:40px;font-size:14px;color:#999;}
.news-deta .wrapper .article p{text-align:left;}
.news-deta .wrapper .jump{width:1000px;height:48px;overflow:hidden;position:relative;margin-top:34px;}
.news-deta .wrapper .jump a.link{line-height:24px;font-size:14px;color:#333;}
.news-deta .wrapper .jump a.link:hover{color:#fc6b21;}
.news-deta .wrapper .jump a.back{display:block;width:68px;height:36px;border:2px solid #f0f0f0;background-color:#fff;line-height:36px;text-align:center;font-size:14px;color:#888;position:absolute;right:0;bottom:2px;border-radius:20px;}
.news-deta .wrapper .jump a.back:hover{width:68px;height:36px;line-height:36px;border:2px solid #fc6b21;background-color:#fc6b21;color:#fff;}

/* about
----------------------------------------------------------------------------------- */
.about{margin-bottom:60px;}
/* .about .headmap{height:300px;position:relative;overflow:hidden;} */
.about .headmap img{width:100%;}
.about .tab{height:60px;background-color: #f5f5f5;}
.about .tab ul{height:60px;width: 1200px;margin:0 auto 20px;}
.about .about_item{
    height: 60px;
    line-height: 60px;
    float: left;
    margin: 0 50px;
    cursor: pointer;
}
.about .tab a{display:block;height:60px;width:100%;float:left;margin-right:10px;border-radius:4px;text-align:center;line-height:60px;font-size:16px;color:#333;}
.about .tab a:hover{color:#fc6b21;}
.about .tab li.this a{color:#fc6b21;}
.about  .tab ul{
    height: 60px;
}
.about  .tab li{
    position: relative;
    margin: 0 45px;
    float: left;
}
.about  .tab li s {
    display: block;
    height: 1px;
    width: 0;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.about li.this s {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fc6b21;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -50%;
}
.about .company{width:1200px;margin:0 auto;text-align:center;line-height:30px;font-size:16px;color:#888;padding:40px 0;min-height: 560px;}
.about .company p{width:1000px;text-align:left;margin:0 auto 0 80px;}
.about .company p a{color:#fc6b21;}

.about .progress{width:1200px;margin:0 auto;overflow:hidden;padding:24px 0 172px 0;position:relative;min-height: 520px;}
.about .progress ::selection{background:none;color:#101010;}
.about .progress .year{width:150px;height:312px;padding:40px 0;float:left;margin-right:140px;position:absolute;left:0;top:15px;}
.about .progress .year a{opacity:0;}
.about .progress .year a.sPrev{padding:9px 5px;position:absolute;left:35px;top:0;cursor:pointer;}
.about .progress .year a.sNext{padding:9px 5px;position:absolute;left:35px;bottom:0;cursor:pointer;}
.about .progress .year a:hover svg path{fill:#999;transition: all .4s;}
.about .progress .year:hover a{opacity:1;transition: all .4s;}
.about .progress .year ul{width:150px;}
.about .progress .year ul li{width:150px;height:52px;float:left;text-indent:32px;line-height:52px;font-size:16px;color:#101010;position:relative;cursor:pointer;background-color:#fff;}
.about .progress .year ul li.on:before{content:'';display:block;width:3px;height:32px;background-color:#fc6b21;position:absolute;top:10px;left:0;}
.about .progress .year ul li:hover{background-color:#fc6b21;color:#fff;}
.about .progress .event{width:910px;overflow:hidden;float:right;}
.about .progress .event ul{width:910px;margin-top:18px;overflow:hidden;}
.about .progress .event ul li{width:798px;float:left;position:relative;z-index:10;min-height:54px;padding:25px 0 25px 30px;border-left:3px solid #f5f5f5;margin-left:78px;}
.about .progress .event ul li span{width:78px;height:54px;display:block;font-size:16px;color:#333;font-family:arial;line-height:54px;position:absolute;left:-81px;top:25px;}
.about .progress .event ul li em{display:block;width:16px;height:16px;padding:6px;border-radius:50%;position:absolute;left:-16px;top:37px;background-color:#fff;}
.about .progress .event ul li em s{display:block;width:8px;height:8px;border:4px solid #f5f5f5;border-radius:50%;}
.about .progress .event ul li .text{padding:12px 20px;background-color:#f5f5f5;border-radius:5px;float:left;display:inline-block;max-width:518px;min-height:30px;}
.about .progress .event ul li .text p{line-height:30px;font-size:14px;color:#333;}
.about .progress .event ul li:hover span{color:#fc6b21;}
.about .progress .event ul li:hover em{width:24px;height:24px;left:-20px;top:33px;}
.about .progress .event ul li:hover em s{width:16px;height:16px;border-color:#fc6b21;}
.about .progress .event ul li:hover .text{background-color:#fc6b21;}
.about .progress .event ul li:hover .text p{color:#fff;}
.about .progress .event ul li.last{width:828px;height:60px;float:left;border-left:3px solid #f5f5f5;padding:0;}
.about .progress .decorate{width:910px;height:28px;background:url(../images/progress-time.jpg) 68px top no-repeat;position:absolute;right:0;top:24px;z-index:20}
.about .progress .slogan{width:890px;margin-top:40px;overflow:hidden;padding-left:20px;line-height:36px;font-size:18px;color:#333;position:absolute;bottom:60px;right:0;}

.about .team{width:1200px;margin:0 auto;padding:24px 0 0 0;}
.about .team ul{width:1224px;overflow:hidden;margin-bottom:-20px;margin-left:-12px;}
.about .team ul li{width:280px;height:459px;border-bottom:1px solid #f0f0f0;float:left;margin:0 13px 40px 13px;overflow:hidden;}
.about .team ul li img{width:280px;height:280px;margin-bottom:26px;}
.about .team ul li strong{display:block;width:246px;height:28px;padding:0 6px 0 28px;font-size:18px;line-height:28px;color:#333;}
.about .team ul li span{display:block;width:246px;height:22px;padding:0 6px 0 28px;font-size:14px;line-height:22px;color:#999;margin-bottom:20px;}
.about .team ul li p{width:246px;height:48px;padding:0 6px 0 28px;font-size:14px;line-height:24px;color:#999;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}

.about .honor{width:1200px;margin:0 auto;padding:24px 0 0 0;}
.about .honor ul{width:1224px;overflow:hidden;margin:-20px 0 -20px -12px;padding-top:20px;}
.about .honor ul li{width:280px;height:324px;float:left;margin:0 13px 50px 13px;padding-bottom:20px;overflow:hidden;}
.about .honor ul li:hover{-moz-box-shadow:0px 0px 20px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.1); box-shadow:0px 0px 20px rgba(0,0,0,.1);transition:all .4s;}
.about .honor ul li a{display:block;width:280px;height:280px;margin-bottom:20px;}
.about .honor ul li a img{width:280px;height:280px;}
.about .honor ul li span{display:block;width:280px;height:24px;text-align:center;line-height:24px;color:#888;font-size:14px;}

.about .partner{width:1200px;margin:0 auto;padding:24px 0 0 0;min-height: 650px;}
.about .partner ul{width:1225px;overflow:hidden;margin-bottom:-5px;}
.about .partner ul li{width:220px;height:140px;float:left;margin:0 25px 25px 0;overflow:hidden;}
.about .partner ul li a{display:block;width:220px;height:140px;}
.about .partner ul li a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.7;}
.about .partner ul li a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter:grayscale(0%);filter:gray;opacity:1;transition: all .4s;}
.display-show{text-align:center;}
.display-show img{display:block;width:220px;height:140px;margin:0 auto 40px auto;}
.display-show .text{width:960px;text-align:left;font-size:14px;line-height:24px;color:#333;}
.display-show a.btn{display:inline-block;margin:60px auto 0 auto;padding:9px 28px;height:30px;line-height:30px;font-size:16px;color:#fff;border-radius:4px;background-color:#fc6b21;}

/* contact-us
----------------------------------------------------------------------------------- */
.contact-us{width:1000px;margin:0 auto;overflow:hidden;padding:60px 0;}
.contact-us .card{width:1000px;height:480px;border-radius:8px;margin-bottom:40px;/*background-color:#fc6b21;background-image:url(../images/contact-logo.jpg);background-position:180px 150px;background-repeat:no-repeat;position:relative;*/}
.contact-us .card .add{position: absolute;top:50%;left:750px;width:380px;padding-right:120px;transform:translate(-50%,-50%);text-align:left;}
.contact-us .card .add h3{line-height:56px;font-size:24px;color:#fff;}
.contact-us .card .add p{line-height:36px;font-size:16px;color:#fff;}
.contact-us .other{width:1000px;overflow:hidden;margin-bottom:30px;}
.contact-us .other h4{width:1000px;height:60px;border-radius:4px;background-color:#f5f5f5;text-indent:30px;font-size:16px;color:#333;line-height:60px;margin-bottom:30px;}
.contact-us .other p{text-indent:30px;line-height:36px;font-size:16px;color:#888;}
.contact-us .amap{width:1000px;overflow:hidden;}
.contact-us .amap h4{width:1000px;height:60px;border-radius:4px;background-color:#f5f5f5;text-indent:30px;font-size:16px;color:#333;line-height:60px;margin-bottom:30px;}
.contact-us .amap #container{width:1000px;height:480px;overflow:hidden;}

/* customiz
----------------------------------------------------------------------------------- */
.customiz{position:relative;z-index:1;}
.customiz .headmap{overflow:hidden;}
.customiz .headmap img{width:100%;}
.customiz .floor-nav{ width:1200px; height:114px; line-height: 114px; border-radius:10px; position:absolute; left:50%; top:720px; z-index:2; margin-left:-600px; background-color: #fff; text-align: center; box-shadow: 0px 10px 10px 0px rgba(6,0,1,0.14); -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.customiz .floor-nav span{height:100%;position: relative;margin: 0 50px;font-size:18px;line-height:60px;color:#282828;cursor:pointer;}
.customiz .floor-nav span.active{color:#fc6b21;}
.customiz .floor-nav span:hover{
    color: #fc6b21;
}
/* .customiz .floor-nav span:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0%;
	height: 3px;
	margin-left: -50%;
	background-color: #fc6b21;
}
.customiz .floor-nav span.active:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 3px;
	margin-left: -50%;
	background-color: #fc6b21;
} */

.customiz .content section.floor1{width:1200px;margin:100px auto 0 auto;}
.customiz .content section.floor1 title{display:block;width:1200px;height:80px;text-align:center;font-size:36px;color:#333;line-height:74px;position:relative;margin:0 auto 64px auto;}
.customiz .content section.floor1 title:after{content:"";width:40px;height:6px;position:absolute;left:50%;bottom:0;margin-left:-20px;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#fc6b21;}
.customiz .content section.floor1 h3{width:640px;margin:0 auto 18px auto;line-height:30px;font-size:20px;text-align:center;color:#333;overflow:hidden;}
.customiz .content section.floor1 .text{width:1200px;overflow:hidden;font-size:16px;color:#888;text-align:center;margin:0 auto;}
.customiz .content section.floor1 .text p{width:640px;text-align:left;margin:0 auto;font-size:16px;color:#888;line-height:30px;}
.customiz .content section.floor2{margin-top:60px;background-color:#fff;}
.customiz .content section.floor2 title{display:block;width:1200px;height:80px;text-align:center;font-size:36px;color:#333;line-height:74px;position:relative;margin:0 auto 64px auto;}
.customiz .content section.floor2 title:after{content:"";width:40px;height:6px;position:absolute;left:50%;bottom:0;margin-left:-20px;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#fc6b21;}
.customiz .content section.floor2 h3{width:640px;margin:0 auto 18px auto;line-height:30px;font-size:20px;text-align:center;color:#333;overflow:hidden;}
.customiz .content section.floor2 .text{width:1200px;overflow:hidden;font-size:16px;color:#888;text-align:center;margin:0 auto 54px auto;}
.customiz .content section.floor2 .text p{width:640px;text-align:left;margin:0 auto;font-size:16px;color:#888;line-height:30px;}
.customiz .content section.floor2 .service{background-color:#f5f5f5;padding:40px 0;}
.customiz .content section.floor2 .service .wrapper{width:1200px;margin:0 auto;position:relative;z-index:1;}
.customiz .content section.floor2 .service .wrapper .hd{width:470px;height:430px;float:left;margin-right:40px;overflow:hidden;}
.customiz .content section.floor2 .service .wrapper .hd a.sPrev{display:block;width:50px;height:30px;background-color:#fff;padding-top:20px;text-align:center;cursor:pointer;position:absolute;left:-70px;top:0;}
.customiz .content section.floor2 .service .wrapper .hd a.sNext{display:block;width:50px;height:30px;background-color:#fff;padding-top:20px;text-align:center;cursor:pointer;position:absolute;left:-70px;top:50px;}
.customiz .content section.floor2 .service .wrapper .hd a:hover{background-color:#fc6b21;}
.customiz .content section.floor2 .service .wrapper .hd a:hover path{fill:#fff;}
.customiz .content section.floor2 .service .wrapper .hd li{width:470px;height:100px;margin-bottom:10px;background-color:#fff;cursor:pointer;}
.customiz .content section.floor2 .service .wrapper .hd li span{display:block;width:84px;height:100px;float:left;font-size:32px;font-family:arial;color:#ccc;text-align:right;line-height:76px;margin-right:20px;}
.customiz .content section.floor2 .service .wrapper .hd li .cont{width:366px;height:100px;float:left;}
.customiz .content section.floor2 .service .wrapper .hd li .cont h5{line-height:36px;font-size:20px;color:#888;margin-top:16px;text-align:left;}
.customiz .content section.floor2 .service .wrapper .hd li .cont p{line-height:30px;font-size:14px;color:#888;text-align:left;}
.customiz .content section.floor2 .service .wrapper .hd li.on{background-color:#fc6b21;cursor:pointer;}
.customiz .content section.floor2 .service .wrapper .hd li.on span{color:#fff;opacity:.8;}
.customiz .content section.floor2 .service .wrapper .hd li.on .cont h5,.customiz .content section.floor2 .service .wrapper .hd li.on .cont p{color:#fff;}
.customiz .content section.floor2 .service .wrapper{
    height: 456px;
}
.customiz .content section.floor2 .service .wrapper .bd{
    height: 100%;
}
.customiz .content section.floor2 .service .wrapper .bd li{
    position: relative;
    height: 430px;
}
.customiz .content section.floor2 .service .wrapper .tempWrap img{
    /* width: 110%; */
    height: 430px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.customiz .content section.floor3{width:1200px;margin:40px auto 92px auto;}
.customiz .content section.floor3 title{display:block;width:1200px;height:80px;text-align:center;font-size:36px;color:#333;line-height:74px;position:relative;margin:0 auto 38px auto;}
.customiz .content section.floor3 title:after{content:"";width:40px;height:6px;position:absolute;left:50%;bottom:0;margin-left:-20px;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#fc6b21;}

.stepPage {display:none;height:100%}
.stepCont {width:100%}
.ystep-container {font-family:helvetica neue,Helvetica,hiragino sans gb,wenquanyi micro hei,microsoft yahei,Arial,sans-serif;display:inline-block;position:relative;color:#000;margin:20px}
.ystep-container ul {list-style:none}
.ystep-container ul,.ystep-container li,.ystep-container p {margin:0;padding:0}
.ystep-lg {width:100%;height:60px;font-size:16px;line-height:.3}
.ystep-lg .ystep-container-steps {position:absolute;top:2px;cursor:pointer;z-index:10;margin-left:-54px;}
.ystep-lg li {float:left;width:100px;height:85px;margin-right:100px}
.ystep-lg .ystep-step-done {background-position:center 18px}
.ystep-lg .ystep-step-undone {background-position:center 18px}
.ystep-lg .ystep-step-active {background-position:center 18px}
.ystep-lg .ystep-progress {width:400px;height:4px;position:absolute;top:32px;left:15px;float:left;margin-right:10px;overflow:hidden;border-radius:2px;}
.ystep-lg .ystep-progress-bar {width:400px;height:20px;background:#f0f0f0;display:inline-block;float:left;border-radius:2px;}
.ystep-lg .ystep-progress-highlight {height:20px;display:block;border-radius:2px;}
.ystep-blue .ystep-step-done {background-image:url(../images/step-on.jpg);background-repeat:no-repeat;width:145px !important;margin-right:0 !important;text-align:center;color:#333;}
.ystep-blue .ystep-step-undone {background-image:url(../images/step-out.jpg);background-repeat:no-repeat;color:#bbb;width:145px !important;margin-right:0 !important;text-align:center;}
.ystep-blue .ystep-step-active {background-image:url(../images/step-on.jpg);background-repeat:no-repeat;color:#fc6b21;width:145px !important;margin-right:0 !important;text-align:center;}
.ystep-blue .ystep-progress-highlight {background:#fc6b21}
.ystep {padding:20px}
.step-button {position:relative}
.step-button button {margin:15px}

.stepPage{width:1200px;overflow:hidden;}
.stepPage img{width:1200px;height:600px;border-radius:20px;}
.stepPage .fix{width:1160px;margin-top:32px;padding-left:40px;overflow:hidden;position:relative;}
.stepPage .fix s{display:block;width:12px;height:12px;position:absolute;left:15px;top:9px;background-color:#f0f0f0;border-radius:50%;}
.stepPage .fix p{line-height:30px;font-size:16px;color:#333;}

.customiz .content section.floor4{margin-top:60px;background-color:#fff;position:relative;}
.customiz .content section.floor4 s{display:block;width:100%;height:1px;background-color:#f5f5f5;position:absolute;left:50%;top:0;margin-left:-50%;}
.customiz .content section.floor4 title{display:block;width:1200px;height:80px;text-align:center;font-size:36px;color:#333;line-height:74px;position:relative;margin:0 auto;padding-top:30px;}
.customiz .content section.floor4 title:after{content:"";width:40px;height:6px;position:absolute;left:50%;bottom:0;margin-left:-20px;border-top-right-radius:6px;border-top-left-radius:6px;background-color:#fc6b21;}
.customiz .content section.floor4 .inputbox{width:674px;margin:78px auto 150px auto;overflow:hidden;}
.customiz .content section.floor4 .inputbox img{float:left;margin-right:80px;width:180px;height:180px;}
.customiz .content section.floor4 .inputbox .wrap{width:414px;float:left;}
.customiz .content section.floor4 .inputbox .wrap p{text-align:left;font-size:16px;color:#333;line-height:36px;}

.totop{width:50px;height:50px;background:url(../images/backtop.png) center top no-repeat;display:none;position:fixed;bottom:30px;
    right:30px;cursor:pointer;z-index:999999;}


.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.fr{
    float: right;
}
.fl{
    float: left;
}
/* 应用案例 */
.pro_banner{
	width: 100%;
    background:rgba(245,245,245,1);
    padding: 42px 0;
}
.pro_banner .inner-title{color: #fff;}
.pro_banner .more{
	width: 180px;
	height: 60px;
	border: solid 1px #999999;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.pro_banner .more:hover{
	background-color: #ff6600;
	border-color: #ff6600;
}
.pro_banner .more:hover a{
	color: #fff;
}
.pro_banner .more a{
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	line-height: 36px;
	color: #999;
}
.pro_banner .swiper-container {
    width: 100%;
  }
.pro_banner .swiper_con{
	  width: 800px;
	  background: #fff;
	  position: absolute;
	  left: 0;
	  top:0;
	  z-index: -1;
}
.pro_banner .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 800px;
	position: relative;
  }
  /* .pro_banner .swiper-container{
      overflow: visible;
  } */
  .pro_banner .swiper-slide .pic{
      position: relative;
      overflow: hidden;
  }
  .pro_banner .swiper-slide .pic img{
      width: 800px;
      height: 450px;
      opacity: .75;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
}
.pro_banner .swiper-slide-active .pic img{
    opacity: 1;
}
.pro_banner .swiper-slide .mask{
    width: 800px;
    height: 95px;
    line-height: 95px;
    position: absolute;
    left: 0px;
    bottom: -60px;
    background: #000;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-filter: alpha(opacity=0);
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}
.pro_banner .swiper-slide .mask_desc{
	color: #fff;
    font-size: 24px;
    line-height: 24px;
	position: absolute;
	left: 30px;
	bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-filter: alpha(opacity=0);
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
    -o-transition: all .6s;
    width: 740px;
  }
  .pro_banner .swiper-slide .mask_desc .title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro_banner .swiper-slide .mask_desc .text{
      font-size: 14px;
      margin-top: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  .pro_banner  .swiper-slide:hover .mask{
	  bottom: 0px;
	  opacity: .5;
	  filter: alpha(opacity=50);
      -webkit-filter: alpha(opacity=50);
}
.pro_banner  .swiper-slide:hover .mask_desc{
	bottom: 20px;
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-filter: alpha(opacity=1);
	transition-delay: .3s;
}
.pro_banner .swiper-button-next,.pro_banner .swiper-button-prev{
	width: 40px;
	height: 50px;
	background: url(../images/pro_control2.png) no-repeat;
	background-position: 0 0;
	outline: none;
}
.pro_banner .swiper-button-next{
	background-position: -52px 0;
}
.pro_banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
	content: "";
}
.pro_banner .swiper-button-next:after,.pro_banner .swiper-container-rtl .swiper-button-prev:after{
	content: "";
}
.pro_banner .swiper-button-prev,.pro_banner .swiper-container-rtl .swiper-button-next{
	left:-72px
}
.pro_banner .swiper-button-next,.pro_banner .swiper-container-rtl .swiper-button-prev{
	right: -72px;
}

.pro_banner .pro_swiper .swiper-slide-active .statiion{opacity: 1; visibility: visible;}

.pro_banner .statiion{
    color: #666;
    font-size: 18px;
    margin-right: 2px;
    padding-top: 14px;
    opacity: 0;
    visibility: hidden;
}
.pro_banner .statiion .thumbs-up{
    margin-right: 30px;
    cursor: pointer;
}
.pro_banner .statiion .eye{
    cursor: pointer;
    margin-top: 2px;
}
.pro_banner .statiion .eye img{
    width: 26px;
}
.pro_banner .statiion .thumbs-up img{
    width: 20px;
}
.pro_banner .statiion span{
    display: inline-block;
}
/* 企业优势 */
.homepage-advantages{
    padding: 50px 0 50px;
}
.title-top{
    position: relative;
}
.tabsList{
    margin: 0 -2px;
}
.tabsList li.tabsItem{float:left; height:530px;overflow:hidden; zoom:1;}
.tabsList li.tabsItem .tab_title{width:70px;height:100%;cursor:pointer;float:left;border-right: 1px solid #fff;overflow:hidden; background: #ccc;}
.tabsList li.tabsItem:last-child .tab_title{
    background-color: #999;
}
.tabsList .tab_title .num{
    font-size:40px;
    font-family:'News706 BT';
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 80px;
}
.tabsList li.tabsItem:last-child .tab_title{
    background: rgba(0, 0, 0, 40%);
}
.tabsList .tab_title .tab_text{
    font-size:24px;
    font-family:'SourceHanSansCN';
    color:rgba(255,255,255,1);
    line-height:24px;
    letter-spacing: 2px;
    /* writing-mode: vertical-rl; */
    width: 30px;
    margin: 0 auto;
    text-align: center;
}
.tabsList li.on .tabBody{display:block;width:846px;float:left}
.tabsList li.on .tab_title{
    display: none;
}
.tabsList li .tabBody{display:none;}
.tabsList .tab_desc{
    position: relative;
}
.tabsList .tab_detail{
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.tabsList .tab_detail .num{
    color: #E36221;
    font-size: 48px;
    font-family:'News706 BT';
    line-height: 1;
}
.tabsList .tab_detail .tit{
    color: #fff;
    font-size: 24px;
    font-family: 'SourceHanSansCN-Regular';
}
.tabsList .detail_texts{
    background:rgba(245,245,245,1);
    height: 90px;
    color: #666;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 18px;
    line-height: 28px;
}
.tabsList li .tabBody .newsList li{height:25px;line-height:25px;background:none;font-size:14px;overflow:hidden; zoom:1;clear:both;width:230px; }
/* 8大定制 */
.sh-customized{
    padding: 20px 0 60px
}
.sh-customized .sh-advantage_tit{
    line-height: 3.37rem;
    padding-bottom: 20px;
}
.sh-customized-h {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 14px;
}
.sh-customized-h .item{
    color: #505050;
    text-align: center;
    background: #ddd;
    font-size: 1.2rem;
    border: 1px solid #fff;
    padding: 0 22px;
    height: 58px;
    line-height: 58px;
    cursor: pointer;
    box-sizing: border-box;
    width: 20%
}
.sh-customized-h .item:nth-child(5),
.sh-customized-h .item:nth-child(6),
.sh-customized-h .item:nth-child(7),
.sh-customized-h .item:nth-child(8){
    width: 25%
}
.sh-customized-h .item.active{
    background-color: #e3621e;
    color: #fff;
    padding: 0 118px;
    width: 40% !important;
}
.sh-customized .swiper-button-next, .sh-customized .swiper-button-prev{
    background: url(../images/control.png) no-repeat;
    width: 48px;
    height: 48px;
    outline: none;    pointer-events: all!important;
    z-index: 40;
}
.sh-customized .swiper-button-prev:after, .sh-customized .swiper-container-rtl .swiper-button-next:after{
    content: "";
}
.sh-customized .swiper-button-next:after,.sh-customized .swiper-container-rtl .swiper-button-prev:after{
    content: "";
}
.sh-customized .swiper-button-next{
    background-position: -67px 0;
}
.sh-customized-bd .swiper-slide {
    position: relative;
}
.sh-customized .swiper-button-prev,.sh-customized .swiper-container-rtl .swiper-button-next {
    left: 30px;
}
.sh-customized .swiper-button-next, .sh-customized .swiper-container-rtl .swiper-button-prev {
    right: 30px;
}
.sh-customized img{
    width: 100%;
}
.sh-customized .more_btn {
    height: 38px;
    width: 130px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    background-color: #e3631c;
    border-radius: 50px;
    margin: 55px auto 0;
    font-size: 1.13rem;
}
.sh-customized .more_btn:hover{
    background-color: #ce500a;
}
.swiper-desc{
    width: 76%;
    color: #fff;
    position: absolute;
    top: 520px;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.swiper-desc .desc_text{
    border: 1px solid #fff;
    position: relative;
}
.swiper-desc .title{
    font-size: 2.2rem;
    padding-bottom: 4px;
    position: absolute;
    padding: 0 10px;
    left: 50%;
    top:-22px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
/* .swiper-desc .title::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    height: 41px;
} */
.swiper-desc .text{
    font-size: 1.13rem;
    padding: 40px 10px 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sh-customized .swiper-button-next,.sh-customized .swiper-button-prev{
    margin-top: -50px;
}
/* 灯光视频 */
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.homepage-video{
    background:rgba(245,245,245,1);
    padding: 32px 0 48px;
}
.video-title {
    text-align: center;
    line-height: 28px;
    margin-bottom: 20px;
}
.video-title h2{
    color:#333;
    font-size: 24px;
}
.video-title .text{
    color:#999;
    font-size: 18px;
    position: relative;
}
.video-title .text span{
    display: block;
    text-align: center;
    width: 100px;
    padding: 0 12px;
    margin: 0 auto;
    position: relative;
    z-index: 333;
}
.homepage-advantages .video-title .text span,
.homepage-product .video-title .text span,
.solution .video-title .text span{
    background-color: #fff;
}
.homepage-video .video-title .text span,
.pro_banner .video-title .text span{
    background-color: rgba(245,245,245,1);
}
.video-title .text::after,
.video-title .text::before{
    content: "";
    position: absolute;
    width: 437px;
    height: 1px;
    top: 15px;
}
.video-title .text::after{
    left: 100px;
    background: url(../images/line2.png) no-repeat;
}
.video-title .text::before{
    right: 100px;
    background: url(../images/line3.jpg) no-repeat;
}
.add-more{
    position: absolute;
    right: 8px;
    bottom: 4px;
    background: url(../images/add_icon.png) no-repeat;
    width: 24px;
    height: 22px;
    cursor: pointer;
}
.add-more:hover{
    background-position: -33px 0;
}
.video_big{
    width: 791px;
    margin-right: 18px;
}
.video_big_con p{
    text-align: center;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
    font-size: 16px;
    cursor: pointer;
    height: 26px;
    margin-bottom: 18px;
}
.video_big_con p:hover{
    color: #e3621e;
}
.video_big_con{
    float: left;
}
.video_small{
    overflow: hidden;
}
.video_small_box{
    margin-bottom: 18px;
    overflow: hidden;
    height: 213px;
}
.video_small p{
    text-align: center;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
    font-size: 16px;
    cursor: pointer;
    height: 26px;
    margin-bottom: 20px;
}
.video_small p:hover{
    color: #e3621e;
}
/* 视频铺满 */
video{
    width:100%;
    height:100%;
    object-fit:fill;
}
.homepage-video .plyr--audio .plyr__controls button.tab-focus:focus,.homepage-video .plyr--audio .plyr__controls button:hover,.homepage-video .plyr__play-large{
    background: #e36221;
}
.homepage-video .plyr__play-large{
    padding: 15px 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
/* 产品 */
.homepage-product{
    line-height: 28px;
    padding: 32px 0 46px;
}
.homepage-product .product_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.homepage-product .product_list .item{
    margin-bottom: 20px;
    /* overflow: hidden;         */
    width: 33.3%;
    float: left;
}
.homepage-product .product_list .item a{
    display: block;
    margin:0 11px
}
.homepage-product .product_list .item:hover .desc{
    color: #fff;
    background-color: #e36221;
}
.homepage-product .desc{
    font-size: 16px;
    color:#666666;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius:0 0 0.63rem 0.63rem;
    -webkit-border-radius:0 0 0.63rem 0.63rem;
    -moz-border-radius:0 0 0.63rem 0.63rem;
    -ms-border-radius:0 0 0.63rem 0.63rem;
    -o-border-radius:0 0 0.63rem 0.63rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    box-shadow: 0px 10px 10px 0px rgba(6,0,1,0.14);
}
.homepage-product .pic{
    overflow: hidden;
}
.homepage-product .pic img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 0.63rem 0.63rem 0 0;
    -webkit-border-radius: 0.63rem 0.63rem 0 0;
    -moz-border-radius: 0.63rem 0.63rem 0 0;
    -ms-border-radius: 0.63rem 0.63rem 0 0;
    -o-border-radius: 0.63rem 0.63rem 0 0;
}
.homepage-product  .item:hover .pic img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.homepage-product .pic_desc{
    position: relative;
    overflow: hidden;
}
.homepage-product .mask{
    background:rgba(0,0,0,0.6);
    border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -ms-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    color: #fff;
    position: absolute;
    top:0;
    left: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 24px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.homepage-product .mask-tit{
    font-size: 18px;
    font-weight: bold;
}
.homepage-product .mask-text{
    font-size: 14px;
}
.homepage-product .mask-con{
    position: absolute;
	padding: 0 20px;
	box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
}
.homepage-product .product_list .item:hover .mask{
    left: 0;
}
/* 解决方案 */
.solution {
    padding: 46px 0 80px;
}
.solution .item{
    font-size: 18px;
    color: #666666;
	border-radius: 0.36rem;
    border: solid 0.07rem #ccc;
    text-align: center;
}
.solution_tab_h{
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.solution_tab_h .item{
    padding: 14px 24px;
    cursor: pointer;
    float: left;
    margin: 0 12px;
}
.solution_tab_h .item.item.active{
    background-color: #e36221;
    border: solid 0.07rem #e36221;
    color: #fff;
}
.solution_tab_con .imgs img{
    width: 100%;
    border-radius: 0.71rem 0.71rem 0 0;
    -webkit-border-radius: 0.71rem 0.71rem 0 0;
    -moz-border-radius: 0.71rem 0.71rem 0 0;
    -ms-border-radius: 0.71rem 0.71rem 0 0;
    -o-border-radius: 0.71rem 0.71rem 0 0;
}
.solution_tab_bg .tit{
    font-size: 24px;
	line-height: 24px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.solution_tab_bg .desc{
    font-size: 14px;
    color: #999999;
    margin-top: 6px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.solution_tab_con{
    margin: 0 -12px;
}
.solution_tab_bg .tab_list{
    float: left;
    width: 50%;
}
.solution_tab_bg .tab_list .imgs{
    overflow: hidden;
}
.solution_tab_bg .tab_list img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.solution_tab_bg .tab_list:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.solution_tab_bg .tab_list a{
    display: block;
    margin:0 12px;
}
.solution_tab_bg .tab_text{
   padding: 26px;
   background-color: #fff;
   border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
   box-shadow:0px 10px 10px 0px rgba(6,0,1,0.14);
   -webkit-border-radius: 0 0 10px 10px;
}
/* 光影故事 */
.sh_tab{
    padding: 88px  0px 92px;
    background:rgba(245,245,245,1);
}
.sh_tab_header{
    position: relative;
    margin-bottom: 18px;
}
.sh_tab .add{
    width: 1.5rem;
	height: 1.38rem;
    background: url(../images/add_icon.png) no-repeat;
    position: absolute;
    right: 12px;
    top:0;
    cursor: pointer;
}
.sh_tab .add:hover{
    background-position: -33px 0;
}
.sh_tab_h .item{
    font-size: 18px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    padding: 0 26px 0 18px;
    float: left;
}
.sh_tab_h .item.active{
    color: #e36221;
}
.sh_tab .imgs{
    width: 100%;
    height: 214px;
}
.sh_tab .imgs img{
    width: 100%
}
.sh_tab .tab_text{
    position: relative;
    padding: 26px 26px 24px;
}
.sh_tab .tab_text .tit{
    color: #141414;
    font-size: 18px;
    overflow: hidden;
    padding: 0 0 16px;
}
.sh_tab .tab_text .tit:hover{
    color: #e36221;
}
.sh_tab .tab_text .time{
    color: #999;
    font-size: 1.43rem;
    position: absolute;
    bottom: 0;
}
.sh_tab .tab_text{
    background-color: #fff;
}
.sh_tab .num{
    background-color: #dff7f8;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-top: 8px;
}
.sh_tab .detail_text{
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}
.sh_tab .detail_text:hover .text, .sh_tab .detail_text:hover .sum{
    color: #e36221;
}
.sh_tab .detail_text:hover .num{
    background-color: #e36221;
}
.sh_tab .sum{
    font-size: 12px;
    color: #949494;
    float: right;
}
.sh_tab .text{
    margin: 0 34px;
    color: #949494;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.sh_tab .sh_tab_con{
    margin: 0 -15px;
}
.sh_tab  .tab_list_detail ol li, .sh_tab  .tab_list_detail ul{width: 380px; float: left; margin: 0 15px; background: #fff;}
.sh_tab  .tab_list_detail ol li .pic{height: 214px; overflow: hidden;}
.sh_tab  .tab_list_detail ol li .pic img{width: 100%; min-height: 214px; transition: transform .6s;}
.sh_tab  .tab_list_detail ol li .pic:hover img{transform: scale(1.1);}
.sh_tab  .tab_list_detail ol li .title{margin: 26px 26px 24px;
    color: #141414;
    font-size: 18px;
    overflow: hidden;
	height: 30px;
	line-height: 30px;
}
.sh_tab  .tab_list_detail ul{width: 328px; height: 110px; padding: 0 26px 20px 26px;}

.fwhyus-history-tabitem .fix{
    width: 1160px;
    margin-top: 32px;
    padding-left: 40px;
    overflow: hidden;
    position: relative;
}
.fwhyus-history-tabitem .fix s {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 15px;
    top: 9px;
    background-color: #f0f0f0;
    border-radius: 50%;
}
.fwhyus-history-tabitem .fix p {
    line-height: 30px;
    font-size: 16px;
    color: #333;
}
.fwhyus-history-time {
    overflow: hidden;
    position: relative;
    z-index: 3;
    margin: 20px;
    height: 60px;
}
.fwhyus-history-time a {
    display: block;
    width: 145px;
    height: 30px;
    line-height: 30px;
    float: left;
    padding-bottom: 40px;
    text-align: center;
    font-size: 16px;
    color: #bbb;
    position: relative;
}
.fwhyus-history-line {
    width: 1015px;
    height: 4px;
    background: #f0f0f0;
    position: absolute;
    left: 86px;
    top: 46px;
    z-index: 1;
}
.fwhyus-history {
    width: 1204px;
    margin: 46px auto 0;
    position: relative;
}
.fwhyus-history-sline {
    width: 43px;
    height: 4px;
    background-color: #fc6b21;
    position: absolute;
    left: 86px;
    top: 46px;
    z-index: 2;
    max-width: 1015px;
}
.fwhyus-history-time a span {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url(../images/step-out.jpg);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 33px;
    margin-left: -6px;
}
.fwhyus-history-time a.on{
    color: #333;
}
.fwhyus-history-time a.on span{
    background-image: url(../images/step-on.jpg);
}
.fwhyus-history-time a.active span {
    background-image: url(../images/step-on.jpg);
}
.fwhyus-history-time a.active, .fwhyus-history-time a:hover {
    color: #fc6b21!important;
}
.fwhyus-history-tabitem {
    overflow: hidden;
    height: 662px;
}
.fwhyus-history-tabitem img {
    width: 1200px;
    height: 600px;
    border-radius: 20px;
}