.fn-ta-ct{ text-align:center; } .fn-left{ float: left; } .fn-right{ float: right; } .fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .fn-clear { zoom:1; /* for IE6 IE7 */ } body .fn-hide{ display: none; } .dm-body{ height:auto; } .dm-imghead{ padding-top:1px; background-position: center; background-repeat: no-repeat; height:615px; } .dm-content-wrap{ width: 1200px; margin: auto; clear:both; } .dm-content-wrap-x{ width: 879px; } .dm-imghead-title{ font-size: 60px; margin-top:182px; line-height: normal; margin-bottom: 0; } .dm-imghead-desc{ font-size: 30px; text-indent: 0; margin-top:28px; width:648px; line-height: 39px; } .dm-imghead-desc-center{ margin:auto; margin-top: 28px; } .dm-title{ padding-top:50px; padding-bottom: 20px; } .dm-title-wrap{ margin:auto; } .dm-title-text{ font-size: 35px; margin:0; line-height: 75px; color:#333333; display: inline-block; min-width: 310px; } .dm-text{ padding-bottom: 40px; padding-top: 20px; } .dm-text-wrap{ margin:auto; } .dm-text-content{ text-indent: 0; color:#333333; line-height: 30px; } .dm-onlyimg{ padding-top:1px; background-position: center; background-repeat: no-repeat; } .dm-imgtextlist{ min-height: 325px; height:auto!important; height: 325px; padding-top:10px; } .dm-imgtextlist-img{ float: left; width: 450px; line-height: 0; } .dm-imgtextlist-img img{ width: 100%; height:auto; min-height: inherit; } .dm-imgtextlist-list{ float: right; width:750px; box-sizing: border-box; padding-left:30px; padding-top:20px; } .dm-imgtextlist-title{ color:#333333; font-size: 35px; padding-left:55px; line-height: normal; margin-bottom: 40px; } .dm-imgtextlist-text{ padding: 0; margin:0; } .dm-imgtextlist-text li{ list-style: none; border-bottom: 1px solid #EEEEEE; padding:15px 0; } .dm-imgtextlist-text img{ float: left; width:24px; height:24px; } .dm-imgtextlist-item-text{ width:675px; float: left; padding-left:15px; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; cursor: pointer; opacity: .9; } .dm-imgtextlist-item-text:hover{ -webkit-transform: translate(-5px,0px); -moz-transform: translate(-5px,0px); -ms-transform: translate(-5px,0px); -o-transform: translate(-5px,0px); transform: translate(-5px,0px); /*box-shadow: 0 2px 10px rgba(98,98,98,.5);*/ opacity: 1; } .dm-imgtextlist-item-desc{ text-indent: 0; line-height: 30px; color:#666666; font-size: 14px; } .dm-imgtextlist-item-title{ margin-bottom: 5px; color:#333333; font-size: 18px; line-height: 30px; } .dm-blocklist{ padding-top:20px; background-position: center; /*background-repeat: no-repeat;*/ min-height: 500px; height: auto!important; height:500px; padding-bottom: 40px; box-sizing: border-box; } .dm-blocklist-list{ margin:auto; width:1175px; text-align: center; } .dm-blocklist-list-2b{ width:900px; text-align: center; } .dm-blocklist-item{ float:left; width:365px; height: 445px; background-color:#F9F9F9; margin:0 10px 20px 10px; display: inline-block; vertical-align: middle; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .dm-blocklist-item:hover{ -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 2px 10px rgba(98,98,98,.5); } .dm-blocklist-list-2b .dm-blocklist-item{ margin:0 40px 40px 40px; } .dm-blocklist-desc{ text-align: center; color:#333; font-size: 18px; width:1200px; margin:auto; margin-bottom:40px; } .dm-blocklist-img{ line-height: 0; } .dm-blocklist-img img{ width: 100%; height:225px; } .dm-blocklist-textbox{ padding:28px; background-color: #f9f9f9; } .dm-blocklist-textbox h5{ color:#333333; font-size: 18px; margin-bottom:30px; } .dm-blocklist-textbox p{ text-indent: 0; font-size: 14px; line-height: 28px; color: #666666; text-align: left; } .dm-blocklist-title{ text-align: center; margin-top:40px; margin-bottom:40px; font-size: 40px; line-height: 75px; } /*//590 x 470*/ .dm-cashdm{ min-height: 270px; height:auto!important; height:270px; background-position: center; padding:20px 0; } .dm-cashdm-img{ width:510px; line-height: 0; text-align: center; } .dm-cashdm-img img{ /*width: 100%;*/ max-width: 100%; } .dm-cashdm-textbox{ width:650px; box-sizing: border-box; } .dm-cashdm-textbox-right{ padding-left:20px; float: right; } .dm-cashdm-title{ font-size: 25px; margin-top:20px; /*border-bottom:2px solid #CC3333;*/ display: inline-block; line-height: 30px; } .dm-underline{ display: inline-block; padding-top: 3px; background-color:#CC3333; width: 35%; line-height: 0px; font-size: 0; } .dm-cashdm-desc{ text-indent: 0; line-height: 32px; color:#666666; } .dm-cashdm-textbox-left{ padding-right:20px; float: left; } .dm-btn{ display: inline-block; padding:0px 6px; height:30px; line-height: 30px; border-size:1px solid transparent; } .dm-btn-red{ border-color:#F7BEC4; background-color: #E50112; color:#FFF; font-size: 16px; } .dm-titleandtext{ padding-top:50px; padding-bottom:20px; background-position: center; box-sizing: border-box; } .dm-titleandtext-center{ text-align: center; } .dm-titleandtext h4{ padding-bottom: 30px; font-size: 35px; color:#333333; line-height: 20px; margin:0; display: inline-block; } .dm-titleandtext p{ text-indent: 0; padding-top:20px; padding-bottom:20px; font-size: 16px; color:#333333; line-height: 30px; text-align: left; } .dm-titleandtext-center p{ display: inline-block; font-size:16px; line-height: 30px; width:100%; } .dm-textlist{ padding:10px 0 20px 0; } .dm-textlist p{ text-indent: 0; font-size: 16px; line-height: 28px; color:#333333; padding-bottom: 10px; } .dm-textlist-title{ font-weight: 700; } .dm-textlist-wrap{ margin:auto; } .dm-thrcol{ padding-top: 1px; min-height: 550px; height: auto!important; height: 550px; /*padding-bottom: 40px;*/ box-sizing: border-box; padding-top: 20px; } .dm-thrcol-title { text-align: center; margin-top: 30px; margin-bottom: 40px; font-size: 40px; line-height: normal; } .dm-thrcol-desc { text-align: center; color: #333; font-size: 18px; width: 1200px; margin: auto; margin-bottom: 40px; } .dm-thrcol-list{ width:1200px; margin: auto; } .dm-thrcol-module{ width: 385px; float: left; margin-right: 20px; } .dm-thrcol-module-last{ margin-right:0; } .dm-thrcol-one{ border:1px solid #ECECEC; background-color: #FFF; min-height: 550px; height: auto!important; height: 550px; } .dm-thrcol-one-img{ line-height: 0; margin-bottom:30px; } .dm-thrcol-one-img img{ width: 100%; } .dm-thrcol-one-title{ font-size: 18px; text-align: left; padding:0 10px; margin-bottom: 10px; } .dm-thrcol-one-desc{ padding:10px; font-size: 14px; text-align: left; text-indent: 0; color:#333; } .dm-thrcol-item{ height: 170px; border:1px solid #ECECEC; margin-bottom: 20px; background-color: #FFF; } .dm-thrcol-item-img{ width: 90px; float: left; height:100%; } .dm-thrcol-item-content{ width:270px; padding:10px; float: left; } .dm-thrcol-item-title{ font-size: 18px; margin-bottom: 10px; } .dm-thrcol-item-desc{ font-size: 14px; text-indent: 0; color:#333; } .dm-iconlist{ padding-top:1px; } .dm-iconlist-list{ padding: 0; margin:0; width: 100%; } .dm-iconlist-item{ width: 185px; float: left; margin-bottom: 15px; /*cursor: pointer;*/ -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .dm-iconlist-item:hover{ -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 2px 10px rgba(98,98,98,.5); } .dm-iconlist-item-head{ text-align: center; background-repeat: no-repeat; background-position: center; } .dm-iconlist-desc{ padding:10px 10px; color:#666; font-size: 14px; background-color:#F9F9F9; } .dm-iconlist-item-title{ font-size: 16px; color:#333333; text-align: center; margin-bottom: 10px; } .nav-item-ptitle{ /*width:45%;*/ width: 30%; float: left; } .nav-item-title{ margin-top: 30px; font-size: 30px; line-height: 65px; margin-bottom:10px; color:#211715; background:url(../images/title-underline.jpg) no-repeat left bottom; } .nav-item-desc{ color:#211715; font-size: 20px; text-indent:0; line-height: 35px; } .nav-item-btn{ margin-top:15px; } .nav-item-links{ width:68%; float:right; margin-top:35px; } .nav-item-tips-title{ font-size: 18px; margin-bottom: 5px; color:#221914; } .nav-item-tips-title a{ } .nav-item-tips-title a:hover{ color:#221914; text-decoration: underline; } .nav-item-tips-desc{ margin-bottom:15px; line-height: 20px; color:#979797; } .nav-item-tips{ width: 30%; float: left; } .nav-item-img{ width:30%; float: right; text-align: right; } .nav-item-img img{ width:300px; height:150px; margin-top:10px; } .nav-item-img-title{ width:300px; text-align: left; font-size: 18px; margin-bottom: 0px; display: inline-block; } .nav-item-img-title a:hover{ color:#221914; text-decoration: underline; } .phone-imghead{ padding-top:1px; /*background-position: center;*/ background-size:100% auto; line-height: 0; } .phone-imghead img{ width: 100%; } .phone-imghead h3{ font-size: 26px; width:80%; margin:auto; margin-top:100px; text-align: center; line-height: normal; } .phone-imghead-desc{ text-indent: 0; font-size: 20px; width:80%; margin:auto; margin-top: 50px; } .phone-title{ width: 100%; text-align: center; padding-top:40px; padding-bottom:15px; font-size: 26px; color:#333; } .phone-title-wrap{ width:90%; margin:auto; line-height: normal; } .phone-text{ padding-top:15px; padding-bottom:20px; font-size: 16px; color:#333; } .phone-text-wrap{ width:90%; margin:auto; line-height: 30px; } .phone-onlyimg{ line-height: 0; } .phone-onlyimg img{ width:100%; line-height: 0; } .phone-imgtextlist{ padding-top:20px; padding-bottom:20px; color:#333; position: relative; } .phone-imgtextlist-bg{ position: absolute; top:0; left:0; opacity: .1; background-position: center; background-repeat: no-repeat; width:100%; height:100%; z-index: 0; } .phone-imgtextlist-content{ position: relative; z-index: 1; } .phone-imgtextlist-content a:active, .phone-imgtextlist-content a:hover{ color:inherit; } .phone-imgtextlist h3{ width:80%; text-align: center; font-size: 26px; margin:auto; padding-bottom: 30px; } .phone-imgtextlist h4{ width:90%; font-size: 20px; margin:auto; padding-bottom: 10px; line-height: normal; } .phone-imgtextlist h4 img{ height: 30px; vertical-align: middle; } .phone-imgtextlist p{ width:90%; margin:auto; padding-bottom: 30px; line-height: 28px; text-indent: 0; font-size: 16px; } .phone-blocklist{ padding-top:20px; padding-bottom:20px; color:#333; background-position: center; } .phone-blocklist h3{ width:100%; text-align: center; font-size: 23px; margin:auto; padding-bottom: 15px; margin-bottom: 15px; color:#333; } .phone-blocklist-desc{ width:90%; margin:auto; padding-bottom: 30px; line-height: 28px; text-indent: 0; font-size: 16px; text-align: center; color:#333; } .phone-blocklist-item{ width:90%; margin:auto; margin-bottom: 30px; background-color: #FFF; } .phone-blocklist-img{ font-size: 0; line-height: 0; } .phone-blocklist-img img{ width:100%; } .phone-blocklist-textbox{ padding:20px 15px; color:#F9F9F9; } .phone-blocklist-textbox a{ color:#333; } .phone-blocklist-textbox a:hover,.phone-blocklist-textbox a:link{ color:#333; } .phone-blocklist-textbox h5{ font-size:20px; line-height: 30px; color:#333; text-align: center; } .phone-blocklist-textbox p{ font-size: 16px; text-align: left; text-indent: 0; color:#333; } .phone-cashdm{ padding:20px 0; background-size: contain; } .phone-cashdm-block{ width:90%; margin:auto; background:rgba(255,255,255,.9); } .phone-cashdm-img{ width:100%; line-height: 0; } .phone-cashdm-img img{ width: 100%; } .phone-cashdm-textbox{ background-color: #F9F9F9; padding:20px 15px; } .phone-cashdm-textbox h5{ font-size:20px; line-height: normal; } .phone-cashdm-textbox p{ font-size: 16px; text-align: left; text-indent: 0; } .phone-titleandtext{ padding-top:40px; padding-bottom:20px; color:#333; background-position: center; } .phone-titleandtext h3{ width:80%; text-align: center; font-size: 26px; margin:auto; padding-bottom: 20px; margin-bottom: 15px; } .phone-titleandtext-desc{ width:90%; margin:auto; padding-bottom: 30px; line-height: 28px; text-indent: 0; font-size: 16px; } .phone-textlist{ padding-top:10px; padding-bottom:20px; color:#333; } .phone-textlist h4{ width:90%; font-size: 20px; margin:auto; padding-bottom: 10px; line-height: 30px; } .phone-textlist p{ width:90%; margin:auto; padding-bottom: 10px; line-height: 28px; text-indent: 0; font-size: 16px; } .phone-thrcol{ padding-top:40px; padding-bottom:20px; color:#333; background-position: center; } .phone-thrcol h3{ width:80%; text-align: center; font-size: 26px; margin:auto; padding-bottom: 30px; color:#333; } .phone-thrcol-desc{ width:90%; margin:auto; padding-bottom: 30px; line-height: 28px; text-indent: 0; font-size: 16px; text-align: center; color:#333; } .phone-thrcol-item{ width:90%; margin:auto; background-color: #fff; margin-bottom: 30px; } .phone-thrcol-item-img{ width:20%; float: left; height: 100%; } .phone-thrcol-item-content{ width:80%; padding:10px; box-sizing: border-box; float: left; } .phone-thrcol-item-title{ font-size: 20px; margin-bottom: 10px; color:#333; } .phone-thrcol-item-desc{ text-indent: 0; font-size: 16px; color:#333; } .phone-iconlist{ padding: 0 5%; padding-top:1px; width: 100%; } .phone-iconlist-list{ padding: 0; margin: 0; } .phone-iconlist-list li{ width: 48%; float: left; margin-bottom: 10px; } .phone-iconlist-list li:nth-child(2n){ float: right; } .phone-iconlist-item-head{ text-align: center; background-repeat: no-repeat; background-position: center; } .title-common-drakgray{ background-image: url(../images/title-underline.jpg); background-repeat: no-repeat; background-position: center bottom; } .cpt-wrap{ background-color: #F4F4F4; } .cpt-content{ padding-top:35px; width: 1200px; margin:auto; } .cpt-year-block{ margin-left: 99px; position: relative; border-left: 1px solid #EB1C24; padding-top: 25px; padding-left:20px; padding-bottom: 50px; } .cpt-year-label{ position: absolute; width: 105px; color:#ED1B24; font-weight: bold; font-size: 32px; line-height: normal; background-image:url(../images/cp-point.png); background-repeat: no-repeat; background-position: right 16px; top:-20px; left:-100px; } .cpt-list{ display: block; padding:10px; padding-left: 20px; padding-bottom: 0; background-color: #FFF; margin:0; } .cpt-item{ width: 340px; float: left; margin:10px; margin-left:0; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .cpt-item:hover{ -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 2px 10px rgba(98,98,98,.5); } .cpt-item-img{ /*height: 200px; width: 340px; background-position: center; background-repeat: no-repeat;*/ line-height: 0; } .cpt-item-img img{ width: 340px; height: 227px; } .cpt-item-img-big img{ width: 387px; height: 258px; } .cpt-item-name{ color:#323232; text-align: center; padding:20px 10px; font-size: 18px; height: 90px; } .cpt-list-en .ins-item-text h5{ line-height: 28px; font-size: 18px; } .cpt-more{ font-size: 18px; text-align: right; color:#D8000F; padding:20px 0; } .phone-cpt-wrap{ background-color: #F4F4F4; padding:10px 0; } .phone-cpt-yearblock{ width: 90%; margin:auto; } .phone-cpt-year{ text-align: center; font-size: 24px; color:#D7000F; font-weight: bold; background:url(../images/point-line.png) no-repeat; background-position: center 50%; background-size: 100%; padding:15px 0; margin-bottom: 0; } .phone-cpt-item{ display: block; margin-bottom: 20px; } .phone-cpt-img{ line-height: 0; } .phone-cpt-img img{ width: 100%; } .phone-cpt-title{ font-size: 18px; color:#333; padding:20px 10px; text-align: center; background-color: #FFF; } .phone-cpt-more{ font-size: 16px; text-align: right; color:#D8000F; padding:10px 0; vertical-align: middle; } .phone-cpt-more span{ vertical-align: middle; } .phone-cpt-more img{ height: 20px; vertical-align: middle; } .phone-cpt-more-close img{ transform-origin: 50% 50%; transform: rotate(180deg); } .ins-wrap{ background-color: #F9F9F9; padding-bottom: 40px; } .ins-content { padding-top: 35px; width: 1200px; margin: auto; } .ins-list { display: block; padding-bottom: 0; margin: 0; } .ins-item { width: 387px; float: left; margin: 10px; margin-right: 18px; margin-left: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .ins-item:hover{ -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 2px 10px rgba(98,98,98,.5); } .ins-item-text{ padding: 20px 20px 10px 20px; text-align: left; background-color: #FFF; } .ins-item-text h5{ font-size: 20px; margin-bottom: 15px; height: 30px; line-height: 25px; } .ins-item-text p{ color:#666666; text-indent: 0; font-size: 14px; min-height: 85px; } .ins-list-en p{ height: 150px; } .ins-item-a{ font-size: 14px; text-align: left; color:#4CA0DC; display: inline-block; height: 25px; padding-right: 10px; float: left; } .ins-item-a:hover{ color:#4CA0DC; } .phone-ins-wrap{ background-color: #F4F4F4; padding-top:20px; padding-bottom: 20px; } .phone-ins-yearblock{ width: 90%; margin:auto; } .phone-ins-text{ padding:20px 10px; background-color: #FFF; } .phone-ins-text h5{ margin-bottom:10px; } .phone-ins-text p{ font-size: 14px; color:#666; text-indent: 0; } .lang-en-us{ } .pro-title{ margin:45px 0 0 0px; font-size: 36px; color:#333; line-height: initial; } .pro-wrap{ width:1200px; margin:auto; margin-top:20px; } .pro-nav{ width:240px; float:left; } .pro-nav-item{ width:100%; } .pro-nav-title{ height:40px; line-height: 40px; color:#999; margin:0; padding:0 15px 0 40px; font-size: 15px; background:url(../images/2018/proIcon.png) no-repeat 15px 11px; background-color: #F7F7F6; } .pro-nav-title a{ color:#999999; text-decoration:none; } .pro-nav-title a{ color:#999999; text-decoration:none; } .pro-nav-title-1{ background-image:url(../images/2018/prrfIcon.png); } .pro-nav-title-2{ background-image:url(../images/2018/serIcon.png); } .pro-nav-title-3{ background-image:url(../images/2018/mnIcon.png); } .pro-content{ width:879px; border-left:1px solid #F4F4F4; padding-left:50px; float: right; box-sizing: content-box; padding-bottom:70px; } .pro-nav-img{ float:right; width:30px; height:100%; background:url(/images/2018/minus.png) no-repeat right center; } .pro-nav-img-plus{ float:right; width:30px; height:100%; background:url(/images/2018/menu-plus.png) no-repeat right center; } .pro-nav-imgsec{ float: right; width:30px; height:100%; background:url(/images/2018/minus.png) no-repeat right center; } .pro-nav-imgthr{ float: right; width:30px; height:100%; background:url(/images/2018/arrow.png) no-repeat right center; } .pro-nav-sec{ height:40px; line-height: 40px; padding-left:40px; padding-right:15px; color:#666; font-size:14px; font-weight:bold; background:#F7F7F6; /* background:url(../images/2018/arrow.png) no-repeat 15px 15px; */ } .pro-nav-sec a{ color:#3c3c3c; text-decoration:none; } .pro-nav-sec a:hover{ color:#3c3c3c; text-decoration:none; } .pro-nav-thr{ height:40px; line-height: 40px; padding-left:60px; padding-right:15px; color:#666; font-size:14px; /* background:url(../images/2018/arrow.png) no-repeat 15px 15px; */ } .pro-nav-sec:hover, .pro-nav-sec.cur{ color:#FF0000; } .pro-subtitle{ height: 20px; line-height: 20px; font-size: 20px; border-left:3px solid #ff0000; position: relative; margin:70px 0 30px 0; } .pro-subtitle-l2{ border-left-color: #FFF; font-size: 18px; } .pro-subtitle-text{ padding-left:10px; padding-right:25px; display: inline-block; background: #FFF; position: relative; z-index: 10; } .pro-subtitle-line{ position: absolute; top:10px; left:0px; width:100%; padding:1px 0 0 0; background:#e7e7e7; z-index: 8; } .pro-cashdm{ min-height: auto; padding:0; margin-bottom: 24px; } .pro-cashdm .dm-cashdm-img{ width:360px; margin-left:13px; } .pro-cashdm .dm-content-wrap{ width:auto; } .pro-cashdm .dm-cashdm-textbox{ width:495px; } .pro-cashdm .dm-cashdm-desc{ font-size: 14px; line-height: 28px; } .pro-blocklist{ padding:0; } .pro-blocklist .dm-blocklist-list{ width:866px; padding-left:13px; text-align: left; box-sizing: content-box; } .pro-blocklist .dm-blocklist-item{ width:276px; margin: 0 18px 18px 0 ; float: left; } .pro-blocklist .dm-blocklist-img img{ height:180px; } .pro-blocklist .dm-blocklist-textbox{ padding:25px; } .pro-blocklist .dm-blocklist-textbox h5{ margin-top:3px; margin-bottom:20px; text-align: center; } .pro-blocklist .dm-blocklist-desc{ width:auto; font-size: 14px; text-align: left; padding-left:13px; margin-bottom: 30px; color:#666; } .pro-blocklist .dm-blocklist-textbox p{ line-height: 27px; color:#333; } .pro-iconlist{ } .pro-iconlist .dm-content-wrap{ width:879px; } .pro-iconlist .dm-iconlist-desc{ padding:20px 20px 20px 20px; } .pro-iconlist .dm-iconlist-item-title{ margin-bottom: 15px; } .pro-phone-iconlist .dm-iconlist-item-title{ font-size: 18px; margin-top: 10px; } .pro-imgtextlist .dm-content-wrap{ width:auto; } .pro-imgtextlist .dm-imgtextlist-img{ width:360px; } .pro-imgtextlist .dm-imgtextlist-list{ width:445px; padding-left:0; padding-top:0; } .pro-imgtextlist .dm-imgtextlist-item-text{ width:405px; } .pro-text{ padding:0; margin-bottom: 30px; } .pro-text .dm-content-wrap{ width:auto; padding:0; padding-left:13px; } .dm-crumbs{ } .dm-crumbs-item{ float:left; font-size: 14px; color:#666666; margin-right:7px; display: inline-block; vertical-align: middle; } .dm-crumbs-item a{ color:#666666; } .pro-title-ph{ font-size: 36px; color:#333; line-height: initial; width:90%; margin:auto; margin-top:45px; margin-bottom:20px; } .pro-subtitle-ph{ height: 23px; line-height: 23px; font-size: 23px; border-left: 3px solid #ff0000; position: relative; margin: 40px auto 20px auto; width: 90%; } .pro-phone-cashdm{ padding:0; } .pro-phone-blocklist{ padding-top:0; } .pro-phone-blocklist .phone-blocklist-desc{ text-align: left; } .pro-phone-blocklist .pro-subtitle-ph{ font-size: 25px; margin: 40px auto 20px auto; width: 90%; text-align: left; } .dm-body-pro{ padding-bottom:20px; } .new-crumbs{ margin-top:15px; margin-bottom: 8px; } .new-nav-wrap{ width:100%; margin:auto; position: relative; } .new-nav{ border-bottom:1px solid #CCC; margin-bottom: 0; } .new-nav li{ height:50px; line-height:45px; text-align: center; width:80px; font-size: 16px; color:#333; display: block; margin-right:25px; cursor: pointer; float: left; } .new-nav .new-nav-cur, .new-nav li:hover{ color:#d7000f; } .new-nav-highline{ position: absolute; width:80px; left:0; bottom:0; transition: all .6s; } .new-list-block{ width:835px; float: left; } .new-ins{ margin-top:10px; } .new-ins .ins-item{ width:266px; } .new-ins .cpt-item-img-big img{ width:266px; height:177px; } .new-sec-nav{ margin:0; margin-top:15px; } .new-sec-nav-search{ width:70%; float: left; } .new-sec-nav li{ font-size: 14px; color:#333; display: inline-block; margin-right:20px; cursor: pointer; } .new-sec-nav .cur, .new-sec-nav li:hover{ color:#d7000f; } .new-new-list{ margin:0; margin-top:5px; } .new-new-list li{ border-bottom: #DFE3E6 1px solid ; padding:15px 0; } .new-new-img{ width: 163px; float: left; } .new-new-info{ float: left; width:630px; margin-left:15px; } .new-notice-info{ margin-left:0; width:830px; } .new-new-title{ margin-bottom: 0px; } .new-new-time{ font-size:12px; color:#A5A5A5; } .new-new-desc{ margin-top:15px; line-height:20px; } .new-new-title a:hover{ color:#333; text-decoration: underline; } .dm-pagination{ float:right; margin:10px 0; } .new-video-ins .ins-item-text{ } .new-video-ins .ins-item-text h5{ text-align: center; margin-bottom:5px; font-size: 18px; } .new-view{ position: relative; } .dm-blocklist-item-fixedheight{ height:505px; } .newphone-head{ width: 100%; margin-bottom: 0; display: block; } .newphone-nav li{ margin-right:0; height: 45px; } .newphone-list-wrap{ width:90%; margin:auto; } .newphone-new-list{ margin-top:0; } .newphone-new-list .new-new-img{ width:35%; } .newphone-new-list .new-new-info{ width:62%; margin-left:3%; } .newphone-new-list .new-new-title{ font-size: 16px; } .newphone-new-list .new-notice-info{ width:90%; margin-left:auto; margin-right:auto; float: none; } .new-focus-block{ width:320px; float: right; } .new-focus-title{ height:50px; border-bottom:1px solid #CCCCCC; } .new-focus-title p{ height:25px; font-size: 16px; line-height: 25px; border-left: 4px solid #D70010; text-indent:0; padding-left:10px; position: relative; top:10px; } .new-focus-list{ margin:0; padding:0; width:100%; margin-bottom: 15px; } .new-focus-list li{ font-size: 14px; } .new-focus-list a{ color:#272727; } .new-focus-list a:hover{ color:#d7000f; } .new-focus-list i{ display: inline-block; width:25px; text-align:right; font-style: normal; margin-right:5px; margin-bottom:5px; } .new-sec-search-wrap{ float: right; margin-top:10px; } .new-sec-search-wrap input{ height:30px; line-height: 30px; outline: none; padding:0 10px; border-radius: 4px; border:1px solid #CCCCCC; font-size: 14px; } .speech-list-wrap{ width: 1120px; margin:auto; margin-top:25px; } .speech-list{ margin:0; width:100%; } .speech-list-item{ width: 410px; float: left; margin-right:20px; margin-bottom:40px; cursor:pointer; } .speech-list-img{ height:220px; position: relative; } .speech-list-img img{ width:100%; height: 100%; } .speech-list-subttile{ position: absolute; left:0; bottom:0; height:36px; line-height: 36px; width:100%; background-color: rgba(0,0,0,.5); font-size: 14px; color:#FFF; padding-left:20px; } .speech-list-panel{ padding:30px; background-color: #FFF; } .speech-list-title{ font-size: 18px; color:#333333; height:45px; line-height: 25px; font-weight: normal; margin:0; } .speech-list-author{ height: 40px; font-size: 14px; color:#666666; margin-top:11px; } .speech-list-desc{ font-size: 14px; color:#999; margin-top:17px; line-height: 30px; height: 120px; } /* index start */ .index-banner-list{ height: 609px; overflow: hidden; position: relative; } .index-banner{ background-position: center; background-repeat: no-repeat; height:100%; } .index-banner-content{ width:1200px; height:609px; margin:auto; position: relative; } .index-banner img{ position: absolute; } .index-banner-ani{ transition: all .4s ease-out; } .index-banner-init{ transform: translate(0,60px); opacity: 0; } .index-banner-1{ background-image: url(../images/610-03.jpg); } .index-banner-1-text-pc-1{ left:467px; top:165px; } .index-banner-1-text-pc-2{ left:467px; top:400px; width:250px; cursor: pointer; } .index-banner-3-text-pc{ top:120px; left:100px; } .index-banner-4-text-pc{ top:160px; left:680px; width:500px; } .index-banner-5-text-pc{ top:56%; left:67%; } .index-banner-2-bigtext{ position: absolute; width:100%; top: 210px; line-height: normal; text-align: center; color: #333; font-size: 60px; font-weight: normal; } .index-banner-2-bigtext strong{ font-weight: normal; color:#fc4242; } .index-banner-2-mintext{ position: absolute; width:100%; top: 316px; line-height: normal; text-align: center; color: #666666; font-size: 30px; } .slidesjs-navigation{ position: absolute; top: 118px; z-index: 1000; text-indent: -9999px; width: 39px; height: 46px; display: none; } .slidesjs-navigation:hover { background-position: 0 -46px; } .index-banner-list .slidesjs-navigation{ top:270px; } .slidesjs-navigation { position: absolute; top: 118px; z-index: 1000; text-indent: -9999px; width: 39px; height: 46px; display: none; } .slidesjs-navigation:hover { background-position: 0 -46px; } .slidesjs-previous { left: 0px; background: url(../images/large_left.png) no-Repeat 0 0; } .slidesjs-next { right: 0px; background-position: 0 -46px; background: url(../images/large_right.png) no-Repeat 0 0; } .slidesjs-pagination { height: 8px; text-align: center; margin-top: 20px; } .slidesjs-pagination-item { margin-left: 5px; /*text-indent: -9999px;*/ display: inline-block; vertical-align: bottom; } .slidesjs-pagination-item a { background: #D7D7D7; height: 10px; width: 10px; border-radius: 5px; text-indent: -9999px; display: inline-block; vertical-align: bottom; } .slidesjs-pagination-item .active { background: #FF3737; } .index-news{ width:1170px; margin:auto; margin-top:58px; } .index-title{ background:url(../images/2018/title.png) no-repeat left bottom ; padding-bottom: 15px; position: relative; } .index-title-sub{ font-weight: bold; color:#dedede; font-size: 28px; margin-bottom:5px; } .index-title-main{ font-weight: normal; color:#333; font-size: 28px; } .index-title-center{ text-align: center; background-image: url(../images/2018/title-center.png); background-position: center bottom; } .index-new-tab{ position: absolute; width: 420px; right:0; top:36px; } .index-new-tab li{ padding:0 25px; height:30px; line-height: 30px; border:1px solid #DDDDDD; float: right; font-size: 14px; color:#333333; box-sizing: content-box; margin-left:20px; cursor: pointer; transition: all .2s ease-in; } .index-new-tab li.cur, .index-new-tab li:hover{ color:#FFF; background-color: #CF0000; border-color:#CF0000; } .index-news-list-hide{ display: none; } .index-news-list{ overflow: hidden; width:100%; height: 410px; } .index-news-item{ position: relative; height: 327px; width:100%; } .index-news-img{ position: absolute; top:0; left:0; width: 485px; height:300px; overflow: hidden; text-align: center; } .index-news-img img{ width: 100%; } .index-news-panel{ width:575px; box-sizing: content-box; background-color:#F5F5F5; float: right; height: 287px; padding-left:90px; padding-right:60px; padding-top:40px; } .index-news-title{ font-size: 24px; color:#333333; line-height: 35px; margin-bottom: 15px; /* height: 75px; */ } .index-news-desc{ font-size: 14px; color:#666666; line-height: 26px; margin-bottom:20px; } .index-news-detail{ font-size: 12px; color:#999; height:25px; line-height: 25px; box-sizing: content-box; border: 1px solid #BFBFBF; padding: 0 15px; display: inline-block; } .index-news-detail:hover{ color:#FFF; background-color: #CF0000; border-color:#CF0000; } .index-products{ height: 520px; margin-top:80px; background:url(../images/2018/index-product.jpg) no-repeat center; } .index-content{ width:1170px; margin:auto; height:700px; overflow:hidden; } .index-products .index-title{ padding-top:50px; } .index-products .index-title-main{ color:#FFF; } .index-products-list{ width:1170px; } .index-products-item{ width: 277px; height:286px; float: left; position: relative; cursor: pointer; background-color: #000; margin-right: 20px; overflow: hidden; } .index-products-item:last-child{ margin-right: 0; } .index-products-border{ width:265px; height:274px; border:6px solid #CF0000; position: absolute; top:0; left:0; box-sizing: content-box; opacity: 0; transition: all .2s ease-out; } .index-products-title{ font-size: 18px; color:#d2d2d2; line-height: 8px; transition: all .2s ease-out; } .index-products-underline{ padding-top:5px; font-size: 0; height:0; width:27px; display: inline-block; background-color: #D2D2D2; transition: all .2s ease-out; } .index-products-title-block{ position: absolute; width:100%; text-align: center; bottom:14px; left:0; transition: all .3s ease-out; transition-delay: .15s; } .index-products-bg{ background-repeat: no-repeat; background-position: top; background-size: 100%; width: 100%; height:100%; opacity: .7; position: absolute; top:0; left:0; } .index-products-exp{ position: absolute; width: 90%; padding:0 5%; bottom: -40px; left:0px; opacity: 0; box-sizing: content-box; transition: all .3s ease-out; height: 80px; text-align: left; } .index-products-exp.en{ height:150px; } .index-products-exp li{ color:#d2d2d2; font-size: 12px; height: 25px; line-height: 25px; background-color: rgba(0, 0, 0, .5); padding:0 10px; margin-bottom: 5px; display: inline-block; } .index-products-exp.en li{ height: auto; line-height: 22px; } .index-products-exp li a{ color: #d2d2d2; } .index-products-item:hover .index-products-border{ opacity: 1; } .index-products-item:hover .index-products-title{ line-height: 25px; font-weight: bold; } .index-products-item:hover .index-products-underline{ background-color: #CF0000; width:32px; } .index-products-item:hover .index-products-bg{ /* opacity: 1; */ } .index-products-item:hover .index-products-title-block{ transform: translate(0,-70px); transition-delay: 0s; } .index-products-item:hover .index-products-title-block.en{ transform: translate(0,-160px); } .index-products-item:hover .index-products-exp{ opacity: 1; bottom: 16px; transition-delay: .15s; } .index-case{ margin-top:52px; padding-bottom:52px; } .index-case .index-content{ width:1272px; position: relative; left:51px; } .index-case-info{ width:630px; float: left; } .index-case-title{ font-size: 24px; margin-top: 40px; margin-bottom:22px; line-height: 27px; } .index-case-desc{ font-size: 14px; text-indent: 0; line-height: 26px; } .index-case-detail{ font-size: 12px; color:#999; height: 27px; line-height: 27px; padding:0 17px; border:1px solid #999; display: inline-block; margin-top:38px; } .index-case-detail:hover{ color:#FFF; background-color: #CF0000; border-color:#CF0000; } .index-case-img{ position: absolute; right: 0; top:0; } .index-case-list{ height:350px; width:100%; overflow-y: hidden; } .index-case-list.en{ height:450px; } .index-main-busi{ margin-top:60px; padding-bottom:90px; background:url(../images/2019/main-business-bg.png) no-repeat right top; overflow:hidden; } .index-main-busi .main-busi-list{ padding-top:20px; /*flex-wrap:none;*/ justify-content:space-around; } .index-main-busi .main-busi-item-content{ width: 230px; height: 270px; background-color: #ffffff; box-shadow: 6px 10px 9px 1px rgba(10, 28, 73, 0.5); margin-top:60px; box-sizing:border-box; position: relative; padding-top: 86px; } .index-main-busi .main-busi-item-header-tips{ font-family: MicrosoftYaHeiUILight; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 42px; letter-spacing: 4px; opacity: 0.4; position: absolute; right: 10px; top: 10px; } .index-main-busi .main-busi-item-header{ font-size:30px; text-align:center; /*line-height:120px;*/ font-family: MicrosoftYaHeiUI-Bold; margin-bottom: 40px; } .index-main-busi .main-busi-item-body{ padding:0px 25px; color:#131313; font-size:20px; } .index-main-busi .main-busi-item-footer{ padding:43px 15px 0px 180px; font-size:30px; color:#131313; } .index-main-busi .main-busi-content{ width:100%; height:506px; box-sizing:border-box; background:red; padding-top:20px; } #hlw{ background:url(../images/2021/busiLayout/xinxi2.jpg) no-repeat 307px 20px ; } #jrfw{ background:url(../images/2021/busiLayout/tongxin2.jpg) no-repeat 307px 20px ; } #fwmy{ background:url(../images/2021/busiLayout/jingrong2.jpg) no-repeat 307px 20px ; } .index-main-busi .main-busi-content-info{ width: 709px; height: 240px; background-color: #ffffff; box-shadow: 6px 10px 9px 1px rgba(10, 28, 73, 0.5); margin-top:110px; box-sizing:border-box; } .index-main-busi .main-busi-content-info{ display:flex; /*flex-wrap:none;*/ /*box-sizing:border;*/ } .index-main-busi .main-busi-content-info .info-left-content{ height:240px; padding:20px 0px 26px 0px; box-sizing:border-box; } .info-left-content .info-left-item{ height:100%; width:100%; box-sizing:border-box; border-right:2px #cccccc solid; padding:29px 0px 0px 49px; /*display:flex;*/ /*flex-wrap:wrap;*/ } .info-left-content .info-left-item a{ display:block; color:#131313; text-align:left; font-size:14px; } .info-left-content .info-left-item span{ display:block; color:#131313; text-align:left; font-size:14px; } .content-info-right{ text-align:right; box-sizing:border-box; padding-right:28px; } .content-info-right .info-right-header{ text-align:right; font-size:36px; font-family: MicrosoftYaHeiUI-Bold; line-height:116px; } .content-info-right .info-right-body{ font-family: MicrosoftYaHeiUILight; font-size: 24px; font-weight: normal; font-stretch: normal; text-align:right; } .content-info-right .info-right-footer{ margin-top:46px; } .content-info-right .info-right-footer a{ display:block; float:right; text-decoration:none; width:113px; height:34px; text-align:center; color:#fff; font-size:14px; line-height:34px; } .index-main-busi .main-busi-item-bg1{ background:url(../images/2021/busiLayout/jinrong.jpg) no-repeat right; } .index-main-busi .main-busi-item-bg2{ background:url(../images/2021/busiLayout/tongxin.jpg) no-repeat right; } .index-main-busi .main-busi-item-bg3{ background:url(../images/2021/busiLayout/xinxi.jpg) no-repeat right; } .index-main-busi .main-busi-item{ width:380px; height:400px; float:left; } .index-partners{ margin-top:60px; padding-bottom:90px; background:url(../images/2018/index-partners.jpg) no-repeat right top; } .index-partners-list{ width:32.3%; margin-right: 1%; float: left; margin-top:25px; min-height: 350px; } .index-partners-list li{ font-size: 14px; margin-bottom: 20px; padding-left: 20px; background: url(../images/hd.png) no-repeat 0px 8px; background-size: 4px; color:#333; height:48px; } .index-partners-more{ float: right; } .index-partners-more a{ color:#D7000F; font-size: 16px; margin-right: 30px; } /* index end */ /* mediaDetail start */ .media-title{ font-size: 22px; margin-top:10px; margin-bottom: 5px; } .media-title-time{ font-size: 12px; color:#A5A5A5; } .media-items{ /* margin-top:20px; */ } .media-items li{ font-size: 16px; padding:15px 0; border-bottom: 1px solid #DCDCDC; } .media-items li a{ color:#666; } .media-items li a:hover{ color:#666; } .media-items .source{ height: 25px; line-height: 25px; background: #d7000f; color:#FFF; display: inline-block; padding:0 5px; border-radius: 4px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .media-items .text{ vertical-align: middle; } /*涓昏惀涓氬姟鐗规畩澶勭悊*/ .subMenu{ border-bottom:#999999 1px solid; } .subMenu-item{ margin-bottom:0px; margin-left:0px; flex-wrap: nowrap; justify-content:space-between; height:100px; } .subMenu-item li{ height:100px; display:block; list-style:none; cursor:default; align-items:center; /*width:25%;*/ box-sizing:border-box; float:left; } .subMenu-item li .sub-menu-title{ padding-top:10px; font-size:19px; font-weight:bold; color:#000; line-height:60px; } .subMenu-item li .sub-menu-title:hover{ color:#d7000f; } .subMenu-item li .sub-menu-sub-title{ font-size:13px; color:#797979; } .subMenu-item li:hover{ color:#d7000f; } .subMenu-content-left{ float:left; width:100%; box-sizing:border-box; } .subMenu-content-right{ float:right; width:20%; } .content-right-header{ font-size:18px; font-weight:bold; color:#333333; padding:30px 0px 30px 60px; } .content-right-body{ font-size:16px; color:#333333; padding-left:60px; } .content-right-button{ padding-left:60px; } .content-right-button a{ margin-top:18px; height:35px; width:120px; text-decoration:none; text-align:center; line-height:35px; font-size:14px; display:block; cursor:pointer; background-color:#E50112; color:#ffffff; } .subMenu-content-right img{ margin-top:20px; width:220px; padding-left:60px; } .subMenu-bar-header{ font-size:14px; color:#666666; padding:14px 0px 14px 0px; } .subMenu-bar{ /*width:25%;*/ float:left; } .subMenu-bar-body li{ margin-bottom:16px; } .subMenu-bar-body a:hover{ color: #d7000f; } .subMenu-active .sub-menu-title{ color:#f8151a !important; } .subMenu-bar-body a{ color:#1b1b1b; font-size:16px !important; } .index-banner-2-bigtext images{ } /*鏂板涓や釜椤甸潰閰嶇疆缁勪欢*/ /*搴忓彿鏂囧瓧鍧楀眰*/ .dm-num-blocklist .dm-num-blocklist-item{ /*background-color: white;*/ box-shadow: 2px 2px 3px lightgrey; border: 1px solid #f5f5f5; } .dm-num-blocklist .dm-num-blocklist-item:hover{ -webkit-transform: translate(0px,-5px); -moz-transform: translate(0px,-5px); -ms-transform: translate(0px,-5px); -o-transform: translate(0px,-5px); transform: translate(0px,-5px); box-shadow: 0 2px 10px rgba(98,98,98,.5); } /*.dm-num-blocklist .dm-blocklist-textbox{*/ /*background-color: white;*/ /*}*/ .dm-num-blocklist .dm-num-blocklist-item-num{ text-align: center; color: #000; font-size: 20px; margin-top: 20px; } .dm-num-blocklist .dm-num-blocklist-item-title{ color: #000; font-size: 20px; line-height: 35px; } .dm-num-blocklist .dm-num-blocklist-item-line{ width: 40px; height: 5px; background-color: #d0cfcf; display: inline-block; } .m-dm-num-blocklist{ padding: 15px 10px 15px 30px; } .m-dm-num-blocklist .m-dm-num-blocklist-item{ list-style: disc; color: #cc0000; } .m-dm-num-blocklist .m-dm-num-blocklist-item-title{ font-size: 16px; font-weight: bold; color: #cc0000; margin: 20px 0 5px 0; } .m-dm-num-blocklist .m-dm-num-blocklist-item-desc{ color: #333333; } /*椤电鍥炬枃灞?/ .dm-tabModule-cont{ margin: 0 auto; padding: 20px; } .dm-tabModule-cont .dm-tabModule-tab-box{ height: 50px; background-color: white; border-bottom: 1px solid #cc0000; margin-bottom: 30px; width: 100%; overflow: auto; white-space: nowrap; } .dm-tabModule-cont .dm-tabModule-tab-item{ color: #000; line-height: 50px; text-align: center; font-size: 18px; display: inline-block; padding: 0 30px; margin-top: -5px; } .dm-tabModule-cont .dm-tabModule-tab-item:hover{ cursor: pointer; color: #2c2c2c; } .dm-tabModule-cont .dm-tabModule-tab-item.active{ border-bottom: 5px solid #cc0000; } .dm-tabModule-cont .dm-tabModule-tab-cont-item{ display: none; } .dm-tabModule-cont .dm-tabModule-tab-cont-item.active{ display: block; } .dm-tabModule-cont .dm-tabModule-tab-cont-item-img-box{ text-align: center; margin-top: 30px ; } .dm-tabModule-cont .dm-tabModule-tab-cont-item-img-box img{ max-width: 100%; } .m-dm-tabModule-cont{ padding: 0; } .dm-tabModule-cont .dm-tabModule-tab-box::-webkit-scrollbar { display: none; } .m-dm-tabModule-cont .dm-tabModule-tab-item{ font-size: 16px; line-height: 40px; } .m-dm-tabModule-cont .dm-tabModule-tab-item.active{ border-bottom: 2px solid #cc0000; } .m-dm-tabModule-cont .dm-tabModule-tab-box{ height: 38px; margin-bottom: 0px; } .m-dm-tabModule-cont .dm-tabModule-tab-cont{ padding: 10px; } .m-dm-tabModule-cont .dm-tabModule-tab-cont-item-img-box{ margin-top: 10px; } /*鏀圭増涓昏惀涓氬姟鐨勫鑸?/ .new-nav-block{ padding-bottom: 25px; } .new-nav-block-main{ width: 1200px; margin: 0 auto; background-color: #ffffff; } .nav-menu-left{ width: 180px; height: 480px; float: left; padding-top: 20px; overflow-y: auto; } .nav-menu-left::-webkit-scrollbar { width: 4px; } .nav-menu-left::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); opacity: 0.2; /*background: fade(@primary-color, 60%);*/ } .nav-menu-left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; /*background: fade(@primary-color, 30%);*/ } .nav-menu-top-box{ width: 100%; height: 90px; line-height: 90px; background-color: #F9F9F9; } .nav-menu-top{ width: 1200px; margin: 0 auto; } .nav-menu-right{ width: 838px; float: left; max-height: 480px; overflow-y: auto; padding-top: 24px; background-color: #fff; min-height: 370px; padding-left: 25px; } .nav-menu-right::-webkit-scrollbar { width: 4px; } .nav-menu-right::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); opacity: 0.2; /*background: fade(@primary-color, 60%);*/ } .nav-menu-right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; /*background: fade(@primary-color, 30%);*/ } .nav-menu-right .nav-menu-title-item{ padding: 0 20px; line-height: 54px; height: 54px; border-left: 3px solid transparent; } .nav-menu-left .nav-menu-title-item{ padding: 0 20px 0 20px; border-left: 3px solid #F5F5F5; } .nav-menu-left .nav-menu-title-item.active{ border-left: 3px solid #D7000F; } .nav-menu-left.nav-menu-left-one{ background: #E8E8E8; } .nav-menu-left-one .nav-menu-title-item.active{ background: #F5F5F5; } .nav-menu-left-two .nav-menu-title-item.active{ background: #FFFFFF; } .nav-menu-title-icon-active{ display: none; } .nav-menu-left .nav-menu-title-item.active .nav-menu-title-icon-active{ display: inline-block; } .nav-menu-left .nav-menu-title-item.active .nav-menu-title-icon-gray{ display: none; } .nav-menu-left .nav-menu-title-item .nav-menu-title-icon{ float: right; margin-top: 20px; width: 7px; } .nav-menu-top .nav-menu-title-item{ display: inline-block; margin-right: 100px; } .nav-menu-left-two{ background: #F5F5F5; } .nav-menu-left-two .nav-menu-title-item{ /*display: inline-block;*/ } .nav-menu-top .new-nav-menu-title{ font-family: MicrosoftYaHei; font-size: 18px; color: #222222; line-height: 54px; font-weight: 400; } .nav-menu-top .new-nav-menu-title.active{ color: #D7000F; } .nav-menu-top .new-nav-menu-title:hover{ cursor: pointer; color: #D7000F; } .nav-menu-left .new-nav-menu-title{ font-family: MicrosoftYaHei; font-size: 18px; color: #222222; line-height: 54px; font-weight: 400; } .nav-menu-left .nav-menu-title-item.active .new-nav-menu-title{ color: #D7000F; /*border-bottom: 2px solid #D7000F;*/ } .nav-menu-left .new-nav-menu-title:hover{ cursor: pointer; color: #D7000F; /*border-bottom: 2px solid #D7000F;*/ } .nav-menu-left .new-nav-menu-title-desc{ font-family: MicrosoftYaHei; font-size: 12px; color: #666666; letter-spacing: 0; margin-top: 6px; } .nav-menu-right .nav-menu-right-item{ width: 240px; float: left; /*margin-bottom: 20px;*/ margin-left: 30px; } .nav-menu-right .nav-menu-right-item:first-child{ margin-left: 0; } .nav-menu-right .nav-menu-right-item-top-title{ font-family: MicrosoftYaHei-Bold; font-size: 20px; color: #D7000F; line-height: 50px; font-weight: 700; width: 100%; height: 50px; border-bottom: 1px solid rgba(0,0,0,0.15); margin-bottom: 24px; } .nav-menu-right .nav-menu-right-item-top-title span{ float: left; } .nav-menu-right .nav-menu-right-item-cont-title{ font-family: MicrosoftYaHei-Bold; font-size: 20px; color: #D7000F; line-height: 50px; width: 100%; height: 50px; font-weight: 700; margin-bottom: 12px; } .nav-menu-right .nav-menu-right-item-cont-title span{ float: left; } .nav-menu-right .nav-menu-right-item-cont-title img, .nav-menu-right .nav-menu-right-item-top-title img{ float: left; margin-top: 18px; margin-left: 10px; width: 15px; } .nav-menu-right .nav-menu-right-item-active-title{ font-family: MicrosoftYaHei-Bold; font-size: 18px; color: #000000; letter-spacing: 0; line-height: 20px; padding-bottom: 11px; margin-bottom: 24px; font-weight: bold; } .nav-menu-right .nav-menu-right-item-active-title.show-line{ /*border-top: 1px solid #EEEEEE;*/ padding-top: 20px; margin-top: 20px; } .nav-menu-right .nav-menu-right-item-title{ line-height: 24px; height: 46px; margin-bottom: 15px; } .nav-menu-right .nav-menu-right-item-title span{ font-family: MicrosoftYaHei; font-size: 18px; color: rgba(0,0,0,0.85); font-weight: 400; } .nav-menu-right .nav-menu-right-item-title span:hover{ color: #D7000F; cursor: pointer; } /*1920鑿滃崟-鎸夌収ui鍥?/ @media only screen and (min-width:1900px){ .nav-item-detail{ position: static; margin: 0 auto; width: 1560px; box-shadow: 0 0 0 1px #f5f5f5; } .new-nav-block-main{ width: auto; } .nav-menu-left.nav-menu-left-one{ width: 388px; } .nav-menu-left.nav-menu-left-two{ width: 344px; } .nav-menu-left .nav-menu-title-item{ padding: 0 20px 0 52px; border-left: 3px solid #F5F5F5; } .nav-menu-right{ width: 827px; } } /* 鏀圭増涓婚〉 */ /* 蹇嵎閾炬帴 */ .home-fast-nav-box{ width: 100%; height: 128px; background-color: #fff; position: relative; z-index: 10; } .home-fast-nav{ width: 1280px; margin: 0 auto; height: 100%; } .home-fast-nav .home-fast-nav-item{ width: 25%; float: left; padding: 25px 20px; /*border: 1px solid burlywood;*/ height: 100%; position: relative; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .home-fast-nav .home-fast-nav-item:hover{ cursor: pointer; transform: scale(1.2); } .home-fast-nav .home-fast-nav-item:last-child:hover{ transform: scale(1); } .home-fast-nav .home-fast-nav-item:hover .home-fast-nav-item-title{ color: #D7000F; } .home-fast-nav .home-fast-nav-item-title{ font-family: MicrosoftYaHei; font-size: 20px; color: rgba(0,0,0,0.85); letter-spacing: 1.67px; text-align: center; line-height: 32px; position: relative; } .home-fast-nav .home-fast-nav-item-desc{ font-family: MicrosoftYaHei; font-size: 16px; color: rgba(0,0,0,0.45); letter-spacing: 1.43px; text-align: center; line-height: 20px; margin-top: 12px; } .home-fast-nav .home-fast-nav-item-hot-box{ position: absolute; top: -5px; right: 50px; } .home-fast-nav .home-fast-nav-item-hot{ display: block; position: relative; font-family: MicrosoftYaHei; width: 40px; height: 20px; line-height: 20px; font-size: 14px; color: #FFFFFF; letter-spacing: 1.25px; text-align: center; background: #D7000F; border-radius: 2px 2px 2px 0; } .home-fast-nav .home-fast-nav-item-hot-tip{ display: inline-block; position: absolute; left: 0; bottom: -5px; width: 0; height: 0; border-top: 5px solid #890014; border-right: 5px solid transparent; } .home-fast-nav .home-fast-nav-item-show{ display: none; position: absolute; left: 0; bottom: 0; width: 320px; height: 256px; } .home-fast-nav .home-fast-nav-item-show-title{ width: 100%; height: 128px; background-image: linear-gradient(135deg, rgba(215,0,15, 0.9) 0%, rgba(255,75,0, 0.9) 100%); padding: 25px 20px; } .home-fast-nav .home-fast-nav-item-show-title .home-fast-nav-item-title{ color: #FFFFFF !important; } .home-fast-nav .home-fast-nav-item-show-title .home-fast-nav-item-desc{ color: #FFFFFF; } .home-fast-nav .home-fast-nav-item-show-prod{ background-image: linear-gradient(135deg, #D7000F 0%, #FF4B00 100%); } .home-fast-nav .home-fast-nav-item-show-prod-item{ font-family: MicrosoftYaHei; font-size: 20px; color: #FFFFFF; letter-spacing: 1.67px; text-align: center; display: inline-block; width: 158px; height: 64px; line-height: 64px; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .home-fast-nav .home-fast-nav-item-show-prod-item:hover{ cursor: pointer; transform: scale(1.1); } /* 鏂伴椈鍔ㄦ€ */ .home-news-box{ width: 100%; background-color: #f0f0f4; } .home-news-box .home-news{ width: 1280px; margin: 0 auto; padding: 72px 0 40px 0; } .home-news-box .home-news-title{ width: 100%; text-align: center; padding-bottom: 15px; } .home-news-box .home-news-title-txt{ font-family: MicrosoftYaHei; font-size: 32px; color: rgba(0,0,0,0.85); letter-spacing: 1px; line-height: 42px; padding: 10px 0; margin: 0 24px; } .home-news-box .home-news-title-txt:hover{ color: #D7000F; cursor: pointer; } .home-news-box .home-news-title-txt.active{ font-family: MicrosoftYaHei-Bold; color: rgba(0,0,0,0.85); border-bottom: 4px solid #D7000F; font-weight: bold; } .home-news-box .home-news-cont{ width: 100%; margin-top: 40px; } .home-news-box .slide-news-box{ width: 800px; float: left; margin-right: 100px; position: relative; } .home-news-box .slide-news-box-t{ display: none; } .home-news-box .slide-news-box-0{ display: block; } .slide-news-box .slidesjs-pagination{ position: absolute; bottom: 155px; right: 20px; z-index: 11; height: 35px; } .slide-news-box .slidesjs-pagination-item .active{ width: 24px; height: 6px; background: #D7000F; border-radius: 3px; margin-bottom: 2px; } .home-news-box .home-news-img-box{ width: 800px; } .home-news-box .home-news-list-box{ width: 380px; float: left; } .home-news-box .home-news-img-box .home-news-img-box-a{ display: block; width: 800px; height: 450px; overflow: hidden; } .home-news-box .home-news-img{ width: 800px; } .home-news-box .home-news-img-desc{ margin-top: 20px; } .home-news-box .home-news-img-desc-title{ display: block; font-family: MicrosoftYaHei-Bold; font-size: 20px; color: rgba(0,0,0,0.85); letter-spacing: 0; } .home-news-box .home-news-img-desc-title:hover{ cursor: pointer; color: #D7000F; } .home-news-box .home-news-img-desc-abs{ font-family: MicrosoftYaHei; font-size: 16px; color: rgba(0,0,0,0.65); letter-spacing: 0; text-align: justify; line-height: 24px; margin-top: 12px; } .home-news-box .home-news-list{ width: 100%; height: 92px; margin-bottom: 14px; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15); } .home-news-box .home-news-list-title{ display: block; font-family: MicrosoftYaHei; font-size: 18px; color: rgba(0,0,0,0.85); letter-spacing: 0; line-height: 22px; margin-bottom: 14px; } .home-news-box .home-news-list-title:hover{ color: #D7000F; cursor: pointer; } .home-news-box .home-news-list-date{ font-family: MicrosoftYaHei; font-size: 14px; color: rgba(0,0,0,0.45); letter-spacing: 0; line-height: 20px; } .home-news-box .home-news-list-btn{ width: 88px; height: 30px; display: inline-block; float: right; background: #D7000F; border-radius: 2px; font-family: MicrosoftYaHei; font-size: 16px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 30px; } .home-news-box .home-news-list-btn:hover{ background: #d73a29; } /* 鏁板瓧鍖栭摼鎺ュ櫒 */ .home-num-link-box{ width: 100%; height: 600px; background-color: #fff; padding-top: 80px; } .home-num-link-box .home-num-link{ width: 1280px; margin: 0 auto; } .home-num-link-box .home-num-link-title{ font-family: MicrosoftYaHei-Bold; font-size: 40px; color: #000000; letter-spacing: 1.25px; text-align: center; margin-bottom: 98px; } .home-num-link-box .home-num-link-item{ text-align: center; width: calc(50% - 10px); height: 268px; float: left; position: relative; margin-left: 20px; } .home-num-link-box .home-num-link-item:first-child{ margin-left: 0; } .home-num-link-box .home-num-link-item-img1-box{ width: 290px; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-image: linear-gradient(90deg, #EBEBEB 3%, #F6F6F6 100%); display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .home-num-link-box .home-num-link-item.active .home-num-link-item-img1-box{ top: -40px; background-image: linear-gradient(90deg, #EBEBEB 3%, #F6F6F6 100%); box-shadow: 0px 2px 12px 0px rgba(215,0,15,0.3); } .home-num-link-box .home-num-link-item.active .home-num-link-item-img1-box::after{ content: ""; position: absolute; bottom: 0; left: 0; height: 6px; width: 100%; background-image: linear-gradient(135deg, rgba(215,0,15,0.95) 0%, rgba(250,94,25,0.95) 100%); box-shadow: 0px 16px 30px 0px rgba(255,0,0,0.24); } .home-num-link-box .home-num-link-item-img{ width: 135px; height: 150px; } .home-num-link-box .home-num-link-item-img2{ width: 500px; height: 100%; float: right; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .home-num-link-box .home-num-link-item-img2-bg2{ display: none; } .home-num-link-box .home-num-link-item.active .home-num-link-item-img2-bg2{ display: block; } .home-num-link-box .home-num-link-item.active .home-num-link-item-img2-bg1{ display: none; } .home-num-link-box .home-num-link-item-title{ font-family: MicrosoftYaHei; font-size: 24px; color: #000000; letter-spacing: 0.75px; text-align: center; line-height: 32px; font-weight: 400; margin-top: 25px; } .home-num-link-box .home-num-link-item-list{ display: none; width: 260px; position: absolute; bottom: 20px; right: 10px; } .home-num-link-box .home-num-link-item.active .home-num-link-item-list{ display: block; } .home-num-link-box .home-num-link-item-list-item{ display: block; width: 120px; height: 40px; line-height: 40px; background: rgba(255,255,255,0.85); border-radius: 12px; font-family: MicrosoftYaHeiLight; font-size: 18px; color: #000000; letter-spacing: 0.56px; text-align: center; font-weight: 200; margin: 0 0 12px 12px; float: left; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; } .home-num-link-box .home-num-link-item-list-item:nth-child(odd){ margin-left: 0; } .home-num-link-box .home-num-link-item-list-item:hover{ background: #D7000F; border-radius: 12px; color: #FFFFFF; cursor: pointer; } .home-num-link-box .home-num-link-item-list-item2{ width: 240px; margin-left: 0; } .home-num-link-box .home-num-link-item-txt{ font-family: MicrosoftYaHei; font-size: 24px; color: #000000; letter-spacing: 0.75px; text-align: center; line-height: 32px; margin: 24px 0 16px 0; } .home-num-link-box .home-num-link-item-desc{ font-family: MicrosoftYaHei; font-size: 16px; color: rgba(0,0,0,0.65); letter-spacing: 1.43px; text-align: center; line-height: 20px; } .home-num-link-box .home-num-link-item-show{ display: none; width: 305px; height: 360px; position: absolute; left: 0; bottom: -60px; background-image: linear-gradient(135deg, #D7000F 0%, #FA5E19 100%); box-shadow: 0 16px 30px 0 rgba(255,0,0,0.24); padding: 61px 20px 0 20px; } .home-num-link-box .home-num-link-item-show-tile{ font-family: MicrosoftYaHei-Bold; font-size: 24px; color: #FFFFFF; letter-spacing: 0.75px; text-align: center; line-height: 32px; margin-bottom: 30px; } .home-num-link-box .home-num-link-item-show-list{ font-family: MicrosoftYaHei; font-size: 18px; color: #FFFFFF; letter-spacing: 0.56px; background: rgba(255,255,255,0.20); border-radius: 4px; margin-bottom: 20px; width: 256px; height: 40px; line-height: 40px; display: block; } .home-num-link-box .home-num-link-item-show-list:hover{ color: #D7000F; background: #FFFFFF; box-shadow: 0 4px 6px 0 rgba(94,0,0,0.28); } /* 浜у搧鍜屾湇鍔 */ .home-prod-ser-box{ width: 100%; background-color: #f0f0f4; padding: 80px 0 100px 0; } .home-prod-ser-box .home-prod-ser{ width: 1280px; margin: 0 auto; } .home-prod-ser-box .home-prod-ser-title{ font-family: MicrosoftYaHei-Bold; font-size: 40px; color: #000000; letter-spacing: 1.25px; text-align: center; } .home-prod-ser-box .home-prod-ser-cont{ margin-top: 60px; } .home-prod-ser-box .home-prod-ser-cont-left{ width: 630px; height: 580px; background-image: url("/images/2022/home/infoIT.png"); background-size: 100%; float: left; margin-right: 20px; position: relative; overflow: hidden; } .home-prod-ser-box .home-prod-ser-cont-item{ position: absolute; left: 30px; bottom: -70px; } .home-prod-ser-box .home-prod-ser-cont-right .home-prod-ser-cont-item{ bottom: -70px; } .home-prod-ser-box .home-prod-ser-cont-item-title{ font-family: MicrosoftYaHei-Bold; font-size: 24px; color: #FFFFFF; letter-spacing: 0.75px; margin-bottom: 10px; } .home-prod-ser-box .home-prod-ser-cont-item-desc{ font-family: MicrosoftYaHei; font-size: 18px; color: #FFFFFF; letter-spacing: 1.61px; line-height: 20px; } .home-prod-ser-box .home-prod-ser-cont-right{ float: left; } .home-prod-ser-box .home-prod-ser-cont-right-top{ background-image: url("/images/2022/home/contactCT.png"); background-size: 100%; width: 630px; height: 280px; margin-bottom: 20px; position: relative; overflow: hidden; } .home-prod-ser-box .home-prod-ser-cont-right-bottom{ background-image: url("/images/2022/home/financialFT.png"); background-size: 100%; width: 630px; height: 280px; position: relative; overflow: hidden; } .home-prod-ser-box .home-prod-ser-cont-item-tips{ width: 14px; } .home-prod-ser-box .home-prod-ser-cont-item-prod{ margin-top: 40px; } .home-prod-ser-box .home-prod-ser-cont-item-prod-list{ display: inline-block; padding: 8px 16px; text-align: center; font-family: MicrosoftYaHei; font-size: 18px; color: #FFFFFF; letter-spacing: 0.56px; border: 1px solid #FFFFFF; border-radius: 4px; margin: 0 14px 16px 0; } .home-prod-ser-box .home-prod-ser-cont-item-prod-list:hover{ background: #D7000F; cursor: pointer; border: 1px solid #D7000F; } /* 瑙e喅鏂规 */ .home-solution-box{ width: 100%; background-color: #1d243c; padding-top: 80px; padding-bottom: 20px; } .home-solution-box .home-solution{ min-width: 1280px; margin: 0 80px; } .home-solution-box .home-solution-title{ font-family: MicrosoftYaHei-Bold; font-size: 40px; color: #FFFFFF; letter-spacing: 1.25px; margin-bottom: 60px; text-align: center; } .home-solution-box .home-solution-two-item{ width: calc(50% - 10px); height: 460px; float: left; margin-right: 20px; position: relative; overflow: hidden; } .home-solution-box .home-solution-two-item-half{ width: calc(50% - 10px); margin-right: 20px; height: 100%; float: left; position: relative; overflow: hidden; } .home-solution-box .home-solution-two-item-half-height{ width: calc(50% - 10px); margin-right: 20px; height: 220px; float: left; position: relative; overflow: hidden; margin-bottom: 20px; } .home-solution-box .home-solution-two-item-half:last-child{ margin-right: 0; } .home-solution-box .home-solution-two-item-half-height:nth-child(even){ margin-right: 0; } .home-solution-box .home-solution-item-bg2 .home-solution-cont-item{ bottom: -168px; } .home-solution-box .home-solution-item-bg1{ background: url("/images/2023/home/solu-zhengfu.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg2{ background: url("/images/2023/home/solu-jianzhu.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg3{ background: url("/images/2023/home/solu-zhengfa.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg4{ background: url("/images/2023/home/solu-maoyi.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg5{ background: url("/images/2023/home/solu-nongye.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg6{ background: url("/images/2023/home/solu-jiankang.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg7{ background: url("/images/2023/home/solu-jiaoyu.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg8{ background: url("/images/2023/home/solu-wuliu.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg9{ background: url("/images/2023/home/solu-tongxin.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-item-bg10{ background: url("/images/2023/home/solu-jinrong.png") no-repeat; background-size: 100% 100%; } .home-solution-box .home-solution-two-item:last-child{ margin-right: 0; } .home-solution-box .home-solution-four-item{ width: calc(25% - 15px); height: 220px; float: left; margin-right: 20px; position: relative; overflow: hidden; } .home-solution-box .home-solution-four-item:last-child{ margin-right: 0; } .home-solution-box .home-solution-cont-item{ position: absolute; left: 30px; bottom: -232px; width: calc(100% - 60px); } .home-solution-box .home-solution-cont-item-title{ font-family: MicrosoftYaHei-Bold; font-size: 24px; color: #FFFFFF; letter-spacing: 0.75px; margin-bottom: 40px; } .home-solution-box .home-solution-cont-item-desc{ font-family: MicrosoftYaHei; font-size: 16px; color: #FFFFFF; letter-spacing: 0.2px; } .home-solution-box .home-solution-cont-item-tips{ width: 14px; } .home-solution-box .home-solution-cont-item-prod{ margin-top: 20px; } .home-solution-box .home-solution-cont-item-prod-list{ background: rgba(255,255,255,0.15); border-radius: 4px; font-family: MicrosoftYaHei; font-size: 18px; color: #FFFFFF; letter-spacing: 0.2px; text-align: center; /*margin-right: 26px;*/ margin-bottom: 15px; height: 40px; line-height: 40px; display: inline-block; width: 100%; /*width: calc(50% - 15px);*/ } .home-solution-box .home-solution-cont-item-prod-list:hover{ background: #D7000F; cursor: pointer; } .home-solution-box .home-solution-cont-item-prod-list:nth-child(even){ margin-right: 0; } .home-solution-box .home-solution-item-mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,22,61,0.30); } .home-solution-box .home-solution-four-item .home-solution-cont-item{ bottom: -100px; left: 20px; width: calc(100% - 40px); } .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item{ bottom: -125px; } .home-solution-box .home-solution-item-bg3 .home-solution-cont-item, .home-solution-box .home-solution-item-bg6 .home-solution-cont-item{ bottom: -145px; } .home-solution-box .home-solution-four-item .home-solution-cont-item-desc{ white-space: nowrap; } .home-solution-box .home-solution-four-item .home-solution-cont-item-title, .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item-title{ margin-bottom: 20px; } /*.home-solution-box .home-solution-four-item .home-solution-cont-item-prod-list, .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item-prod-list{*/ /* width: 100%;*/ /* margin-right: 0;*/ /*}*/ /* 鎴愬姛妗堜緥 */ .home-suss-case-box{ width: 100%; background: #E0E4ED; padding: 80px 0 100px 0; } .home-suss-case-box .home-suss-case{ width: 1280px; margin: 0 auto; } .home-suss-case-box .home-suss-case-title{ font-family: MicrosoftYaHei-Bold; font-size: 40px; color: #000000; letter-spacing: 1.25px; text-align: center; margin-bottom: 60px; } .home-suss-case-box .home-suss-case-cont{ width: 1280px; height: 668px; } .home-suss-case-box .home-suss-case-left{ width: 200px; height: 100%; float: left; } .home-suss-case-box .home-suss-case-right-box{ width: 1080px; height: 100%; float: left; padding: 80px 64px 0 64px; background: #FFFFFF; position: relative; } .home-suss-case-box .home-suss-case-right{ display: none; } .home-suss-case-box .home-suss-case-right:first-child{ display: block; } .home-suss-case-box .home-suss-case-item-title{ width: 100%; height: 167px; line-height: 167px; background-color: #f4f5f8; } .home-suss-case-box .home-suss-case-item-title.active{ background-color: #fafafc; } .home-suss-case-box .home-suss-case-item-title-txt{ font-family: MicrosoftYaHei; font-size: 20px; color: rgba(0,0,0,0.85); letter-spacing: 0.22px; text-align: center; border-left: 7px solid #f4f5f8; padding-left: 50px; } .home-suss-case-box .home-suss-case-item-title.active .home-suss-case-item-title-txt{ font-family: MicrosoftYaHei-Bold; color: #D7000F; border-left: 7px solid #D7000F; } .home-suss-case-box .home-suss-case-item-name{ display: block; font-family: MicrosoftYaHei-Bold; font-size: 28px; color: rgba(0,0,0,0.85); letter-spacing: 0; } .home-suss-case-box .home-suss-case-item-name:hover{ color: #D7000F; } .home-suss-case-box .home-suss-case-item-desc{ font-family: MicrosoftYaHei; font-size: 18px; color: rgba(0,0,0,0.85); letter-spacing: 0; text-align: justify; line-height: 32px; margin: 24px 0 48px 0; } .home-suss-case-box .home-suss-case-item-btn{ width: 120px; height: 40px; line-height: 36px; border: 1px solid #D7000F; border-radius: 4px; font-family: MicrosoftYaHei; font-size: 18px; color: #D7000F; letter-spacing: 0; text-align: center; margin-bottom: 142px; } .home-suss-case-box .home-suss-case-item-btn:hover{ color: #fff; background-color: #D7000F; cursor: pointer; } .home-suss-case-box .home-suss-case-partner{ position: absolute; left: 64px; bottom: 81px; } .home-suss-case-box .home-suss-case-partner-item{ display: block; width: 238px; height: 88px; line-height: 88px; font-family: MicrosoftYaHei; font-size: 18px; color: rgba(0,0,0,0.85); letter-spacing: 0; text-align: center; float: left; background: #F9F9F9; box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.06); -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; margin-bottom: 10px; } .home-suss-case-box .home-suss-case-partner-item:first-child{ box-shadow: none; } .home-suss-case-box .home-suss-case-partner-item.active{ background: #D7000F; color: #FFFFFF; } .home-suss-case-box .home-suss-case-partner-item:hover{ background: #D7000F; color: #FFFFFF; } .home-suss-case-box .home-suss-case-more-btn{ font-family: MicrosoftYaHei; font-size: 16px; color: rgba(0,0,0,0.65); letter-spacing: 0.18px; text-align: center; position: absolute; right: 64px; bottom: 40px; } .home-suss-case-box .home-suss-case-name-list{ display: none; } /* 鑱旂郴鏂瑰紡 */ .home-contact-box{ width: 100%; background-image: linear-gradient(135deg, #D7000F 0%, #B30000 100%); box-shadow: 0 6px 6px 0 rgba(157,0,0,0.20); padding: 56px 0 46px 0; text-align: center; } .home-contact-box .home-contact-phone{ font-family: MicrosoftYaHei-Bold; font-size: 44px; color: #FFFFFF; letter-spacing: 1.38px; text-align: center; } .home-contact-box .home-contact-other-desc{ font-family: MicrosoftYaHei; font-size: 24px; color: #FFFFFF; letter-spacing: 0.75px; margin: 35px 0 40px 0; text-align: center; } .home-contact-box .home-contact-ask-btn{ display: inline-block; box-shadow: 0 6px 6px 0 rgba(157,0,0,0.20); border-radius: 4px; width: 180px; height: 48px; line-height: 44px; text-align: center; font-family: MicrosoftYaHei; font-size: 24px; color: #FFFFFF; letter-spacing: 0.75px; border: 2px solid #f0bfc0; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -ms-transition:all .2s linear; -o-transition:all .2s linear; transition:all .2s linear; } .home-contact-box .home-contact-ask-btn:hover{ background-color: #d70819; cursor: pointer; transform: scale(1.2); } @media only screen and (max-width:1579px){ /* 棣栭〉 */ .home-solution-box .home-solution{ margin: 0 30px; } .home-solution-box .home-solution-two-item{ height: 400px; } .home-solution-box .home-solution-two-item-half .home-solution-cont-item{ bottom: -245px; } .home-solution-box .home-solution-four-item, .home-solution-box .home-solution-two-item-half-height{ height: 190px; } .home-solution-box .home-solution-item-bg2 .home-solution-cont-item{ bottom: -205px; } .home-solution-box .home-solution-four-item .home-solution-cont-item, .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item{ left: 14px; width: calc(100% - 28px); } .home-solution-box .home-solution-four-item .home-solution-cont-item-desc, .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item-desc{ font-size: 14px; } .home-solution-box .home-solution-four-item .home-solution-cont-item-prod-list, .home-solution-box .home-solution-two-item-half-height .home-solution-cont-item-prod-list{ font-size: 16px; height: 35px; line-height: 35px; } } /* mediaDetail end */ @media (min-width: 280px) and (max-width:768px){ .title-common-drakgray{ background-size: 250px; } .dm-content-wrap{ width:100%; } .lang-en-us .title-common-drakgray{ font-size: 20px; } .lang-en-us .phone-text{ font-size: 14px; } .lang-en-us .phone-blocklist-textbox h5{ font-size: 18px; } .lang-en-us .phone-blocklist-textbox p{ font-size: 14px; } .lang-en-us .phone-imgtextlist h4{ font-size: 18px; } .lang-en-us .phone-imgtextlist p{ font-size: 14px; } .pro-phone-cashdm{ margin-bottom:20px; } .speech-head-img{ display: none; } .speech-list-wrap{ width:90%; margin:auto; } .speech-list-item{ width:100%; margin-left:0; margin-right:0; } .dm-crumbs{ width:90%; margin:20px auto; } .speech-list-panel{ padding:20px; } .speech-list-desc{ height:auto; } .speech-detail-content{ width:100% !important; } }