@charset "utf-8";

/****************************** Normalize ******************************/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;font-size: 12px;font-family: "Arial", "Microsoft YaHei";color: #666;}

a{color: #999;text-decoration: none;outline: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.rps{display: block;max-width: 100%;}
.tac{text-align: center;}
.upload img{max-width: 100%;}
.container{width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}


/****************************** Icon Sprite ******************************/
.header .right .search a,
.pagination .list a:hover,
.pagination .list span:hover,
.pagination .list a.current,
.pagination .list span.current,
.business .title:before,
.banner-index .tb-btn a,
.footer .column dl.contact dd:before,
.footer .friendship span:after,
.index-news .list .mask a:after,
.index-history .progress li .text h3:after,
.index-history .progress .btn-switch a,
.index-history .year li:after,
.about-responsibility .gallery-desc ul li span:before,
.about-responsibility .gallery-desc ul li span:after,
.news-enterprise .top .picture .btn-switch a:before,
.news-enterprise .top .picture .btn-switch a:after,
.news-enterprise .top .picture .btn-pagination span,
.news-enterprise-search-null .search .wrapper a,
.video-media .wrapper a .box:after,
.video-media .popup .box .close,
.join-development .section-3 ul li:before,
.join-style ul li .text:after,
.join-style .popup .box .close,
.join-style .popup .item .btn-pagination span,
.join-recruiment .salary ul:before,
.join-recruiment .salary ul:after,
.join-recruiment .salary h3:before,
.news-maganize .popup .box a,
.about-globalization .label li i,
.about-history .desc .btn-switch a,
.about-history .dot li,
.about-history .desc li:after{background: none;background-image: url(/brd/fzlc/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
.header,
.header .logo,
.header .right,
.header .right .search input,
.header .right .lang a,
.header .right .lang em,
.banner-index .tb-btn a,
.index-news .list .box,
.about-responsibility .gallery ul li .mask,
.news-enterprise .top .picture .btn-pagination span,
.news-enterprise .news-list .item,
.video-media .popup .box .close,
.join-style ul li:after,
.news-maganize ul li,
.join-recruiment .channel .channel-list a,
.index-news .list .thumb,
.news-maganize .popup .box a,
.join-style .popup .box .close{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Page Component ******************************/
.btn-view-more{display: block;width: 100px;line-height: 28px;background: #d6000f;border-radius: 14px;color: #fff;text-align: center;text-transform: uppercase;}

.popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);}

.inside-nav{background: #f8f8f8;border-top: 1px solid #ddd;text-align: center;}
.inside-nav .box{position: relative;display: inline-block;overflow: hidden;}
.inside-nav .box:after{position: absolute;top: 0;left: 0;content: "";width: 1px;height: 100%;background: url(../img/inside-nav-border.png) no-repeat;}
.inside-nav .box a{position: relative;float: left;width: 150px;line-height: 48px;box-sizing: border-box;background: url(../img/inside-nav-border.png) no-repeat top right;font-size: 14px;color: #666;text-align: center;letter-spacing: 1px;}
.inside-nav .box a:hover,
.inside-nav .box a.active{background-color: #fff;color: #d6000f;}
.inside-nav .box a:hover:after,
.inside-nav .box a.active:after{position: absolute;bottom: 0;left: 63px;content: "";width: 24px;border-bottom: 1px solid #d6000f;}
.inside-nav .box a[href*="partner"]{display: none;}

.inside-title{padding-top: 5%;}
.inside-title span{display: block;text-align: center;letter-spacing: 1px;}
.inside-title span.en{line-height: 32px;font-size: 14px;color: #ccc;text-transform: uppercase;}
.inside-title span.cn{line-height: 24px;
    margin-top: 26px;
    font-size: 30PX;
    color: #333;
    font-weight: 600;}
.inside-title:after{content: "";display: block;width: 1px;height: 30px;margin: 28px auto 0;background: #ccc;}

.pagination{margin-top: 50px;text-align: center;}
.pagination .list{display: inline-block;overflow: hidden;}
.pagination .list .prev,
.pagination .list .pageback,
.pagination .list .next,
.pagination .list .pagenext{display: none;}
.pagination .list a,
.pagination .list span{float: left;width: 26px;height: 26px;line-height: 26px;margin: 0 4px;cursor: pointer;color: #999;text-align: center;}
.pagination .list a:hover,
.pagination .list span:hover,
.pagination .list a.current,
.pagination .list span.current{background-position: -312px -162px;color: #f47437;}


/****************************** Common Part ******************************/
.header{position: fixed;top: 0;left: 0;z-index: 50;width: 100%;height: 60px;background: url(../img/bg-header.png);box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);}
.header .logo{float: left;width: 113px;margin-top: 16px;}
.header .bg-subnav{position: absolute;top: 60px;left: 0;display: none;width: 100%;background: #fff;border-top: 1px solid #e6e6e6;border-bottom: 4px solid #a34c50;}
.header .nav{float: left;}
.header .nav:after{content: "";display: block;clear: both;}
.header .nav li{position: relative;float: left;width: 120px;margin-top: 20px;padding-bottom: 20px;cursor: default;text-align: center;}
.header .nav li > a{line-height: 20px;font-size: 14px;color: #666;text-align: center;}
.header .nav li.active > a,
.header .nav li > a:hover{color: #d6000f;}
.header .nav li .subnav{position: absolute;top: 40px;left: 0;width: 100%;height: 0;overflow: hidden;box-sizing: border-box;border-right: 1px solid #e6e6e6;}
.header .nav li .subnav.bdl{border-left: 1px solid #e6e6e6;}
.header .nav li .subnav:hover{background: #e54441;border-color: #e54441;}
.header .nav li .subnav a{position: relative;display: block;line-height: 28px;color: #666;}
.header .nav li .subnav a.mt{margin-top: 20px;}
.header .nav li .subnav a:hover{background: #a34c50;}
.header .nav li .subnav:hover a{color: #fff;}
.header .right{float: right;padding: 18px 50px 18px 30px;background: #d6000f;}
.header .right .search{position: relative;float: left;min-width: 30px;padding-left: 15px;}
.header .right .search input{width: 0;height: 18px;line-height: 18px;padding: 3px 0;background: #fff;border: none;border-radius: 12px;font-size: 12px;text-indent: 10px;letter-spacing: 1px;}
.header .right .search input.active{width: 200px;}
.header .right .search a{position: absolute;top: 2px;right: 5px;width: 20px;height: 20px;background-position: -365px -165px;}
.header .right .search input.active + a{background-position: -65px -165px;}
.header .right .lang{float: left;margin-left: 10px;}
.header .right .lang a{float: left;line-height: 24px;font-size: 14px;color: #fff;}
.header .right .lang em{float: left;line-height: 24px;margin: 0 5px;font-size: 16px;color: #fff;}

.footer{margin-top: 80px;overflow: hidden;background: #000;position: relative;}
.footer .logo{display: block;margin: 0 auto;padding-top: 40px;}
.footer .column{position: relative;margin-top: 50px;}
.footer .column:after{content: "";display: block;clear: both;}
.footer .column dl{float: left;}
.footer .column dl dt{margin-right: 120px;margin-bottom: 10px;}
.footer .column dl dt a{display: block;font-size: 16px;color: #ddd;}
.footer .column dl dt:after{content: "";display: block;width: 15px;margin-top: 15px;border-bottom: 2px solid #d6000f;}
.footer .column dl dd a{line-height: 22px;}
.footer .column dl dd a:hover{color: #d6000f;}
.footer .column dl.contact dd{line-height: 22px;color: #999;}
.footer .column dl.contact dd:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 12px;vertical-align: -3px;}
.footer .column dl.contact dd.item-1:before{background-position: -117px -168px;}
.footer .column dl.contact dd.item-2:before{background-position: -167px -168px;}
.footer .column dl.contact dd.item-3:before{background-position: -217px -168px;}
.footer .column .integrity{position: absolute;top: 0;right: 190px;}
.footer .column .integrity:after{content: "";display: block;width: 15px;margin-top: 15px;border-bottom: 2px solid #d6000f;}
.footer .column .integrity a{font-size: 16px;color: #ddd;}
.footer .column .qrcode{float: right;width: 70px;}
.footer .column .qrcode .box{position: relative;width: 70px;height: 70px;}
.footer .column .qrcode .box img{display: block;width: 100%;}
.footer .column .qrcode .box img:hover{z-index: 10;position: absolute;top: -65px;left: -65px;width: 200px;height: 200px;}
.footer .column .qrcode span{display: block;line-height: 20px;margin-top: 5px;font-size: 14px;color: #999;}
.footer .friendship{position: relative;top: -80px;float: right;width: 132px;}
.footer .friendship span{position: relative;display: block;line-height: 20px;border: 1px solid #333;cursor: default;text-indent: 12px;}
.footer .friendship span:after{position: absolute;top: 0;right: 0;content: "";width: 18px;height: 20px;background-color: #d6000f;background-position: -417px -16px;}
.footer .friendship .box{position: absolute;top: 20px;left: 0;width: 130px;height: 0;overflow: hidden;background: #1b1b1b;border-right: 1px solid #333;border-left: 1px solid #333;cursor: pointer;}
.footer .friendship .box a{display: block;line-height: 20px;border-bottom: 1px solid #211f20;color: #666;text-indent: 12px;}
.footer .friendship .box a:hover{background: #d6000f;color: #fff;}
.footer .bottom{margin-top: 40px;border-top: 1px solid #333;}
.footer .bottom p,
.footer .bottom p a{line-height: 34px;color: #666;}
.footer .bottom .copyright{position: relative;float: left;}
.footer .bottom .copyright:before{position: absolute;top: 0;left: 0;content: "";width: 16px;border-bottom: 1px solid #d6000f;}

.banner{position: relative;height: 480px;overflow: hidden;}
.banner.high{height: 650px;}
.banner .title{position: absolute;top: 0;left: 50%;margin-left: -300px;opacity: 0;filter: alpha(opacity=0);}
.banner .background{position: relative;left: 50%;display: block;margin-left: -960px;opacity: 0;}
.banner .wrapper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background-repeat: no-repeat;background-attachment: fixed;background-position: center top;}
.banner .wrapper.animation{-webkit-transition: all 8s linear;transition: all 8s linear;-webkit-transform: scale(1.05);transform: scale(1.05);}

[animation-name]{visibility: hidden;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/****************************** Index ******************************/
.header-index{top: 35px;left: 50%;width: 1200px;height: 90px;margin-left: -600px;}
.header-index .logo{width: 178px;margin: 23px 0 0 34px;}
.header-index .bg-subnav{top: 90px;}
.header-index .nav li{margin-top: 35px;padding-bottom: 35px;}
.header-index .nav li .subnav{top: 55px;}
.header-index .right{position: relative;padding-top: 33px;padding-bottom: 33px;background: none;}
.header-index .right:before{position: absolute;top: 29px;content: "";height: 32px;border-right: 1px solid #ddd;}
.header-index .right .search input{background: #e6e6e6;}
.header-index .right .search a{background-position: -16px -165px !important;}
.header-index .right .lang a,
.header-index .right .lang em{color: #000;}

.banner-index{position: relative;min-height: 438px;max-height: 700px;overflow: hidden;}
.banner-index .tb-list{position: fixed;top: 0;left: 50%;width: 100%;max-width: 1920px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-index .container{height: 100%;}
.banner-index .tb-btn{right: 0;bottom: 28px;display: none;}
.banner-index .tb-btn a{width: 10px;height: 10px;margin: 0 5px;background-position: -170px -20px;border-radius: 0;}
.banner-index .tb-btn a.active{width: 25px;background-color: transparent;background-position: -312px -20px;}

.container-index{background: #fff;position: relative;padding-bottom: 80px;margin-bottom: -80px;}

.announcement{position: relative;height: 40px;overflow: hidden;background: #f3f3f3;}
.announcement .container{width: 1200px;height: 40px;}
.announcement .container ul li{font: 12px/40px "SimSun";}

.index-module-title{text-align: center;}
.index-module-title span{display: block;margin-top: 20px;font-size: 18px;color: #333;letter-spacing: 1px;}

.index-news{background: #fff;overflow: hidden;position: relative;}
.index-news .index-module-title{padding: 60px 0 30px;}
.index-news .list{position: relative;left: 50%;width: 3300px;height: 416px;margin-left: -1650px;overflow: hidden;}
.index-news .list .box{margin: 0 5px;padding: 50px 30px 60px 50px;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px;}
.index-news .list .mask{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.index-news .list .mask .item{position: absolute;top: 0;width: 410px;height: 416px;}
.index-news .list .mask .item.left{left: 0;margin-left: -4px;border-radius: 0 10px 10px 0;}
.index-news .list .mask .item.right{right: 0;margin-right: -4px;border-radius: 10px 0 0 10px;}
.index-news .list .mask .item .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;filter: alpha(opacity=10);}
.index-news .list .mask .item a{position: absolute;top: 50%;width: 28px;height: 100px;margin-top: -50px;background: #333;border-radius: 5px;cursor: pointer;}
.index-news .list .mask .item a.prev{right: 12px;}
.index-news .list .mask .item a.next{left: 12px;}
.index-news .list .mask .item a:after{content: "";display: block;width: 12px;height: 22px;margin: 39px auto;}
.index-news .list .mask .item a.prev:after{background-position: -218px -64px;}
.index-news .list .mask .item a.next:after{background-position: -270px -64px;}

.index-news .list .text{float: right;width: 460px;margin-top: 67px;}
.index-news .list .text .date{margin-top: 50px;font-size: 24px;letter-spacing: 1px;}
.index-news .list .text h3{height: 25px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .text h3 a{line-height: 25px;font-size: 20px;color: #333;}
.index-news .list .text h3 a:hover{color: #d6000f;}
.index-news .list .text p{display: -webkit-box;height: 100px;line-height: 25px;margin-top: 18px;overflow: hidden;font-size: 14px;color: #888;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-news .list .text .btn-view-more{display: block;width: 100px;line-height: 28px;margin-top: 26px;box-sizing: border-box;background: none;border: 1px solid #333;border-radius: 14px;color: #333;text-align: center;text-transform: uppercase;}
.index-news .list [class*="active"] + div .text .btn-view-more{background: #d6000f;border-color: #d6000f;color: #fff;}
.index-news .list .thumb{float: left;width: 500px;height: 294px;overflow: hidden;border: 5px solid #f3f3f3;}
.index-news .list .thumb img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.index-news .list .thumb:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.index-business .index-module-title{padding: 100px 0 20px;}
.index-business .tab{height: 80px;border-bottom: 5px solid #f3f3f3;}
.index-business .tab a{float: left;width: 200px;line-height: 80px;cursor: pointer;font-size: 16px;color: #666;text-align: center;letter-spacing: 2px;}
.index-business .tab a.active{border-bottom: 5px solid #d6000f;}
.index-business .content{height: 679px;padding-top: 27px;}
.index-business .content .figure{display: block;height: 530px;overflow: hidden;}
.index-business .content .figure img{display: block;width: 100%;-webkit-transition: all 20s linear;transition: all 20s linear;}
.index-business .content .figure:hover img{display: block;width: 100%;-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-business .content h3{margin-top: 16px;font-size: 18px;color: #333;}
.index-business .content p{display: -webkit-box;line-height: 24px;max-height: 48px;margin-top: 8px;overflow: hidden;font-size: 14px;color: #999;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-business .content .btn-view-more{margin-top: 20px;}


.index-realize .index-module-title{padding: 125px 0 45px;}
.index-realize{padding: 0 50px 0 65px;overflow: hidden;}
.index-realize .picture{float: left;width: 510px;height: 680px;}
.index-realize .text{position: relative;z-index: 10;float: left;width: 740px;margin-left: -165px;}
.index-realize .text .box{margin-top: 378px;height: 300px;padding-bottom: 2px;padding-left: 60px;background: #fff;}
.index-realize .text .box h2{position: relative;float: right;width: 275px;line-height: 65px;background: #d6000f;font-size: 24px;color: #fff;text-align: center;letter-spacing: 1px;}
.index-realize .text .box h2:after{position: absolute;top: 32px;right: -60px;content: "";width: 120px;}
.index-realize .text .box p{float: left;line-height: 30px;margin-top: 30px;font-size: 14px;color: #888;height: 150px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-realize .text .box p a{color: #d6000f;}
.index-realize .text .box .btn-view-more{position: absolute;bottom: 0;left: 60px;}

.index-history{position: relative;}
.index-history .index-module-title{padding: 148px 0 80px;}
.index-history .progress{height: 350px;margin: 0 50px 0 40px;}
.index-history .progress li{overflow: hidden;}
.index-history .progress li .text{float: left;width: 375px;margin: 100px 0 0 50px;}
.index-history .progress li .text h3{line-height: 70px;opacity: 0;font-weight: bold;font-size: 68px;color: #d60000;}
.index-history .progress li .text h3:after{content: "";display: inline-block;width: 13px;height: 13px;background-position: -369px -19px;}
.index-history .progress li .text p{display: -webkit-box;height: 140px;line-height: 28px;overflow: hidden;font-size: 14px;color: #888;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.index-history .progress li .figure{float: right;width: 615px;height: 310px;margin-top: 20px;overflow: hidden;}
.index-history .progress li .figure img{display: block;width: 100%;}
.index-history .progress .btn-switch{position: absolute;top: 0;left: 0;height: 350px;}
.index-history .progress .btn-switch a{position: absolute;display: block;width: 27px;height: 25px;background-color: #d6000f;cursor: pointer;}
.index-history .progress .btn-switch a.prev{top: 0;background-position: -11px -63px;}
.index-history .progress .btn-switch a.next{bottom: 0;background-position: -61px -63px;}
.index-history .progress .swiper-scrollbar{position: absolute;top: 45px;left: 0;width: 27px;height: 270px;background: none;}
.index-history .progress .swiper-scrollbar:before{position: absolute;top: 0;left: 13px;content: "";display: block;width: 1px;height: 100%;background: #ccc;}
.index-history .progress .swiper-scrollbar .swiper-scrollbar-drag{width: 11px;height: 30px;margin-left: 8px;background: #d6000f;border-radius: 0;cursor: pointer;}

.index-history .year{position: absolute;top: 100px;left: 90px;width: 170px;height: 70px;}
.index-history .year li{line-height: 70px;font-weight: bold;font-size: 68px;color: #d60000;}
.index-history .year li:after{content: "";display: inline-block;width: 13px;height: 13px;background-position: -369px -19px;}


/****************************** 走进日发 ******************************/
.about-realize h3{padding-bottom: 25px;border-bottom: 1px dotted #ccc;font-size: 18px;color: #333;}
.about-realize h3 em{display: inline-block;margin-left: 8px;font-size: 14px;color: #ddd;text-transform: uppercase;}
.about-realize .chairman{position: relative;padding: 60px 50px;}
.about-realize .chairman .person{float: left;width: 340px;}
.about-realize .chairman .text{float: right;width: 725px;}
.about-realize .chairman .text h3{margin-top: 40px;}
.about-realize .chairman .text h4{margin-top: 20px;font-size: 16px;color: #333;}
.about-realize .chairman .text p{line-height: 25px;margin-top: 15px;font-size: 14px;color: #888;}
.about-realize .chairman .signature{position: absolute;right: 50px;bottom: 0;}
.about-realize .intro{margin-top: 50px;padding: 0 50px;}
.about-realize .intro p{line-height: 25px;margin-top: 15px;font-size: 14px;color: #888;}
.about-realize .intro p a{color: #d6000f;}
.about-realize .intro img{display: block;margin-top: 24px;}
.about-realize .intro ul{padding: 35px 0;overflow: hidden;border-bottom: 1px dotted #ccc;}
.about-realize .intro ul li{float: left;width: 366px;text-align: center;}
.about-realize .intro ul li .box{display: inline-block;padding-left: 58px;}
.about-realize .intro ul li.item-1 .box{background: url(../img/icon-about-realize-intro-1.png) no-repeat;}
.about-realize .intro ul li.item-2 .box{background: url(../img/icon-about-realize-intro-2.png) no-repeat;}
.about-realize .intro ul li.item-3 .box{background: url(../img/icon-about-realize-intro-3.png) no-repeat;}
.about-realize .intro ul li h4{line-height: 26px;font-size: 16px;color: #333;text-align: left;}
.about-realize .intro ul li span{line-height: 24px;color: #888;text-align: left;}

.about-history{position: relative;height: 2300px;margin-bottom: -80px;overflow: hidden;background: #fbfbfd url(/brd/fzlc/12.jpg) no-repeat center top;}
.about-history .line{position: absolute;top: 0;left: 0;width: 100%;height: 4000px;background: url(/brd/fzlc/about-history-line.png) no-repeat center top;}
.about-history .line-color{position: absolute;top: 0;left: 0;width: 100%;height: 410px;background: url(/brd/fzlc/about-history-line-color.png) no-repeat center top;}
.about-history .container{height: 3857px;-webkit-user-select: none;user-select: none;}
.about-history .desc{position: absolute;top: 20px;left: 357px;}
.about-history .desc.fixed{position: fixed;top: 312px;left: 50%;margin-left: -243px;}
.about-history .desc li{position: relative;display: none;width: 780px;height: 140px;}
.about-history .desc li.expand:after{top: 100px;right: 30px;content: "";width: 20px;height: 20px;background-position: -465px -415px;}
.about-history .desc li .year{position: relative;float: left;width: 196px;height: 138px;background: #154186;font: 60px/138px "Impact";color: #fff;text-align: center;}
.about-history .desc li .year:after{position: absolute;bottom: -30px;left: 0;content: "";border-width: 15px 18px;border-style: solid;border-color: #154186 #154186 transparent transparent;}
.about-history .desc li .text{position: relative;float: right;width: 533px;margin-right: 40px;padding: 20px 10px 20px 20px;box-sizing: border-box;background: #f0f0f0;}
.about-history .desc li .text:after{position: absolute;top: 0;right: -40px;content: "";width: 40px;height: 100%;background: url(../img/about-history-item-corner.png) no-repeat;}
.about-history .desc li .text .box{height: 98px;overflow: auto;
    width: 500px;}
.about-history .desc li .text .figure{position: relative;float: left;width: 188px;height: 100%;margin-right: 20px;overflow: hidden;}
.about-history .desc li .text .figure img{display: block;width: 100%;}
.about-history .desc li .text p{line-height: 26px;color: #333;}

.about-history .desc .btn-switch{position: absolute;top: 48px;left: 0;width: 100%;}
.about-history .desc .btn-switch a{position: absolute;top: 0;width: 25px;height: 42px;cursor: pointer;}
.about-history .desc .btn-switch a.prev{left: -60px;background-position: -312px -104px;}
.about-history .desc .btn-switch a.next{right: -60px;background-position: -364px -104px;}
.about-history .dot{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-history .dot li{position: absolute;width: 18px;height: 18px;background-position: -266px -467px;}
.about-history .dot li:after{position: absolute;top: -1px;left: 30px;content: attr(data-text);width: 100px;line-height: 20px;font-size: 20px;color: #333;}
.about-history .dot li.active{background-position: -316px -467px;}
.about-history .dot li.current{width: 30px;height: 30px;margin: -6px 0 0 -6px;background-position: -359px -459px;}
.about-history .dot li.current:after{top: 5px;left: 40px;}
.about-history .dot li.item-1{top: 185px;left: 83px;}
.about-history .dot li.item-2{top: 280px;left: 130px;}
.about-history .dot li.item-3{top: 450px;left: 366px;}
.about-history .dot li.item-4{top: 560px;left: 780px;}
.about-history .dot li.item-5{top: 700px;left:725px;}
.about-history .dot li.item-6{top: 840px;left: 685px;}
.about-history .dot li.item-7{top: 980px;left: 952px;}
.about-history .dot li.item-8{top: 1120px;left: 760px;}
.about-history .dot li.item-9{top: 1260px;left: 703px;}
.about-history .dot li.item-10{top: 1400px;left: 942px;}
.about-history .dot li.item-11{top: 1540px;left: 1105px;}
.about-history .dot li.item-12{top: 1680px;left: 696px;}
.about-history .dot li.item-13{top: 1820px;left: 582px;}
.about-history .dot li.item-14{top: 1960px;left: 724px;}
.about-history .dot li.item-15{top: 2100px;left: 1031px;}
.about-history .dot li.item-16{top: 2240px;left: 1100px;}
.about-history .dot li.item-17{top: 2380px;left: 1027px;}
.about-history .dot li.item-18{top: 2520px;left: 356px;}
.about-history .dot li.item-19{top: 2660px;left: 300px;}
.about-history .dot li.item-20{top: 2800px;left: 376px;}
.about-history .dot li.item-21{top: 2940px;left: 740px;}
.about-history .dot li.item-22{top: 3080px;left: 1063px;}
.about-history .dot li.item-23{top: 3220px;left: 915px;}
.about-history .dot li.item-24{top: 3360px;left: 530px;}
.about-history .dot li.item-25{top: 3500px;left: 274px;}
.about-history .dot li.item-26{top: 3620px;left: 270px;}
.about-history .dot li.item-27{top: 3700px;left: 310px;}
.about-history .dot li.item-28{top: 3780px;left: 350px;}

.about-culture .wrapper{padding: 40px 0 0 50px;}
.about-culture .wrapper .top{line-height: 24px;font-size: 14px;color: #999;text-align: center;}
.about-culture .wrapper .box p{position: absolute;line-height: 24px;font-size: 16px;color: #999;}
.about-culture .wrapper .box p em{display: block;font-size: 18px;color: #c4a056;}
.about-culture .wrapper .figure-1 p{bottom: 18px;left: 0;z-index: 10;width: 360px;}
.about-culture .wrapper .figure-1 p em{margin-bottom: 20px;}
.about-culture .wrapper .figure-1 img{float: right;margin-top: 45px;}
.about-culture .wrapper .figure-2 p{top: 175px;right: 135px;width: 560px;}
.about-culture .wrapper .figure-2 p em{float: right;margin-top: 20px;}
.about-culture .wrapper .figure-2 img{float: left;margin-top: 70px;}

.about-honor .wrapper{height: 620px;margin-top: -15px;padding: 0 50px;background: url(../img/bg-about-honor.png) no-repeat;}
.about-honor .wrapper .text{position: absolute;top: 100px;left: 0;}
.about-honor .wrapper .text:before{content: "";display: block;width: 48px;border-bottom: 2px solid #333;}
.about-honor .wrapper .text h3{line-height: 40px;font-size: 16px;color: #333;}
.about-honor .wrapper .text h3.mt{margin-top: 50px;}
.about-honor .wrapper .text p{line-height: 24px;font-size: 14px;color: #999;}

.about-leader{margin-bottom: -80px;padding-bottom: 80px;background-color: #fbfbfb;}
.about-leader table{width: 100%;}
.about-leader table thead td{padding: 45px 265px;text-align: center;}
.about-leader table thead td h2{display: block;font-size: 18px;color: #d6000f;}
.about-leader table thead td .top{line-height: 26px;margin-top: 20px;font-size: 14px;}
.about-leader table tbody td:after{content: "";display: block;height: 1px;}
.about-leader table tbody td.figure{width: 688px;}
.about-leader table tbody td.figure img{display: block;width: 100%;}
.about-leader table tbody td.text{padding-left: 20px;background: #fff;}
.about-leader table tbody td.text.left{padding-right: 20px;text-align: right;}
.about-leader table tbody td.text h3 span{display: inline-block;padding-bottom: 10px;border-bottom: 3px solid #d6000f;font-size: 18px;color: #d6000f;}
.about-leader table tbody td.text p{display: inline-block;width: 500px;line-height: 30px;margin-top: 26px;font-size: 14px;}

.about-responsibility dl{width: 1020px;margin: 40px auto 0;overflow: hidden;}
.about-responsibility dl dt .title{font-size: 18px;color: #d6000f;text-align: center;}
.about-responsibility dl dt p{line-height: 24px;margin-top: 30px;font-size: 14px;text-align: center;}
.about-responsibility dl dd{float: left;width: 224px;margin-top: 75px;padding: 0 58px;}
.about-responsibility dl dd img{display: block;width: 100%;}
.about-responsibility dl dd p{line-height: 24px;margin-top: 25px;color: #999;}
.about-responsibility .gallery{margin: 100px 0 70px;-webkit-user-select: none;user-select: none;}
.about-responsibility .gallery:before,
.about-responsibility .gallery:after{z-index: 10;content: "";display: block;height: 28px;background: url(../img/about-responsibility-border.png);}
.about-responsibility .gallery ul{height: 183px;}
.about-responsibility .gallery ul li{position: relative;float: left;width: 305px;height: 100%;margin-right: 16px;overflow: hidden;background: #e5e5e5;}
.about-responsibility .gallery ul li{height: 100%;margin: 0 8px;overflow: hidden;}
.about-responsibility .gallery ul li img{display: block;width: 100%;-webkit-transition: all 5s linear;transition: all 5s linear;}
.about-responsibility .gallery ul li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #d6000f;opacity: 0;filter: alpha(opacity=0);}
.about-responsibility .gallery ul li:hover .mask{opacity: .5;filter: alpha(opacity=50);}
.about-responsibility .gallery ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.about-responsibility .gallery-desc{height: 40px;}
.about-responsibility .gallery-desc ul li{display: none;text-align: center;}
.about-responsibility .gallery-desc ul li span{position: relative;line-height: 40px;padding: 0 100px;font-size: 14px;}
.about-responsibility .gallery-desc ul li span:before,
.about-responsibility .gallery-desc ul li span:after{position: absolute;content: "";width: 12px;height: 12px;}
.about-responsibility .gallery-desc ul li span:before{top: 0;left: 0;background-position: -219px -419px;}
.about-responsibility .gallery-desc ul li span:after{right: 0;bottom: 0;background-position: -270px -420px;}

.about-globalization{position: relative;width: 1350px;height: 725px;background: url(../img/bg-about-globalization.jpg) no-repeat;}
.about-globalization .legend{position: absolute;bottom: 8px;left: 80px;}
.about-globalization .legend li{line-height: 20px;margin-bottom: 16px;font-size: 18px;color: #333;}
.about-globalization .legend li:before{content: "";display: inline-block;width: 15px;height: 20px;margin-right: 12px;vertical-align: -4px;}
.about-globalization .legend li.textile:before{background: #4fb5a9;}
.about-globalization .legend li.precision:before{background: #d30808;}
.about-globalization .legend li.agriculture:before{background: #8fc964;}
.about-globalization .legend li.cs:before{background: #ff8124;}
.about-globalization .legend li.aviation:before{background: #001a7c;}
.about-globalization .legend li.financial:before{background: #ca993d;}
.about-globalization .circle{position: absolute;top: 0;right: 0;width: 750px;height: 100%;opacity: 0;-webkit-transition: all 2s;transition: all 2s;filter: alpha(opacity=0);}
.about-globalization .circle.visible{opacity: 1;filter: alpha(opacity=1);}
.about-globalization .circle li{position: absolute;width: 24px;height: 24px;opacity: .7;-webkit-animation-duration: 1s linear;animation-duration: 1s linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;filter: alpha(opacity=70);}
.about-globalization .circle li[class*="zoomInOut"]{-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.about-globalization .circle li img{display: block;width: 100%;}
.about-globalization .circle li.textile-1{top: 303px;left: 460px;}
.about-globalization .circle li.textile-2{top: 310px;left: 456px;}
.about-globalization .circle li.textile-3{top: 327px;left: 470px;}
.about-globalization .circle li.precision-1{top: 271px;left: 94px;}
.about-globalization .circle li.precision-2{top: 303px;left: 436px;}
.about-globalization .circle li.precision-3{top: 317px;left: 478px;}
.about-globalization .circle li.precision-4{top: 327px;left: 470px;}
.about-globalization .circle li.agriculture-1{top: 273px;left: 358px;}
.about-globalization .circle li.agriculture-2{top: 327px;left: 470px;}
.about-globalization .circle li.agriculture-3{top: 317px;left: 478px;}
.about-globalization .circle li.agriculture-4{top: 579px;left: 587px;}
.about-globalization .circle li.agriculture-5{top: 345px;left: 469px;}
.about-globalization .circle li.agriculture-6{top: 581px;left: -223px;}

.about-globalization .circle li.cs-1{top: 286px;left: 449px;}
.about-globalization .circle li.cs-2{top:327px; left:470px;}
.about-globalization .circle li.cs-3{top:278px; left:353px;}
.about-globalization .circle li.cs-4{top:322px; left:416px;}
.about-globalization .circle li.cs-5{top:340px; left:472px;}
.about-globalization .circle li.cs-6{top:212px; left:8px;}
.about-globalization .circle li.cs-7{top:579px; left:567px;}

.about-globalization .circle li.aviation-1{top: 282px;left: 364px;}
.about-globalization .circle li.aviation-2{top: 327px;left: 470px;}
.about-globalization .circle li.aviation-3{top: 340px;left: 472px;}
.about-globalization .circle li.aviation-4{top: 317px;left: 478px;}
.about-globalization .circle li.aviation-5{top: 635px;left: 666px;}

.about-globalization .circle li.financial-1{top: 327px;left: 470px;}
.about-globalization .circle li.financial-2{top: 340px;left: 472px;}
.about-globalization .circle li.financial-3{top: 437px;left: 409px;}

.about-globalization .label{position: absolute;top: 0;right: 0;z-index: 10;width: 750px;height: 100%;}
.about-globalization .label li{position: absolute;width: 158px;height: 30px;box-sizing: border-box;border-radius: 5px;box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);cursor: pointer;}
.about-globalization .label li:hover{z-index: 10;}
.about-globalization .label li span{float: left;line-height: 30px;font-size: 18px;color: #fff;}
.about-globalization .label li i{content: "";float: left;width: 36px;height: 30px;margin-right: 23px;background-position: -207px -461px;border-radius: 5px 0 0 5px;}
.about-globalization .label li.textile{top: 342px;left: 455px;padding-left: 27px;background: #4fb5a9;;}
.about-globalization .label li.precision{top: 295px;left: 490px;padding-left: 27px;background: #d30808;;}
.about-globalization .label li.agriculture{top: 337px;left: 230px;background: #8fc964;;}
.about-globalization .label li.cs{top: 255px;left: 382px;background: #ff8124;;}
.about-globalization .label li.aviation{top: 293px;left: 181px;background: #001a7c;;}
.about-globalization .label li.financial{top: 411px;left: 423px;background: #ca993d;;}
.about-globalization .label li.textile i{margin: 0 0 0 23px;background-color: #83cac2;border-radius: 0 5px 5px 0;}
.about-globalization .label li.precision i{margin: 0 0 0 23px;background-color: #e05150;border-radius: 0 5px 5px 0;}
.about-globalization .label li.agriculture i{background-color: #a0db74;}
.about-globalization .label li.cs i{background-color: #ed934d;}
.about-globalization .label li.aviation i{background-color: #3a4b8b;}
.about-globalization .label li.financial i{background-color: #f0cb81;}

.about-globalization .layer{position: absolute;top: 100%;right: 0;display: none;width: 360px;height: 400px;padding-top: 3px;cursor: default;}
.about-globalization .layer.top{top: auto;bottom: 100%;padding: 0 0 3px 0;}
.about-globalization .layer .wrapper{position: relative;position: relative;width: 100%;height: 100%;padding: 28px 25px 15px;box-sizing: border-box;border: 1px solid #e6e6e6;box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);}
.about-globalization .layer .wrapper .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .7;filter: alpha(opacity=70);}
.about-globalization .layer .wrapper .box{height: 100%;overflow: hidden;}
.about-globalization .layer .box h3{font-size: 18px;color: #333;}
.about-globalization .layer .box dl{margin-right: 10px;padding: 20px 0;overflow: hidden;border-bottom: 1px solid #c4bcad;}
.about-globalization .layer dl dt{margin-bottom: 6px;font-size: 16px;}
.about-globalization .layer dl dd{float: left;width: 50%;line-height: 26px;font-size: 14px;color: #999;}
.about-globalization .layer dl dd em{display: inline-block;margin-left: 8px;vertical-align: 1px;font-size: 12px;color: #bbb;}
.about-globalization .layer .mCSB_container{margin-right: 0;}
.about-globalization .layer .mCSB_scrollTools .mCSB_draggerContainer{right: -10px;}

.about-partner h3{margin-top: 30px;font-family: "SimSun";text-align: center;}
.about-partner ul{position: relative;margin-top: 25px;overflow: hidden;}
.about-partner ul:before,
.about-partner ul:after{position: absolute;top: 0;left: 0;content: "";}
.about-partner ul:before{width: 100%;border-bottom: 1px solid #e6e6e6;}
.about-partner ul:after{height: 100%;border-right: 1px solid #e6e6e6;}
.about-partner ul li{display: table;float: left;width: 300px;height: 200px;box-sizing: border-box;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.about-partner ul li .box{display: table-cell;vertical-align: middle;text-align: center;}
.about-partner ul li .box img{display: inline-block;max-width: 80%;-webkit-transition: all .5s;transition: all .5s;}
.about-partner ul li:hover img{-webkit-transform: rotateY(50deg);transform: rotateY(50deg);}

.about-integrity p{position: relative;line-height: 30px;margin-top: 20px;font-size: 16px;}
.about-integrity p.arrow{padding-left: 30px;}
.about-integrity p.arrow:before{position: absolute;top: 5px;left: 0;content: "";width: 20px;height: 20px;background: url(../img/integrity-arrow.png) no-repeat;}
.about-integrity p.tar{text-align: right;}
.about-integrity p a{color: #00f;text-decoration: underline;}
.about-integrity p.italic{margin-top: 40px;font-style: italic;}

/****************************** 产业视界 ******************************/
.business{position: relative;width: 900px;margin: -205px auto 0;padding: 0 150px;overflow: hidden;background: #fff;}
.business .title{margin-top: 35px;color: #333;text-align: center;}
.business .title:before{content: "";display: inline-block;width: 62px;height: 50px;}
.business .title h1{line-height: 40px;margin-top: 35px;font-size: 36px;}
.business .title h2{line-height: 65px;font-weight: bold;font-size: 30px;text-transform: uppercase;}
.business .top{line-height: 26px;font-size: 14px;text-align: center;}
.business .section{margin-top: 100px;overflow: hidden;}
.business .section h3{height: 24px;}
.business .section h3 a{font-size: 18px;}
.business .section h4{height: 21px;margin-top: 10px;}
.business .section h4 a{font-size: 16px;color: #333;}
.business .section .center{display: block;margin-right: auto;margin-left: auto;}
.business .section .figure{display: inline-block;overflow: hidden;}
.business .section .figure img{-webkit-transition: all 10s linear;transition: all 10s linear;}
.business .section .figure:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.business .section .rect{position: relative;width: 335px;margin-top: 0px;padding-top: 15px;background: #fff;}
.business .section .rect.center{margin-top: 0px;text-align: center;}
.business .section .rect.right{margin-top: 0px;margin-left: 365px;text-indent: 24px;}
.business .section .rect span{display: block;line-height: 20px;margin-top: 11px;font-family: "SimSun";color: #333;}
.business .section .btn-view-more{position: relative;top: 11px;margin-top: 25px;}
.business .section .btn-view-more.center{top: 0;}
.business .section .info{width: 760px;line-height: 30px;min-height: 50px;margin-top: 25px;padding: 10px 0 10px 15px;overflow: hidden;box-sizing: border-box;background: #f6f6f6;font-family: "SimSun";color: #333;}
.business .section .info a{color: #333;}
.business .section .info a:hover{text-decoration: underline;}
.business .section p{line-height: 24px;padding-top: 20px;font-size: 14px;color: #999;}

.business-textile .title:before{background-position: -19px -225px;}
.business-textile .section h3 a{color: #4fb5a9;}
.business-textile .section .btn-view-more{background: #4fb5a9;}
.business-textile .section-1 .btn-view-more{top: 36px;}
.business-textile .section-1 .info{float: right;padding: 5px 0;}
.business-textile .section-1 .info li{float: left;line-height: 30px;min-width: 300px;margin-right: 30px;padding-left: 20px;}
.business-textile .section-2 .rect{margin: -30px auto 0;text-align: center;}
.business-textile .section-2 p,
.business-textile .section-2 .info{width: 650px;margin-right: auto;margin-left: auto;}
.business-textile .section-2 .btn-view-more{top: 0;margin-right: auto;margin-left: auto;}
.business-textile .section-3 .rect{width: 320px;margin: -70px 0 0 360px;padding-top: 15px;text-indent: 25px;}
.business-textile .section-3 .info{float: left;width: 780px;}
.business-textile .section-4 .left{float: left;width: 500px;text-align: right;}
.business-textile .section-4 .left .btn-view-more{top: 0;display: inline-block;}

.business-precision .title:before{background-position: -119px -225px;}
.business-precision .section h3 a{color: #d30808;}
.business-precision .desc{line-height: 40px;margin-top: 20px;font-size: 18px;color: #333;text-align: center;letter-spacing: 1px;}
.business-precision .desc em{color: #d30808;}
.business-precision .desc b{vertical-align: middle;font-size: 30px;color: #d30808;}
.business-precision .section .btn-view-more{background: #d30808;}
.business-precision .section-1 .btn-view-more{top: 26px;}
.business-precision .section-3 .rect{margin: -28px auto 0;text-align: center;}
.business-precision .section-5 h3{margin-top: 20px;}
.business-precision .section-6 h3,
.business-precision .section-7 h3{margin-bottom: -10px;}
.business-precision .section-6 .btn-view-more,
.business-precision .section-7 .btn-view-more{top: 26px;}
.business-precision .section-6 .figure{float: right;margin-left: 10px;}
.business-precision .section-7 .figure{float: left;margin-right: 10px;}

.business-agriculture .title:before{background-position: -219px -225px;}
.business-agriculture .section h3 a{color: #8fc964;}
.business-agriculture .desc{line-height: 25px;margin-top: 10px;font-size: 16px;color: #8fc964;text-align: center;letter-spacing: 1px;}
.business-agriculture .section .btn-view-more{background: #8fc964;}
.business-agriculture .section-1 .rect,
.business-agriculture .section-2 .rect{width: 375px;}
.business-agriculture .section-2 .btn-view-more{top: 0;}
.business-agriculture .section-3 .info{width: 100%;text-align: center;}
.business-agriculture .section-4 .left{float: left;width: 295px;}
.business-agriculture .section-4 .rect{width: 100%;margin: 0;padding: 0;}
.business-agriculture .section-4 .rect h3{text-transform: uppercase;}
.business-agriculture .section-4 .figure{margin: 20px 0 0 10px;}

.business-cs .title:before{background-position: -19px -325px;}
.business-cs .section h3 a{color: #ff8124;}
.business-cs .desc{line-height: 25px;margin-top: 20px;font-size: 16px;color: #ff8124;text-align: center;letter-spacing: 1px;}
.business-cs .section .btn-view-more{background: #ff8124;}
.business-cs .section-1 .rect{width: 385px;text-indent: 30px;}
.business-cs .section-1 .top-left{float: left;width: 350px;}
.business-cs .section-1 .top-left .logo{margin-top: 25px;overflow: hidden;}
.business-cs .section-1 .top-left .logo li{float: left;margin-right: 8px;}
.business-cs .section-1 .top-left .logo img{display: block;width: 108px;height: 69px;border: 1px solid #999;}
.business-cs .section-1 .top-left .logo span{display: block;margin-top: 8px;text-align: center;}
.business-cs .section-1 .top-left .slogan{line-height: 36px;margin-top: 40px;background: #e4e4e4;font-size: 16px;color: #333;text-align: center;}
.business-cs .section-1 .top-right{float: right;width: 510px;margin-bottom: 20px;}
.business-cs .section-1 .beiqing .figure{float: right;margin-left: 30px;}
.business-cs .section-2 .info{width: 100%;text-align: center;}
.business-cs .section-3 .left{float: left;width: 500px;}
.business-cs .section-3 .left h3{text-align: right;}
.business-cs .section-3 .left a{top: 0;margin: 0;}
.business-cs .section-3 .info{width: 100%;text-align: center;}
.business-cs .section-3 .bottom{margin-top: 100px;overflow: hidden;}
.business-cs .section-3 .bottom li{float: left;width: 295px;margin-right: 7px;}
.business-cs .section-3 .bottom li img{display: block;width: 100%;height: 123%;}
.business-cs .section-3 .bottom li span{display: block;margin-top: 15px;font-family: "SimSun";color: #333;}
.business-cs .section-4 .figure{float: left;margin-right: 30px;}

.business-aviation .title:before{background-position: -119px -325px;}
.business-aviation .section h3{margin-top: 20px;}
.business-aviation .section h3 a{color: #001a7c;}
.business-aviation .desc{line-height: 24px;font-size: 16px;color: #001a7c;text-align: center;letter-spacing: 1px;}
.business-aviation .section{margin-top: 20px;}
.business-aviation .section-1 .figure{margin-top: 40px;}
.business-aviation .section .btn-view-more{background: #001a7c;}
.business-aviation .section-4 .btn-view-more{top: 26px;}

.business-financial .title:before{background-position: -219px -325px;}
.business-financial .section h3 a{color: #ca993d;}
.business-financial .desc{line-height: 24px;font-size: 16px;color: #ca993d;text-align: center;letter-spacing: 1px;}
.business-financial .section .btn-view-more{background: #ca993d;}
.business-financial .section-1 > h3{margin: 25px 0 -15px;}
.business-financial .section-1 .btn-view-more{top: 0;}
.business-financial .section-1 ul{margin-top: 30px;overflow: hidden;padding: 0 121px;}
.business-financial .section-1 ul li{float: left;width: 173px;margin-right: 69px;}
.business-financial .section-1 ul li[style]{visibility: visible !important;opacity: 1 !important;}
.business-financial .section-1 ul li .box{height: 163px;line-height: 163px;padding-right: 10px;box-sizing: border-box;background: url(../img/business-financial-diamond.png) no-repeat;font-size: 20px;color: #fff;text-align: center;}
.business-financial .section-1 ul li .box.double{line-height: 26px;padding: 60px 10px 61px 0;}
.business-financial .section-1 ul li span{display: block;line-height: 24px;margin-top: 12px;color: #999;}
.business-financial .section-2 p{width: 650px;margin: 0 auto;}


/****************************** 新闻中心 ******************************/
.news-enterprise .top{margin-top: 100px;overflow: hidden;}
.news-enterprise .top .picture{float: left;width: 625px;height: 390px;}
.news-enterprise .top .picture .swiper-slide{position: relative;}
.news-enterprise .top .picture .swiper-slide img{display: block;width: 100%;height: 368px;-webkit-transition: all 2s;transition: all 2s;}
.news-enterprise .top .picture:hover .swiper-slide-visible img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news-enterprise .top .picture h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 50px;padding: 0 12px;box-sizing: border-box;background: #f5f5f5;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-enterprise .top .picture .btn-pagination{position: absolute;right: 12px;bottom: 60px;}
.news-enterprise .top .picture .btn-pagination span{float: left;width: 10px;height: 10px;margin: 0 5px;margin: 0 5px;background-position: -170px -20px;border-radius: 0;}
.news-enterprise .top .picture .btn-pagination span[class*="active"]{width: 25px;background-position: -312px -20px;}
.news-enterprise .top .picture .btn-switch{position: absolute;top: 152px;width: 100%;}
.news-enterprise .top .picture .btn-switch a{position: absolute;top: 0;display: block;width: 36px;height: 36px;cursor: pointer;}
.news-enterprise .top .picture .btn-switch a.prev{left: 0;}
.news-enterprise .top .picture .btn-switch a.next{right: 0;}
.news-enterprise .top .picture .btn-switch a:before,
.news-enterprise .top .picture .btn-switch a:after{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;}
.news-enterprise .top .picture .btn-switch a:before{background: #dbdbdb;opacity: .5;filter: alpha(opacity=50);}
.news-enterprise .top .picture .btn-switch a.prev:after{background-position: -107px -108px;}
.news-enterprise .top .picture .btn-switch a.next:after{background-position: -157px -108px;}
.news-enterprise .top .picture .btn-switch a:hover:before{background: #d6000f;}
.news-enterprise .top .picture .btn-switch a:hover:after{background-position-y: -58px;}

.news-enterprise .top .text{float: right;width: 540px;height: 393px;}
.news-enterprise .top .text .item{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #ccc;}
.news-enterprise .top .text span{display: block;font-size: 16px;color: #333;}
.news-enterprise .top .text h3{height: 25px;margin-top: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-enterprise .top .text h3 a{line-height: 25px;font-size: 16px;color: #333;}
.news-enterprise .top .text h3 a:hover{color: #d6000f;}
.news-enterprise .top .text p{display: -webkit-box;height: 48px;line-height: 24px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-enterprise .news-list{margin-top: 100px;overflow: hidden;background: #f5f5f5;box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .3);}
.news-enterprise .news-list .container{height: 1010px;padding-top: 100px;overflow: hidden;}
.news-enterprise .news-list .item{float: left;width: 392px;height: 449px;margin: 0 12px 56px 0;padding: 14px 8px 0 10px;box-sizing: border-box;border: 1px solid transparent;}
.news-enterprise .news-list .item:hover{background: #fff;border: 1px solid #d6000f;box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .2);-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
.news-enterprise .news-list .item:nth-child(3n){margin-right: 0;}
.news-enterprise .news-list .item img{display: block;width: 100%;height: 219px;}
.news-enterprise .news-list .item span{display: block;margin-top: 30px;font-size: 14px;color: #999;}
.news-enterprise .news-list .item h3{height: 20px;line-height: 20px;margin-top: 10px;overflow: hidden;font-size: 16px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.news-enterprise .news-list .item .line{position: relative;height: 1px;margin-top: 28px;background: #999;}
.news-enterprise .news-list .item .line:before{position: absolute;top: 1px;left: 48px;content: "";border: 7px solid transparent;border-top: 5px solid #999;}
.news-enterprise .news-list .item .line:after{position: absolute;top: 0;left: 49px;content: "";border: 6px solid rgba(0, 0, 0, 0);border-top: 4px solid #f5f5f5;}
.news-enterprise .news-list .item p{display: -webkit-box;height: 60px;line-height: 20px;margin-top: 28px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-enterprise .news-list .item:hover .line:after{border-top-color: #fff;}
.news-enterprise .news-list .pagination{margin: 15px 0 90px 0;}

.news-enterprise-search-result .announcement{background: #fff;}
.news-enterprise-search-result .news-list{margin-top: 0;}

.news-enterprise-search-null .search{height: 432px;overflow: hidden;background: url(../img/bg-news-enterprise-search-null.jpg) no-repeat center top;}
.news-enterprise-search-null .search .wrapper{width: 572px;margin: 190px auto 0;overflow: hidden;}
.news-enterprise-search-null .search .wrapper span{display: block;line-height: 40px;font-size: 14px;color: #fff;text-align: center;}
.news-enterprise-search-null .search .wrapper input{float: left;width: 500px;height: 20px;line-height: 20px;padding: 16px 0;background: #fff;border: none;font-size: 14px;text-indent: 25px;}
.news-enterprise-search-null .search .wrapper a{float: left;width: 72px;height: 52px;background-color: #d6000f;background-position: -238px -148px;}
.news-enterprise-search-null .tooltip{line-height: 140px;margin-bottom: -80px;font-size: 24px;text-align: center;letter-spacing: 1px;}

.video-media{margin-bottom: -80px;padding: 70px 0 100px;background: #eee;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .2) inset;}
.video-media .title{line-height: 20px;font-size: 18px;color: #333;text-align: center;letter-spacing: 1px;}
.video-media .title:after{content: "";display: block;width: 24px;margin: 5px auto 0;border-bottom: 1px solid #d6000f;}
.video-media .wrapper{margin-top: 55px;overflow: hidden;}
.video-media .wrapper a{width: 277px;float: left;margin-right: 30px;padding-bottom: 10px;background: url(../img/video-media-shadow.png) no-repeat bottom left;cursor: pointer;}
.video-media .wrapper a:last-child{margin-right: 0;}
.video-media .wrapper a .box{position: relative;height: 142px;overflow: hidden;border: 3px solid #fff;}
.video-media .wrapper a .box img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.video-media .wrapper a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.video-media .wrapper a .box .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.video-media .wrapper a .box:after{position: absolute;top: 50%;left: 50%;content: "";width: 60px;height: 60px;margin: -30px 0 0 -30px;background-position: -120px -420px;}
.video-media .wrapper a span{display: block;width: 90%;height: 40px;line-height: 40px;padding: 0 5%;overflow: hidden;background: #fff;font-size: 16px;color: #666;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.video-media .wrapper a:hover span{background: #d6000f;color: #fff;}

.video-media .popup .box{position: absolute;top: 50%;left: 50%;width: 644px;height: 484px;margin: -242px 0 0 -322px;box-sizing: border-box;border: 2px solid #ccc;}
.video-media .popup .box .close{position: absolute;right: -107px;width: 57px;height: 57px;cursor: pointer;}
.video-media .popup .box .close:hover{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
.video-media .popup .box .close{top: 0;background-position: -322px -221px;}

.news-enterprise-detail{width: 1000px;margin: 100px auto 0;}
.news-enterprise-detail h1{line-height: 35px;font-size: 22px;color: #333;text-align: center;}
.news-enterprise-detail .attr{margin: 30px 0;overflow: hidden;}
.news-enterprise-detail .attr span{float: left;line-height: 20px;font-size: 14px;}
.news-enterprise-detail .attr span em{display: inline-block;margin-left: 15px;}
.news-enterprise-detail .attr .bdsharebuttonbox{float: right;margin: 2px 0;}
.news-enterprise-detail .attr .bdsharebuttonbox a{margin: 0 6px 0 0;}
.news-enterprise-detail .upload,
.news-enterprise-detail .upload p,
.news-enterprise-detail .upload span{line-height: 25px;font-size: 14px;}
.news-enterprise-detail .jump{position: relative;margin-top: 40px;}
.news-enterprise-detail .jump span{display: block;line-height: 32px;font-size: 14px;}
.news-enterprise-detail .jump span a{color: #666;}
.news-enterprise-detail .jump span a[href]:hover{color: #d6000f;}
.news-enterprise-detail .jump .back{position: absolute;top: 20px;right: 0;width: 148px;line-height: 32px;border: 1px solid #999;font-size: 16px;color: #666;text-align: center;}
.news-enterprise-detail .jump .back:hover{border-color: #d6000f;color: #d6000f;}

.news-maganize .wrapper{position: relative;width: 1100px;margin: 0 auto;padding-top: 50px;}
.news-maganize .wrapper .bookshelf{position: absolute;left: 0;width: 100%;height: 90px;background: url(/sy/db.png) no-repeat;}
.news-maganize .wrapper .bookshelf.top{top: 265px;}
.news-maganize .wrapper .bookshelf.bottom{bottom: 60px;}
.news-maganize .wrapper ul{margin: 0 100px;overflow: hidden;}
.news-maganize .wrapper ul li{position: relative;
    float: left;
    width: 195px;
    margin: 0 35px 110px 0;
    padding: 10px 10px 0;
    cursor: pointer;}
.news-maganize .wrapper ul li:nth-child(4n){margin-right: 0;}
.news-maganize .wrapper ul li:hover{box-shadow: 2px -2px 10px 0 rgba(0, 0, 0, 0);-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.news-maganize .wrapper ul li img{display: block;width: 100%;height: 250px;filter: blur(1px);}
.news-maganize .wrapper ul li span{display: block;height: 40px;line-height: 20px;color: #999;text-align: center;}
.news-maganize .pagination{position: relative;margin: -30px 0 50px;}
.news-maganize .popup .box{position: absolute;top: 50%;left: 50%;width: 590px;height: 830px;margin: -415px 0 0 -295px;box-sizing: border-box;border: 2px solid #ccc;}
.news-maganize .popup .box a{position: absolute;right: -107px;width: 57px;height: 57px;cursor: pointer;}
.news-maganize .popup .box img{display: block;width: 100%;height: 100%;}
.news-maganize .popup .box a:hover{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
.news-maganize .popup .box .close{top: 0;background-position: -322px -221px;}
.news-maganize .popup .box .preview{top: 87px;background-position: -322px -321px;}



/****************************** 加入我们 ******************************/
.join-philosophy .top{position: relative;height: 300px;margin-top: 100px;overflow: hidden;background: #f8f8f8;}
.join-philosophy .top .box{width: 270px;margin-left: 215px;padding-top: 105px;}
.join-philosophy .top .box span{display: block;font-size: 16px;color: #333;}
.join-philosophy .top .box p{line-height: 24px;margin-top: 24px;font-size: 14px;}
.join-philosophy .top img{position: absolute;top: 0;left: 50%;}
.join-philosophy .bottom{padding-top: 100px;overflow: hidden;}
.join-philosophy .bottom .box{float: left;width: 50%;text-align: center;}
.join-philosophy .bottom .box img{display: block;margin: 0 auto;}
.join-philosophy .bottom .box h3{margin-top: 30px;font-size: 16px;color: #333;}
.join-philosophy .bottom .box h3:after{content: "";display: block;width: 25px;margin: 25px auto 0;border-bottom: 1px solid #ccc;}
.join-philosophy .bottom .box p{line-height: 30px;margin-top: 25px;font-size: 14px;color: #999;}

.join-development h3{width: 140px;line-height: 40px;background: #e69d95;font-size: 18px;color: #fff;text-align: center;letter-spacing: 1px;}
.join-development [class*="section"]{margin-top: 100px;overflow: hidden;}
.join-development .section-1 h3{margin: 0 auto;}
.join-development .section-1 img{display: block;margin: 60px auto 0;}
.join-development .section-2{height: 620px;background: url(../img/bg-join-development.jpg) no-repeat center top;}
.join-development .section-2 .right{float: right;width: 530px;margin-top: 80px;}
.join-development .section-2 .right p{line-height: 28px;margin-top: 15px;font-size: 14px;color: #999;}
.join-development .section-2 .right p img{display: block;margin-top: 50px;}
.join-development .section-3 ul{float: right;width: 900px;margin-top: -8px;}
.join-development .section-3 ul li{float: left;width: 590px;line-height: 30px;font-size: 14px;color: #999;}
.join-development .section-3 ul li.tar{width: 310px;}
.join-development .section-3 ul li:before{content: "";display: inline-block;width: 10px;height: 10px;margin-right: 12px;background-position: -120px -20px;}

.join-style{margin-bottom: -80px;padding: 48px 0 80px;background: #f5f5f5;}
.join-style ul{width: 984px;margin: 0 auto;}
.join-style ul li{position: relative;height: 191px;margin-bottom: 20px;background: #fff;cursor: pointer;}
.join-style ul li:after{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 100%;box-sizing: border-box;border: 1px solid transparent;}
.join-style ul li:hover:after{border-color: #d6000f;}
.join-style ul li .text{position: relative;float: left;width: 496px;height: 100%;padding: 0 55px 0 48px;box-sizing: border-box;box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1);}
.join-style ul li .text > *{display: none;}
.join-style ul li .text h3{display: block;line-height: 30px;margin-top: 46px;font-size: 16px;color: #333;}
.join-style ul li .text:after{position: absolute;bottom: 35px;left: 48px;content: "";width: 10px;height: 10px;background-position: -320px -420px;}
.join-style ul li:hover .text:after{background-position: -370px -420px;}
.join-style ul li img{float: left;width: 488px;height: 191px;}

.join-style .popup .box{position: absolute;top: 50%;left: 50%;width: 820px;height: 620px;margin: -310px 0 0 -410px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.join-style .popup .box .close{position: absolute;top: 0;right: -107px;width: 57px;height: 57px;background-position: -322px -221px;cursor: pointer;}
.join-style .popup .box .close:hover{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
.join-style .popup .item{display: none;}
.join-style .popup .item .picture img{display: block;width: 100%;}
.join-style .popup .item .btn-pagination{position: absolute;right: 12px;bottom: 20px;}
.join-style .popup .item .btn-pagination span{float: left;width: 10px;height: 10px;margin: 0 5px;margin: 0 5px;background-position: -170px -20px;border-radius: 0;}
.join-style .popup .item .btn-pagination span[class*="active"]{width: 25px;background-position: -312px -20px;}
.join-style .popup .item .content{height: 600px;padding: 10px;overflow: hidden;}
.join-style .popup .item .content h3{padding: 10px 0;font-size: 16px;color: #333;text-align: center;}
.join-style .popup .item .content img{display: inline-block;height: auto;max-width: 100%;margin-top: 10px;}

.join-recruiment .wrapper{width: 1100px;margin: 0 auto;}
.join-recruiment h2{font-size: 16px;color: #333;}
.join-recruiment h2:before{content: "";display: block;width: 48px;margin-bottom: 8px;border-bottom: 2px solid #333;}
.join-recruiment p{line-height: 30px;margin-top: 15px;font-size: 14px;color: #999;}
.join-recruiment .channel{padding: 60px 0 50px;background: #f5f5f5;}
.join-recruiment .channel .channel-list{margin-top: 40px;}
.join-recruiment .channel .channel-list a{position: relative;display: table;float: left;width: 260px;height: 126px;margin: 0 20px 20px 0;background: #fff;border-radius: 10px;box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .1);}
.join-recruiment .channel .channel-list a:hover{box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .3);}
.join-recruiment .channel .channel-list a:nth-child(4n){margin-right: 0;}
.join-recruiment .channel .channel-list a .box{display: table-cell;height: 96px;vertical-align: middle;text-align: center;}
.join-recruiment .channel .channel-list a .box img{display: inline-block;margin-top: -16px;}
.join-recruiment .channel .channel-list a span{position: absolute;bottom: 10px;left: 55px;width: 150px;line-height: 20px;background: #f5f5f5;font-family: "SimSun";text-align: center;}
.join-recruiment .contact{height: 360px;overflow: hidden;background: url(../img/bg-join-recruiment-contact.jpg) no-repeat center top;}
.join-recruiment .contact .box{width: 160px;margin-left: 516px;padding-top: 82px;text-align: center;}
.join-recruiment .contact .box h2:before{margin: 0 auto 8px;}
.join-recruiment .contact .box p{padding-top: 10px;}
.join-recruiment .contact .box p em{color: #d6000f;}
.join-recruiment .salary{position: relative;margin-top: 100px;}
.join-recruiment .salary h3{margin-top: 24px;font-size: 14px;color: #333;}
.join-recruiment .salary h3:before{content: "";display: inline-block;width: 4px;height: 4px;margin-right: 3px;vertical-align: 2px;background-position: -423px -423px;}
.join-recruiment .salary h2 + p{width: 400px;}
.join-recruiment .salary ul{position: absolute;top: 50px;right: 0;width: 540px;}
.join-recruiment .salary ul:before,
.join-recruiment .salary ul:after{position: absolute;top: 59px;content: "";width: 7px;height: 7px;background-position: -22px -21px;}
.join-recruiment .salary ul:before{left: 163px;}
.join-recruiment .salary ul:after{right: 163px;}
.join-recruiment .salary ul li{position: absolute;top: 0;width: 125px;height: 125px;line-height: 24px;padding-top: 14px;box-sizing: border-box;color: #fff;text-align: center;}
.join-recruiment .salary ul li.item-1{left: 0;background-image: url(../img/join-recruiment-salary-1.png);}
.join-recruiment .salary ul li.item-2{left: 50%;margin-left: -62px;background-image: url(../img/join-recruiment-salary-2.png);}
.join-recruiment .salary ul li.item-3{right: 0;background-image: url(../img/join-recruiment-salary-3.png);}
.join-recruiment .flow{margin-top: 24px;}
.join-recruiment .flow .flowchart{margin-top: 25px;padding-top: 50px;border-top: 1px solid #f2f2f2;text-align: center;}


/****************************** CSS3 Animation ******************************/
@-webkit-keyframes fadeInDown100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}

@keyframes fadeInDown100 {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


@-webkit-keyframes fadeInUp100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}

@keyframes fadeInUp100 {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


@-webkit-keyframes fadeInLeft100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}

@keyframes fadeInLeft100 {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


@-webkit-keyframes fadeInRight100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}

@keyframes fadeInRight100 {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}