锘?,:after,:before{font-size:14px;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased} a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:""} table{border-collapse:collapse;border-spacing:0} body{color:#333;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0} a{color:#333;text-decoration:none} img{max-width:100%;border:none} em,i{font-style:normal} table{border-collapse:collapse;border-spacing:0} input,select,textarea{font-size:12px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} button,input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer} h1,h2,h3,h4,h5,h6{ font-weight: normal;} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} :-ms-input-placeholder{color:#999} ::-ms-clear,::-ms-reveal{display:none} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"";height:0;clear:both} .c{clear:both} .col-l,.l{float:left} .col-r,.r{float:right} .ani{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .unselect{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .wp{ width:1200px;margin:0 auto} /*鑳屾櫙*/ .fa{ background: #f5f9fa;} /*鎸夐挳*/ .button{ display: inline-block; border-radius: 2px; box-shadow: 0 0 3px rgba(9,28,67,.16); width:307px; height: 57px; position: relative;overflow: hidden;} .button a{display: block; font-size: 18px; color:#fff; width: 100%; height: 100%; text-align: center; line-height: 57px; position: relative;z-index: 1;} .button:after{content: "";display: block;position: absolute;top: 0;left: 0;z-index: 0;transform: translateX(0);width: 200%;height: 100%;background-image: linear-gradient(90deg, #008aff, #008aff 50%, #008aff 50%, #fa0ac4 100%);transition: transform .3s ease-out, opacity .1s ease-out .2s;} .button:hover::after {transform: translateX(-50%);transition: transform .3s ease-out;} /*瀵艰埅*/ header{ z-index: 999; width: 100%; height: 80px; background: #02071d; padding: 0 100px; position: fixed; left: 0; top: 0; box-shadow: 0 0 5px rgba(7,6,55,.35);} .logo{ height: 80px; float: left;} .logo a{ display:block;padding: 20px 0;} .logo img{ display: block; width: 154px; height: auto;} nav{ float: left; padding-left: 57px;} nav ul{ clear: both;} nav ul li{float: left; line-height: 80px;} .nav-item{ position: relative; } nav ul li a{ position: relative; display: block; color: #fff; font-size:16px; padding: 0 37px;} nav ul li.active .nav-item>a,nav ul li:hover .nav-item>a,.sub a:hover{ font-weight: bolder; color: #1aaaf3;} nav ul li .nav-item>a:after{ content: ""; width:0; transition: all 0.3s ease; height: 3px; background: #1aaaf3; position: absolute; left: 0; bottom: 0;} nav ul li:hover .nav-item>a:after{ width: 100%} nav ul li:after{transition: all 0.3s ease; height: 0px; z-index: 0; content: ""; position: absolute; left: 0; top: 80px; width: 100%; background:rgba(2,7,29,.15);} nav ul li:hover:after{height: 40px;} nav ul li#nav03:after,nav ul li#nav05:after{ display: none;} .sub{transition: all 0.3s ease; z-index: 9; width: 1200px; position: absolute;left: 0; top: 80px; height: 0px; overflow: hidden;} .sub a{ position: relative; display: block; float: left; line-height: 40px; font-size: 16px;} .sub a:after{ content: "|"; position: absolute; right: 0; top: 0; height: 40px; line-height: 40px; color: #FFFFFF;} .sub a:last-child:after{ display: none;} nav ul li:hover .sub{ height: 40px;} .header_search{ width: 230px; float: right; height: 32px; border: 1px #fff solid; border-radius: 3px; margin-top: 25px;} .header_search input[type="text"]{ width: 55%; float: left; height: 32px; border: none; background: none; text-indent: 22px; color: #fff;} .header_search input[type="submit"]{ width: 25%; float: left; height: 32px; border: none; background:none; background:url(../images/fdj_icon.png) center no-repeat; line-height: 32px; text-indent: -999px;} .language{ position: relative; float: right; padding-right: 30px;} .language span{ display: block; line-height: 80px; color: #fff; padding-right: 30px; position: relative;} .language span:after{ content: ""; width: 14px; height: 9px; position: absolute; right: 0; top: 50%; margin-top: -4px; background: url(../images/yyxjb_icon.png) center no-repeat;} .language ul{ position: absolute; left: 0; top: 80px; display: none; height: auto; background:#FFFFFF; border-radius: 5px; padding: 10px 0;} .language ul li{ line-height: 30px; padding: 0 20px} .language:hover ul{ display: block;} .language ul li:hover a{ font-weight: bolder; color: #1aaaf3;} .language ul:before{ content: ""; position:absolute; left:20px; top:-16px;width: 0; height: 0;border-width: 8px;border-style: solid;border-color:transparent transparent #FFFFFF transparent;} .sselect{ width: 20%; float: left;} .sselect span{ display: block; line-height: 32px; text-indent: 5px; color: #FFFFFF; font-size: 12px; background: url(../images/yyxjb_icon.png) right center no-repeat;} .sselect ol{ display: none; background: #fff;} .sselect ol li{ width: 100%; background: #fff; color: #000000; line-height: 24px; font-size: 12px; text-indent: 10px;} /*搴曢儴*/ footer{ background: #02071d;} .wyly{ width:1280px; padding:55px 40px; margin: 0 auto;} .wyly-tit{ width: 146px; float: left; color: #fff; text-transform: uppercase;} .wyly-tit p{ font-size: 12px; line-height: 120%;} .wyly-tit span{ position: relative; display: block; font-size: 18px; margin-top: 8px;} .wyly-tit span:after{ content: "1"; display: inline-block; margin-left: 10px; width: 17px; height: 20px; background: url(../images/span_bg.jpg) center no-repeat;} .wyly_con{ overflow: hidden;} .wyly_con_input{ float:left; box-sizing: border-box; margin-right: 10px;} .wyly_con .wyly_con_input:nth-child(1){ width: 140px;} .wyly_con .wyly_con_input:nth-child(2){ width: 175px;} .wyly_con .wyly_con_input:nth-child(3){ width: 190px;} .wyly_con_input input,.wyly_con textarea,.send{ font-size:14px;line-height: 44px; height:44px;border: none; background: none;text-transform: uppercase; } .wyly_con_input input{ width: 100%; border: 1px #1aaaf3 solid; text-indent: 10px; } .wyly_con textarea{ text-indent: 10px; float: left; display: block; width:345px; line-height: 44px; border: 1px #1aaaf3 solid; overflow: hidden;} .wyly_con_input input::-webkit-input-placeholder{color:#1e859b;} .wyly_con textarea::-webkit-input-placeholder{color:#1aaaf3;} .send{ float: right; width:138px; height:46px; color:#fff; border: 1px #0086ff solid; line-height: 46px; background: #0086ff; text-align: center;} .footer{} .footer_line{ width: 1280px; padding: 0 40px; margin: 0 auto; display: flex; justify-content: space-between; border-top: 1px #013362 solid; overflow: hidden; min-height: 270px;} .footer_logo{ float: left; padding-top: 50px;} .footer_logo img{ display: block; margin-bottom: 46px; width: 126px; height: auto;} .ewm{ float: right; padding: 47px 0;} .ewm img{ display: block; width: 126px; height: auto;} .rexian{ padding-left: 54px; background: url(../images/rexian_icon.png) left top no-repeat; font-size: 16px; color: #1596ff; line-height: 140%;} .rexian h2{ font-size: 24px;} .footer_nav{ float: left;} .footer_nav ul{ overflow: hidden; padding-bottom: 30px;} .footer_nav ul li{ padding-top: 55px; float: left; padding-right: 25px;} .footer_nav ul li a{ position: relative; padding-bottom: 24px; display: block; font-size: 16px; line-height: 26px; color: #d3dee5; text-transform: uppercase;} .footer_nav ul li a:hover{color: #FFFFFF; font-weight: bold;} .footer_nav ul li a:after{ transition:all 0.2s ease ; content:""; width: 0; height: 4px;background-image: linear-gradient(90deg, #008aff, #fa0ac4 100%); position: absolute; left: 0; bottom: 0;} .footer_nav ul li a:hover:after{ width: 70px;} .copyright{ display: flex; justify-content: space-between;} .copyright p{ color: #4a4a4a; font-size: 12px;} .copyright .email{ background: url(../images/email_icon.png) left center no-repeat; text-indent: 2em; color: #FFFFFF; font-size: 16px;} /*棣栭〉*/ .banner button,.slick-dots{ display: none !important;} .xmbanner{ text-align: center; color: #FFFFFF; min-height: 660px; background: url(../images/index_banner.jpg) center no-repeat;} .xmbanner h2{ font-size: 60px; font-weight: bold; line-height: 100%; padding-top: 216px;} .xmbanner p{ line-height:100%; font-size: 40px; font-weight: bold; padding: 30px 0 80px; text-transform: uppercase;} .xmbanner .button{ margin:0 25px;} .banner-tit{ opacity: 0; position: absolute; left: 50%; top: 80%; margin-left:-600px; transition: all 0.7s ease;} .ani-slide .banner-tit{ top: 30%; opacity: 1;} .banner-tit h2,.banner-tit h3{ font-size: 60px; font-weight: bold; line-height: 100%; color: #011028; padding-bottom: 30px;letter-spacing: 20px;} .banner-tit h3{ font-size: 44px; padding-bottom: 60px;letter-spacing: 5px;} .banner-tit p{ font-size: 20px;color: #011028; padding-bottom: 66px;} .banner-tit2{ text-align: center; } .banner-tit2 h2,.banner-tit2 h3,.banner-tit2 p{ color: #FFFFFF;} .banner-tit2 h2{ font-size: 102px; letter-spacing: 31px;} .banner-tit2 h3{ padding-bottom: 75px;letter-spacing: 15px;} .zxzx{ border-top: 1px #e2e4e5 solid; border-bottom: 1px #e2e4e5 solid; margin: 30px 0;} .tit{ text-align: center; padding: 58px 0;} .tit p{ font-size: 30px; color: #ccd0d2; font-weight: bold; text-transform: uppercase;} .tit h2{ font-size: 30px; font-weight: normal;} .tit-left{ text-align: left;} .news_fl{ width: 700px; float: left; margin-bottom: 30px;} .news_fr{ width: 490px; float: right;margin-bottom: 30px;} .news_fl li,.news_fr li{ width: 100%; height: 322px; border: 1px #c5e8f8 solid; background: #ebf6fc; padding: 35px 42px; margin-bottom: 12px;} .news_fl li a{ display: block; overflow: hidden;} .news_fl li a img{ float: left; margin-right: 20px;} .news_fl li a h2{ line-height: 20px; font-size: 14px; font-weight: normal; font-weight: bold; height: 40px; overflow: hidden; margin-top: 26px;} .news_fl li a span{ border-radius: 4px; margin-top: 60px; color: #0085ff; font-size: 16px; font-weight: bold; text-transform: uppercase; display:inline-block; border-radius: 2px; width: 162px; height: 38px; background: #caebff; border: 1px #9de3fd solid; line-height: 38px; text-align: center;} .news_fl li a p{ margin-top: 10px; height: 60px; overflow: hidden; line-height: 20px; font-size: 12px; color: #3b3b3c;} .news_fr li{ padding-top:23px;height: 155px;} .news_fr li span{ text-transform: uppercase; color: #3f3f3f; line-height: 22px; text-align: center; font-size: 13px; display: inline-block; width: 126px; height: 24px; border-radius: 3px; background: #eeeeee; border:1px #b4b5b6 solid;} .news_fr li h2{ margin: 12px 0 9px; font-size: 14px; font-weight: bold; line-height: 28px; height: 28px; overflow: hidden;} .news_fr li p{ height: 40px; text-indent: 2em; font-size: 12px; line-height: 20px;} .news_fl li:hover,.news_fr li:hover{ background: #cbe5f6; border-color: #7ecef4;} .news_fl li:hover span,.news_fr li:hover span{ background: #0086ff; border-color: #0086ff; color: #FFFFFF;} .indexgsjj{ padding-top: 60px;} .gjss_con{ background: #02071d; overflow: hidden;} .gjss_con_left{ color: #FFFFFF; width: 439px; float: left; padding: 0 50px} .gjss_con img{ float: left;} .gjss_con ul{ padding-top: 138px; width: calc(100% - 820px); float: right;} .gjss_con_left h2{ font-size:30px; line-height: 40px; text-transform: uppercase; text-align: left; padding-top: 66px;} .gjss_con_left h2 b{ display: block;} .gjss_con_left p{ padding:40px 0;text-indent: 2em; line-height: 26px;} .gjss_con ul li{ position: relative; padding-left: 106px; border-bottom: 1px #01013e solid; border-top: 1px #05054e solid; height: 100px;} .gjss_con ul li p{ font-size: 12px; color: #FFFFFF; line-height: 14px;} .gjss_con ul li h4{ font-size: 16px; color: #25a4bb; line-height: 20px; padding-bottom: 4px; padding-top: 24px;} .gjss_con ul li:after{ content: ""; width: 100px; height: 100px; position: absolute; left: 0; top: 0;} .gjss_con ul li:nth-child(1):after{ background:url(../images/gsjj_icon01.png) center no-repeat;} .gjss_con ul li:nth-child(2):after{ background:url(../images/gsjj_icon02.png) center no-repeat;} .gjss_con ul li:nth-child(3):after{ background:url(../images/gsjj_icon03.png) center no-repeat;} .gjss_con ul li:nth-child(4):after{ background:url(../images/gsjj_icon04.png) center no-repeat;} .gjss_con ul li:nth-child(1):hover:after{ background:url(../images/gsjj_icon01_hover.png) center no-repeat;} .gjss_con ul li:nth-child(2):hover:after{ background:url(../images/gsjj_icon02_hover.png) center no-repeat;} .gjss_con ul li:nth-child(3):hover:after{ background:url(../images/gsjj_icon03_hover.png) center no-repeat;} .gjss_con ul li:nth-child(4):hover:after{ background:url(../images/gsjj_icon04_hover.png) center no-repeat;} .gjss_con ul li:hover{ background: #05054e;} .ywfw{ padding-bottom: 80px;} .ywfw ul{ width: 1200px;margin: 0 auto;} .ywfw ul li{ transition:all 0.3s ease;text-align: center; width: 25%; height:417px; float: left; background: #0902b7;} .ywfw ul li:nth-child(2){ background: #05007e;} .ywfw ul li:nth-child(3){ background: #01014c;} .ywfw ul li:nth-child(4){ background: #200050;} .ywfw ul li span{ margin-top: 46px; display: inline-block; font-size: 16px; line-height: 24px; color: #FFFFFF; } .ywlogo{transition:all 0.3s ease; padding-top:142px;width: 100%; background: url(../images/ywfw_logo01.png) center no-repeat; margin-top: 90px;} .ywlogo p{ opacity: 0; text-align: justify;} .ywfw ul li:hover{ transform: scale(1.1); background-position:center top; background-repeat: no-repeat;} .ywfw ul li:hover .ywlogo{ margin-top: 75px; padding-top: 113px; background:url(../images/ywfw_logo01_hover.png) center top no-repeat;} .ywfw ul li:hover .ywlogo p{opacity: 1;font-size: 12px; line-height: 20px; color: #FFFFFF; padding:0 56px;} .ywfw ul li:hover span{ width: 228px; padding:10px 0;border-radius: 5px; background: #FFFFFF; color: #05054e; font-size: 13px; line-height: 20px;} .ywfw ul li:nth-child(1):hover{background-image:url(../images/smtbg01.jpg) ;} .ywfw ul li:nth-child(2):hover{background-image:url(../images/smtbg02.jpg) ;} .ywfw ul li:nth-child(3):hover{background-image:url(../images/smtbg03.jpg) ;} .ywfw ul li:nth-child(4):hover{background-image:url(../images/smtbg04.jpg) ;} .ywfw ul li:nth-child(2) .ywlogo{background: url(../images/ywfw_logo02.png) center no-repeat;} .ywfw ul li:nth-child(3) .ywlogo{background: url(../images/ywfw_logo03.png) center no-repeat;} .ywfw ul li:nth-child(4) .ywlogo{background: url(../images/ywfw_logo04.png) center no-repeat;} .ywfw ul li:nth-child(2):hover .ywlogo{background: url(../images/ywfw_logo02_hover.png) center top no-repeat;} .ywfw ul li:nth-child(3):hover .ywlogo{background: url(../images/ywfw_logo03_hover.png) center top no-repeat;} .ywfw ul li:nth-child(4):hover .ywlogo{background: url(../images/ywfw_logo04_hover.png) center top no-repeat;} /*smt*/ .ban{ display: flex; height: 520px; position: relative; margin-top: 80px;} .searchban{ height: 387px;} .banimg{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;} .banimg img{ display: none;} .banfont{ width: 1200px; margin: 0 auto;} .banfont h2{ position:relative; top:50%;color: #FFFFFF; font-size: 60px; font-weight: bold; line-height: 85px; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ } .banfont h2 b{ line-height: 49px; display: block; font-size: 30px;text-transform: uppercase;} .zht{ padding: 114px 0;} .lsx,.gjlm{ width: 1200px; margin: 0 auto;} .lsx-container{ padding-top: 30px !important;} .lxscon{color: #FFFFFF; transition: all 0.2s ease; margin: 10px auto; top: 0; padding: 0 18px; position: relative; width: 125px; height: 123px; border-radius: 5px; background-image: linear-gradient(0deg,#0839f1,#2b90fb);} .lxscon:after{ z-index:10; content: ""; width: 135px; height: 133px; border: 1px #2a8dfb solid; border-radius: 5px; position: absolute; left: -5px; top: -5px;} .lxscon:hover{ box-shadow: 0 30px 30px rgba(18,54,116,0.4);top: -30px; background-image: linear-gradient(0deg,#0839f1,#fa0ac4);} .lxscon p{ line-height: 20px; font-size: 12px;} .lxscon h2{ text-align: center;padding-top: 20px; line-height: 21px; height: 62px; overflow: hidden; font-size: 18px;} .lxscon a{ position:relative; z-index:12; display: inline-block; padding:2px 4px; border:#FFFFFF solid 1px; color: #FFFFFF; border-radius: 3px; margin-top: 16px;} .gjlm ul{ position:relative;height: 497px; margin: 180px 0;} .gjlm ul li{transition:all 0.3s ease; position: absolute; left: 0; top: 0; overflow: hidden; width:25%;} .gjlm ul li:hover{transform: scale(1.1); z-index: 99;} .gjlm ul li a,.mgjlm ul li a{ display: block; width: 100%; height: 100%; position: relative;} .gjlm ul li a:after,.mgjlm ul li a:after{ z-index: 10; content: ""; width: 100%; height: 50%; position:absolute; left: 0; bottom: 0; background-image: linear-gradient(0deg,#000,rgba(0,0,0,.7) 70%,rgba(0,0,0,.0));} .gjlm ul li a h2,.mgjlm ul li a h2{transition:all 0.2s ease; z-index: 99; color: #FFFFFF; font-size: 20px; font-weight: bold; position: absolute; left: 0; bottom: 0; text-align: center; line-height: 124px; width: 100%;} .gjlm ul li a p{opacity:0;transition:all 0.3s ease; z-index: 99; position:absolute; left: 0; width: 100%; bottom: -100px; padding: 0 50px; font-size: 14px; line-height: 180%; color: #FFFFFF; text-align: center;} .gjlm ul li.gjlm05:hover a p{ opacity: 1; bottom: 70px;} .gjlm ul li img{ display:block; width:100%;height: auto;} .gjlm ul li.gjlm03{ left:25%;} .gjlm ul li.gjlm05{ left:50%;} .gjlm ul li.gjlm07{ left:75%;} .gjlm ul li.gjlm02{ top: auto; bottom: 0; left:0;} .gjlm ul li.gjlm04{ top: auto; bottom: 0; left:25%;} .gjlm ul li.gjlm06{ top: auto; bottom: 0; left:50%;} .gjlm ul li.gjlm08{ top: auto; bottom: 0; left:75%;} .gjlm ul li:hover a:after{ height: 100%; background:rgba(63,86,167,0.9);} .gjlm ul li:hover h2{ bottom:50%; margin-bottom: -62px;} .gjlm ul li.gjlm02:hover,.gjlm ul li.gjlm06:hover,.gjlm ul li.gjlm08:hover{transform: scale(1); z-index: 99;} .gjlm ul li.gjlm02 a:after,.gjlm ul li.gjlm06 a:after,.gjlm ul li.gjlm08 a:after{ display: none} .gjlm ul li.gjlm02 a,.gjlm ul li.gjlm06 a,.gjlm ul li.gjlm08 a{ cursor: default} /*杞欢瑙e喅鏂规硶*/ .Software_wp{ width: 1200px; margin:0 auto;} .Software_wp h1{ text-align: center; font-size: 40px; padding-top: 62px;} .Chart{ padding: 104px 0 148px} .Chart img{ display: block;margin: 0 auto;} .Soft_item{ display: flex; justify-content: space-between; height: 480px; margin-bottom: 90px;} .Soft_item_font01,.Soft_item_font02,.gif01,.gif02{ width: 50%;} .gif01 img,.gif02 img{ display: block; margin: 0 auto;} .gif02 img.m{ display: none;} .Soft_item_font01{ padding-left: 94px; padding-top: 172px;} .Soft_item_font01 h2{ color: #006ef5; font-weight: bold; font-size: 30px; padding-bottom: 36px;} .Soft_item_font01 p{ font-size: 16px; font-weight: bold; line-height: 26px;} .Soft_item_font02{ padding-top: 85px;} .Soft_item_font02 p{ position: relative; width: 420px; margin: 0 auto; font-size: 13px; line-height: 20px; padding-bottom: 20px;} .Soft_item_font02 p:before,.ems_font p:before{ position: absolute; left: -20px; top: 7px; content: ""; width: 7px; height: 7px; border-radius: 7px; background: #266bff;} .Soft_item_font02 p:last-child{ font-size: 10px; line-height: 16px; color: #4f5050; padding-top: 24px;} .Soft_item_font02 p:last-child:before{ display: none;} .ems{ margin-top: 90px; min-height: 584px; position: relative;} .ems h2{ font-size: 40px;} .ems_img{ position: absolute; right: 0; top:23px;} .ems_font{ position: absolute; left:0; top: 110px; padding: 78px 109px; background: #006ef5; width: 680px;} .ems_font p{ position: relative; text-align: justify; line-height:20px; font-size: 13px; line-height: 20px; color: #FFFFFF; padding-bottom: 20px;} .ems_font p:before{ background: #FFFFFF;} /*鑷姩鍖栬В鍐虫柟妗?/ .zdh_wp{ width: 100%; overflow: hidden;} .showBox{ display: none;} .tabtitle{ display: inline-block; position: relative;z-index: 10; padding-left: 126px; height: 88px; color: #006ef5; font-weight: bold;} .tabtitle p{ font-size: 24px; text-transform: uppercase;} .tabtitle h2{ font-size: 36px; font-weight: bold;} .tab,.showBox{width:1200px; margin: 0 auto;} .tab{ display:flex;} .tab li{ cursor: pointer; position: relative; width: 50%; height:151px ; display: flex; justify-content:center; padding: 26px 0;} .tabtitle01{ background: url(../images/tabtitle01.png) left center no-repeat;} .tabtitle02{ background: url(../images/tabtitle02.png) left center no-repeat;} .tab li.active:after{ z-index: 0; content: ""; width: 1000px; height: 100%; position: absolute; right: 0; top: 0; background: #006ef5;} .tab li:nth-child(2).active:after{ right: auto; left: 0;} .tab li.active .tabtitle{ color: #FFFFFF;} .tab li.active .tabtitle01{ background: url(../images/tabtitle01_hover.png) left center no-repeat;} .tab li.active .tabtitle02{ background: url(../images/tabtitle02_hover.png) left center no-repeat;} ul.Automation_list li{ overflow: hidden; padding: 100px 0; border-bottom: 1px #b5b5b5 dashed;} ul.Automation_list li:last-child{ border: none;} a.Automation_pic{ display: block; width: 50%; float: left;} a.Automation_pic img{ display: block; width: 100%; height: auto;} .Automation_fr{ float: right; width: calc(50% - 90px);} ul.Automation_list li h2{ padding-top: 64px; font-size: 36px; line-height: 100%; color: #02071d;} ul.Automation_list li span{ display: block; line-height: 68px; font-size: 24px; color: #959595;} ul.Automation_list li em{ display: none; color: #9d9d9d;} .button-sm{ width: 165px; height: 39px; } .button-sm a{ line-height: 39px;} .Automation_con p{ line-height: 22px; font-size: 14px; color: #02071d; padding-bottom: 22px; padding-left: 15px; position: relative;} .Automation_con p:before{ content: ""; width: 8px; height: 8px; border-radius: 8px; position: absolute; left: 0; top: 7px; background: #363636;} .tabcon02-title{ padding-left: 90px; padding-top: 93px; display:block;color: #02071d;} .tabcon02-title h2{ font-size: 40px; line-height: 100%;} .tabcon02-title h3{ font-weight: bold; font-size: 26px; text-transform: uppercase; padding-bottom: 20px;} .Hot_pic{ display: block; margin: 50px auto 0;} .tabcon02{ padding-bottom: 84px;} .Hot_pic03{ float: right;} .zdhal_con{ min-height: 428px; color: #FFFFFF; width: 780px; position: absolute; left: 0; top: 50%; margin-top:-214px;background: #007AFF; padding: 0 90px} .tabcon02_con{ position: relative;} .zdhal_con h2{ line-height: 70px; text-align: center; font-size: 26px; font-weight: bold;} .zdhal_con p{ padding:58px 0 80px; font-size: 16px; line-height: 26px;} .ml30{ margin-left: 30px;} /*妗堜緥涓績*/ .case_wp{ width: 1200px; margin:0 auto;} ul.caseList{ margin: 0 -33px; overflow: hidden;} ul.caseList li{ float: left; width: 33.33%;} ul.caseList li a{ position: relative; display: block; margin: 98px 33px 0;} .case_img{ border: 2px #FFFFFF solid; position:relative; width: 100%; padding-top:65%;overflow: hidden;} .case_img img{transition: all 0.3s ease; display: block; position:absolute; left:0; top: 0; width: 100%; height: 100%;} .case_img span,a.new_pic span{ display:inline-block; height:42px; line-height: 42px;padding: 0 15px; font-size: 20px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,.9); color: #0085ff;} ul.caseList li a:hover img{ transform: scale(1.1); } ul.caseList li a:hover .case_img span,a.new_pic:hover span{ background: rgba(0,133,255,.9); color: #FFFFFF;} ul.caseList li a:hover .case_img{ border:2px #0085ff solid ;} ul.caseList li p{ line-height: 30px; font-size: 16px;} ul.caseList li h2{ margin-top: 23px; line-height: 54px; height: 54px; overflow: hidden; font-weight: bold; font-size: 26px;} ul.caseList li a:hover h2{ color: #0085ff;} ul.caseList li a h3{ font-size: 30px; padding-top: 127px;} ul.caseList li a h4{ color: #0085ff; font-size: 26px; opacity: .5; text-transform: uppercase;} .Demand_top{ height: 119px; background: url(../images/case_lybg.png) center top no-repeat;} .Demand{ margin-bottom: 130px;} .Demand_con{ background: #006EF5; padding: 0 90px 30px} .Demand-title{ padding: 55px 0; color: #FFFFFF;} .Demand-title h3{ line-height: 36px; text-transform: uppercase; font-weight: bold; font-size: 30px;} .Demand-title h2{ font-size: 50px;} .Demand-title p{ padding-top: 56px; line-height:36px; font-size: 26px; color: #FFFFFF;} .Demand_con input[type=text],.Demand_con textarea{ display: inline-block; padding:10px 0; width: 100%; border: none; border-bottom: 1px #FFFFFF solid; background:none; margin-bottom: 36px; font-size: 16px; color: #FFFFFF; text-transform: uppercase;} .Demand_con input::-moz-placeholder,.Demand_con textarea::-moz-placeholder{ color:#fff; opacity: 1;} .Demand_con textarea{ padding:0; line-height:30px;} .Demand_con input::-webkit-input-placeholder,.Demand_con textarea::-webkit-input-placeholder{color:#FFFFFF;} .Demand_con input.w430{ float: left; width: 430px;} .Demand_con input.Demand-oushu{ float: right;} .tijiao_line{ padding-top: 20px; overflow: hidden;} .tijiao_line p{ float: left; line-height: 45px; font-size: 16px; color: #FFFFFF;} .tijiao_line p input{ float: left; width: 22px; height: 22px; margin: 11.5px 18px 0 0;} .tijiao_line button{ float: right; width: 250px; height:45px; background: #dedede; line-height: 45px; text-align: center; border:1px #74beea solid; font-size: 24px; color: #0085ff; font-weight: bold;} /*灏侀潰鏁呬簨*/ .stroy_wp{ width: 1455px; margin: 0 auto;} ul.stroyList{ margin: 0 auto; padding: 0 56px 130px;} ul.stroyList .case_img{ padding-top: 111%;} .stroy_fmgs{ background: #136fe2; color: #FFFFFF; padding-left: 840px; position: relative; min-height: 416px; margin-top: 130px; padding-right: 100px;} .stroy_fmgs img{ position: absolute; left: 89px; bottom: 32px;} .stroy_fmgs h2{ font-size: 30px; font-weight: bold; padding: 60px 0 45px;} .stroy_fmgs p{ font-size: 20px; line-height: 30px; text-align: justify;} /*鑱旂郴鎴戜滑*/ .contact_wp{ width: 1200px; margin: 0 auto; min-height: 1251px; position: relative;z-index: 10;} .contact_list ul{ overflow: hidden; padding-top: 89px;} .contact_list ul li{ min-height: 139px;position: relative; padding-left: 153px;} .contact_list ul li h2{ font-size: 23px;line-height: 100%;} .contact_list ul li h3{ font-size: 20px; color: #1aaaf3; padding-top: 20px; line-height: 100%;} .contact_list ul li p{ font-size: 15px; line-height: 100%; padding-top: 10px;} .contact_list ul li:before{ content:""; position: absolute; left: 0; top: 0;width: 103px; height: 103px; border:4px #1aaaf3 solid; border-radius: 200px;} .contact_list ul li:before{ content:""; position: absolute; left: 0; top: 0;width: 103px; height: 103px; background:url(../images/lxwm_icon01.png) center no-repeat;} .contact_list ul li:nth-child(2):before{ background:url(../images/lxwm_icon02.png) center no-repeat;} .contact_wp dl{ overflow: hidden; position: relative; width: 380px; height: 781px; box-shadow: 0 0 10px rgba(129,180,223,0.2); background: #FFFFFF;} .contact_wp dl:after{ content: "Our location"; position: absolute; left:46px; bottom:80px; color: #6a8ac5; font-size: 80px; font-weight: bold; line-height: 100%; opacity: .12;} .contact_wp dl dt{ background: #00a4ff; color: #FFFFFF; padding: 30px 0 30px 50px;} .contact_wp dl dt h2,.contact_wp dl dt h3,.contact_wp dl dt h4{ line-height: 33px;} .contact_wp dl dt h2{ font-size: 30px; font-weight: bold;} .contact_wp dl dt h3{ font-size: 26px;} .contact_wp dl dt h4{ font-size: 23px;} .contact_wp dl dd{ padding-left: 50px;} .contact_wp dl dd h2{ font-size: 33px; padding: 58px 0 22px;} .contact_wp dl dd li{ position: relative; padding: 0 30px 30px 50px;} .contact_wp dl dd li p{ font-size: 16px; line-height: 30px;} .contact_wp dl dd li:after{ content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: 0; background: url(../images/lxwm_icon03.png) center no-repeat;} .contact_wp dl dd li:nth-child(2):after{ background: url(../images/lxwm_icon04.png) center no-repeat;} .contact_wp dl dd li:nth-child(3):after{ background: url(../images/lxwm_icon05.png) center no-repeat;} .contact{ position: relative; } .lxdi{ position:absolute; top: 0; left: 50%; margin-left: -220px; z-index:99; width: 1224px; min-height:1251px ; background:url(../images/lxwm_map.png) right bottom no-repeat;} .sgd{ position:absolute; display: inline-block; padding-left: 15px;} .sgd_dian{ position:absolute; left: 0; top: 0; width: 32px; height: 38px;} .sgd_dian:after,.sgd_dian:before{ box-sizing: content-box; content: ""; width: 14px; height: 14px;border-radius: 14px; background: #14284d; position: absolute; left: 9px; top: 50%; margin-top: -7px;} .sgd_dian:before{ width: 40px; height: 40px; border-radius: 40px; background: rgba(167,206,255); left: -4px; margin-top: -20px; animation: lxwsgd 2s ease-out;animation-iteration-count: infinite;} .sgd_name{ transition:all .3s ease-in-out;text-transform:uppercase; font-size: 17px; line-height: 38px; text-align: center; font-weight:bold; color: #14284d; padding: 0 15px 0 30px; height: 38px; border: 1px rgba(74,79,126,.5) solid; background: rgba(220,235,235,.5);} .sgd:hover .sgd_name,.active .sgd_name{ cursor: pointer; background: linear-gradient(90deg, #008aff, #008aff 50%, #008aff 50%, #fa0ac4 100%); color: #FFFFFF;} .nohand:hover .sgd_name{ cursor: default;} .sgd:hover .sgd_dian:after{ background: #175ddf;} .sgd:nth-child(even) .sgd_dian:before{ animation: lxwsgd 3s ease-out;animation-iteration-count: infinite;} .redsgd .sgd_name{ color: #de052e;} .redsgd .sgd_dian:after{ background: #de052e;} .fxsgd{ padding: 0; padding-right: 15px;} .fxsgd .sgd_dian{ left: auto; right: 0;} .fxsgd .sgd_name{ padding: 0 30px 0 15px;} .contact{ width: 100%; overflow: hidden;} @keyframes lxwsgd { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; } } @keyframes dh03_an01 { from{top: 50%;opacity: 1;} to{top: 40%;opacity:0;} } @keyframes dh03_an02 { from{top: 0;opacity: 1;} to{top:-30px;opacity:0;} } @keyframes dh03_an03 { from{top:50px;opacity:0;} to{top:0;opacity:1;} } @keyframes dh03_an04 { from{opacity:0;} to{opacity:1;} } @keyframes donghua002 { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } .cirqueBox{ display: none; position: relative; width: 210px; height: 210px; border-radius: 50%; -webkit-mask: radial-gradient(transparent, transparent 121px, #fff 0); mask: radial-gradient(transparent 121px, #fff 0); } .cirqueRed{ position: absolute; width:100%; height: 100%; left:0; top:0; background-color:#52a8fc; z-index: 1; } .cirqueGrey{ position: absolute; width:100%; height: 100%; left:0; top:0; background-color:#fff; z-index: 2; animation:mymove 1s linear; } @keyframes mymove { 0% { clip-path: polygon(123px 123px, 123px -300px, -300px 123px, 123px 440px, 440px 123px, 123px -300px); } 25% { clip-path: polygon(123px 123px, 123px -300px, -300px 123px, 123px 440px, 440px 123px, 440px 123px); } 50% { clip-path: polygon(123px 123px, 123px -300px, -300px 123px, 123px 440px, 123px 440px, 123px 440px); } 75% { clip-path: polygon(123px 123px, 123px -300px, -300px 123px, -300px 123px, -300px 123px, -300px 123px); } 100% { clip-path: polygon(123px 123px, 123px -300px, 123px -300px, 123px -300px, 123px -300px, 123px -300px); } } .jishu{ display: none; position:absolute; z-index: 8; left: 50%; top:50%; width: 190px; height: 190px; margin: -95px 0 0 -95px; border-radius: 50%; -webkit-mask: radial-gradient(transparent, transparent 0px, #fff 0); mask: radial-gradient(transparent 0px, #fff 0); } .jishu_red{ position: absolute; width:100%; height: 100%; left:0; top:0; background-color:#fff; z-index: 1; } .jishu_gray{ position: absolute; width:100%; height: 100%; left:0; top:0; background:url(images/shanxing.png) center no-repeat; z-index: 2; animation:mymove01 1s linear; } @keyframes mymove01 { 0% { clip-path: polygon(95px 95px, 95px -300px, -300px 95px, 95px 440px, 440px 95px, 95px -300px); } 25% { clip-path: polygon(95px 95px, 95px -300px, -300px 95px, 95px 440px, 440px 95px, 440px 95px); } 50% { clip-path: polygon(95px 95px, 95px -300px, -300px 95px, 95px 440px, 95px 440px, 95px 440px); } 75% { clip-path: polygon(95px 95px, 95px -300px, -300px 95px, -300px 95px, -300px 95px, -300px 95px); } 100% { clip-path: polygon(95px 95px, 95px -300px, 95px -300px, 95px -300px, 95px -300px, 95px -300px); } } .dh03{ width:650px; height: 320px; margin: 0 auto; position: relative;} .an01{width: 210px; height: 210px; position: absolute; left: 50%; top: 50%; margin: -105px 0 0 -105px;} .an01_donghua{animation:dh03_an01 1s ease-out;} .an01_nq{position: absolute; left: 15px; top: 15px; width: 180px; height: 180px; border-radius: 1000px; background: #255efd; box-shadow: 0 0 10px #255efd;} .an01_nq h2,.an01_nq h3{transition: all 1s ease-out; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -32px; color: #FFFFFF; text-align: center; font-size: 22px; line-height: 32px;font-weight: normal;} .an01_nq_show h2,.an01_nq h3{ opacity: 0;} .an01_nq_show h3{ opacity: 1;} .an02{ position: relative; height: 320px;} .an02 ul{ overflow: hidden; position: absolute; left: 0; top:50%; margin-top:-81px; text-align: center;} .an02 ul li{ display: none; animation: donghua002 1s ease-out; float: left; width: 162px; height: 162px; border-radius: 200px; background: #266afe; border: 10px #cbdbf8 solid; padding-top: 24px;} .an02 ul li p,.an02 ul li span{ color: #FFFFFF; text-align: center;} .an02 ul li span{ display: block; font-size: 10px; padding: 10px;} .an02 ul li img{ display: block; margin: 0 auto;} .an02_donghua{animation:dh03_an02 1s ease-out;} .an03{ position: relative; top: 0; text-align: center; padding-top: 40px;} .an03 h2{ display:none;animation:dh03_an03 1s ease-out; position: relative; top: 0; background: #FFFFFF; border: 2px #215ce0 solid; border-radius: 33px; width: 300px; left: 50%; margin-left: -150px; text-align: center; color: #215ce0; font-size: 16px; line-height: 33px; box-shadow: 0 0 10px rgba(0,0,0,0.2);} /*.an03 p{ text-align: center; font-size: 12px; color: #7a8185; line-height: 40px;}*/ .an03 p{ text-align: center; font-size: 12px; color: #7a8185;line-height: 100%;padding: 10px 0;} .an03_font01{ height: 60px; display:none; position:relative; left:0; top:0;animation:dh03_an03 1s ease-out; padding: 10px 0;} .an03 ul{ animation: dh03_an03 1s ease-out; position: relative; left: 55px; top: 0; display: none; text-align: center; width: 540px; overflow: hidden;} .an03 ul li{ position: relative; float: left; width: 120px; height: 120px; border-radius: 120px; border: 2px #215ce0 solid; margin: 0 30px;} .an03 ul li span{ transition: all 2s ease; display:block; width: 100%; position: absolute; left: 0; top: 50%; line-height: 18px; color: #215ce0; margin-top: -18px;} .an03_font01 p{ width: 100%; position: absolute; left: 0; top: 0; text-align: center; } .an03_font01_show,.an03 ul li span.an03_show{opacity: 0;} .an03_dh ul li{ background: #215ce0;} .an03_dh ul li span{ opacity:0;color: #FFFFFF;} .an03_dh ul li span.an03_show{ opacity: 1; padding-top: 9px;} .an03_dh .an03_font01 p{opacity:0; transition: all 2s ease;} .an03_dh .an03_font01 p.an03_font01_show{opacity: 1;} .shanxing{width: 190px; height: 190px; position: absolute; left: 50%; top: 50%; z-index: 10; margin: -95px 0 0 -95px;} .shan{ animation:dh03_an04 1s ease-out; display: none; position: absolute; text-align: center; width:95px; height: 95px;} .shan p{ font-size: 12px; color: #FFFFFF; line-height: 140%; padding: 10px; position: absolute;} .shan01{ left: 0; top: 0; background: url(../images/shanxing.png) left top no-repeat;} .shan02{ left: 50%; top: 0; background: url(../images/shanxing.png) right top no-repeat;} .shan03{ left: 0; top: 50%; background: url(../images/shanxing.png) left bottom no-repeat;} .shan04{ left: 50%; top: 50%; background: url(../images/shanxing.png) right bottom no-repeat;} .shan01 p{ right: 0; bottom: 0;} .shan02 p{ left: 0; bottom: 0;} .shan03 p{ right: 0; top: 0;} .shan04 p{ top: 0; left: 0;} .kjysnone{ display: none !important;} /*鏂伴椈璧勮*/ .news_wp{ width: 1200px; margin: 0 auto;} ul.newslist{ padding-top: 100px;} ul.newslist li{ padding-bottom: 100px;} ul.newslist li a{ display: block; overflow: hidden;} .newdata{ width: 160px; height: 160px; float: left; background: #006ef5; font-size:72px; line-height: 120px; text-align: center; color: #fff;} .newdata span{ display: block; width: 100%; height: 40px; line-height: 38px; font-size: 24px; color: #006ef5; box-sizing: border-box; background: #cbe5f6; border: 1px #7ecef4 solid;} .newscon{ width: calc(100% - 240px); float: right;} .newscon h2{ font-size: 28px; color: #006ef5; font-weight: bold; line-height: 44px; height: 44px; overflow: hidden;} .newscon p{ font-size: 16px; line-height: 33px; padding-top: 15px;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;} .newscon em,.newscon span{ display: block; float: left; line-height: 30px; color: #babdbe;} .newscon span{ float: right;} .news_line{ padding-top: 78px; overflow: hidden;} .news_line em,.news_line a{ display: block; float: left; line-height: 25px; font-size: 16px; opacity: .75;} .news_line a{ float: right;} .fenye{ text-align: center; padding-bottom: 100px;} .fenye a,.fenye span{ display: inline-block; padding: 4px 10px;} .fenye a:hover,.fenye span.current{ background: #006ef5; color: #fff; border-radius: 100px;} /*缇庝簹椋庨噰*/ .myfc_wp{ width: 1282px; margin: 0 auto;} .ygfc{ padding-top: 80px; overflow: hidden;} .ygfc img{ display: block; float: left; margin-right: 150px;} .button-myfc{ width: 186px; height: 52px; border-radius:0;} .button-myfc a{ line-height: 52px; font-size: 16px; font-weight: bold;} .ygfc h2{ color: #006ef5; font-weight: bold; line-height: 80px; font-size: 50px;} .ygfc p{ font-size: 20px; line-height: 26px; padding-bottom: 20px;} .ygfc span{ display: block; line-height: 30px; font-size: 24px; color: #303030; padding-bottom: 58px;} ul.caseList.fengcaiList{ padding: 0; padding-bottom: 80px;} .fengcaiList .case_img{ padding-top: 100%;} .wmdrc{ position: relative; margin-top:50px; padding-bottom: 90px;} .wmdrc-tit{ position: absolute; left: 0; top:-50px; z-index: 9; padding: 80px 0 70px; width: 100%; height: auto; background: #006EF5; padding-left: 150px; color: #FFFFFF;} .wmdrc-tit h2{ font-weight: bold; font-size: 60px;} .wmdrc-tit p{ font-size: 36px;} .wmdrc-item{ position: relative;z-index: 10; padding: 30px 140px; display: flex; justify-content:space-between;} .wmdrc-item-tit{ width: 466px;} .wmdrc-item-tit h2{ font-size: 36px; font-weight: bold; line-height: 50px; padding-bottom: 36px; padding-top: 120px;} .wmdrc-item-tit p{ line-height: 30px; font-size: 20px;} .wmdrc-item-tit-01{ padding-top: 200px;} /*鍔犲叆鎴戜滑*/ .join_wp{ width: 1200px; margin: 0 auto;} .Recruitment dl{ overflow: hidden; padding-left: 500px; padding-bottom: 35px; position: relative;} .Recruitment dl dt{ position:absolute; left:0; top:0;width: 470px;} .Recruitment dd{ width:100%; background: #f0f0f0; box-sizing: border-box; padding: 0 27px; margin-bottom: 10px;} .Recruitment dd h2{display: inline-block; font-size: 26px;overflow: hidden; font-weight: bold; color: #1564cf; line-height: 40px; border-bottom: #1564CF 2px solid;} .Recruitment dd span{ display: block; font-size: 16px; text-transform: uppercase;color: #1564cf;font-weight: bold; padding-top: 20px;} .Recruitment dd p{ line-height: 24px !important;} .dd_title{ position: relative; cursor: pointer; padding: 15px 0;} .dd_title:after{ content: "+"; position: absolute; right: 27px; line-height: 40px; top: 15px;color: #1564cf;font-size: 40px;font-weight: bold;} .dd_content{ display: none; padding-bottom: 30px;} .show .dd_content{ display: block;} .show .dd_title:after{ content: "锛?;} .gwjj{overflow: hidden;} .Recruitment dd:hover{ background: #1564CF; color: #FFFFFF;} .Recruitment dd:hover a,.Recruitment dd:hover h2,.Recruitment dd:hover span,.Recruitment dd:hover .dd_title:after{color: #FFFFFF;} .Recruitment dd:hover h2{ border-color: #FFFFFF;} .Recruitment dl dt h2,.Recruitment dl dt h3{ font-size: 40px; font-weight: bold; line-height: 120%;} .Recruitment dl dt h3{ font-size: 30px; text-transform: uppercase;} .Recruitment dl dt p{ font-size: 16px; line-height: 26px; padding-top: 58px;} .button-zpbtn{ position: absolute; left: 0; bottom: 0;} .Recruitment{ padding-bottom: 100px;} .Compensation{ margin: 70px 0 300px; background: #3084f6; position: relative;} .Compensation dl{ padding: 0 65px; color: #FFFFFF;} .Compensation ul{ overflow: hidden;} .Compensation ul li{ width: 25%; float: left; height: 180px;} .Compensation ul li:nth-child(5),.Compensation ul li:nth-child(6),.Compensation ul li:nth-child(7),.Compensation ul li:nth-child(8){ min-height: 235px;} .Compensation dl dt{ display: flex; justify-content:space-between; color: #FFFFFF; padding: 80px 0;} .Compensation dl dt>p{ max-width: 650px; line-height: 26px; font-size: 16px; text-align: justify;} .Compensation dl dt h2{ font-size: 40px; font-weight: bold;} .Compensation dl dt h2 p{ text-transform: uppercase; font-size: 30px; line-height: 36px;} .Compensation dl dd h2{ font-size: 16px; font-weight: bold;} .morefl{ position: absolute; right: 0; bottom: -220px; text-align: center; width: 937px; height: 463px; background: #1564CF;} .morefl img{ display:block; float: right;} .morefl h2{ color: #FFFFFF; font-size: 36px; line-height: 180%; display: inline-block; padding: 175px 0 110px} .morefl .button-myfc:after{ background: #FFFFFF;} .morefl .button-myfc a{ color: #1564cf;} .Hot_pic.m{ width: 100%; height: auto;} /*鏈嶅姟涓庢敮鎸?/ .service_wp{ width: 1200px; margin: 0 auto; } .rxdh{color: #0786fd; position: relative; display: inline-block; padding-left: 205px; min-height: 123px;} .rxdh:before{ content: ""; width: 127px; height: 123px; border-radius: 2px; position: absolute; left: 0; top: 0; background: linear-gradient(45deg,#008aff,#fa0ac4 75%,#ff123f);} .rxdh:after{content: ""; width: 127px; height: 123px;position: absolute; left: 0; top: 0; background: url(../images/rxdh_icon.png) center no-repeat;} .rxdh h2{ font-size: 80px; font-weight: bold; line-height: 100%;} .rxdh h3{ font-size: 30px;} .rxdh h3 p{ display: inline-block; font-size: 24px; border: 1px #2eb2ff solid; padding: 0 55px; margin-left: 24px;} .service_align{ text-align: center; padding: 120px 0;} .service_shouqian{ padding: 90px 0 90px 70px; background:url(../images/service_pic06_bg.png) 980px top no-repeat} .service_shouqian-tit{ display: block; width: 448px; } .service_shouqian-tit h2,.service_shouhou h2{ font-size: 40px;line-height: 50px; padding-bottom: 27px;} .service_shouqian-tit h3,.service_shouhou h3{ font-size: 24px; color: #d0d0d0; text-transform: uppercase; line-height: 40px;} .service_shouqian-tit p,.service_shouhou p{ line-height: 30px; font-size: 16px} .service_item{ margin-bottom: 137px; position: relative;} .service_item_left img{ display: block;} .service_item_left .service_shouhou{ position: absolute; right: 0; top: 50%; transform:translateY(-50%); width: 672px; background: #05007e; padding: 35px 128px; color: #FFFFFF;} .service_item_right,.service_item_last{ overflow: hidden;} .service_item_right img,.service_item_last img{ display:block; float: right;} .service_item_right .service_shouhou,.service_item_last_tit{position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 672px;padding: 35px 0;} .service_item_right .service_shouhou p{ padding:35px; background: #1c90fd; color:#FFFFFF;} .service_item_right .service_shouhou h2,.service_item_right .service_shouhou h3{ text-indent: 34px;} .service_item_last{ position: relative; padding: 0 56px; height: 439px; background: url(../images/service_pic01_bg.png) center no-repeat;} .service_item_last_tit{ left: 56px;} .service_item_last_tit p{ font-size: 16px; line-height: 30px;} .service_item_last_tit_t{ padding-bottom: 40px; position: relative; padding-left: 86px;} .service_item_last_tit_t:after{ content: ""; width:64px; height: 64px; background: #0786fd; position: absolute; left: 0; top: 0;} .service_item_last_tit_t h2{ font-size: 40px; line-height: 100%; } .service_item_last_tit_t h3{ font-size: 24px;color: #d0d0d0; text-transform: uppercase; line-height: 100%; } /* 鍐呴〉 */ .page_wp{ width: 1200px; margin: 0 auto; padding: 80px 0; overflow: hidden; position: relative;} .page_left{ width: 300px; float: left;} .page_search,.page_border{ border: 1px #3084f6 solid; overflow: hidden; margin-bottom: 46px;} .page_border{ margin-bottom: 0;} .page_search input[type="text"]{ font-size: 23px; width: 80%; height: 56px; border: none; background: none; float: left; line-height: 56px; text-indent:20px;} .page_search input[type="submit"]{ width: 20%; height: 56px; border: none; background: none; background: url(../images/icon_fdj.png) center no-repeat; overflow:hidden;text-indent: -999px;} .page_border{ padding: 0 22px;} .page_border ul{padding:50px 0; border-top: 1px #0085ff dashed;} .page_border ul li{ width: 100%; height: 58px; border: 1px #3084f6 solid; background: #e2eefc; margin-bottom: 20px;} .page_border ul li a{ text-indent: 28px; font-size: 24px; color: #006ef5; display: block; line-height: 58px;} .page_border dl{padding: 11px 0 16px} .page_border dl dt{ text-indent: 13px; line-height: 83px;font-size: 24px} .page_border dl dd a{ display: block; line-height: 40px; font-size: 16px; height: 40px; overflow: hidden;} .page_border dl dd a:before{ content: "路"; display: inline-block; line-height: 40px; width: 13px;} .page_right{ width: 880px; float: right;} .news-tit{ padding: 0 30px 27px 40px; overflow: hidden;} .news-tit h1{ line-height: 38px; color: #006ef5; font-size: 30px; font-weight: bold;} .news-tit span{ display: block; float: left; line-height: 40px; font-size: 16px; opacity: .75;} .news-tit span.news-hit{ float: right;} .atricle{ width: 100%;border:1px #e5e5e5 solid;overflow:auto;padding: 20px} .atricle p{ color: #6a6a6a; font-size: 14px; line-height: 34px;} .fanye,.fenxiang{ float: left; height: 70px; overflow: hidden; width: 70%;} .fenxiang{ width: 30%; line-height: 70px;} .fanye_next,.fanye_prev{ width: calc(50% - 50px); float: left; line-height: 70px; font-size: 16px; color: #006ef5;} .fanye_next a,.fanye_prev a{ color: #006ef5;} .fanye_next{ float: right;} .fanye_next:after,.fanye_prev:before{ content: "<---"; display: inline-block;} .fanye_next:after{ content: "--->";} .mCSB_container{ padding: 0 40px; margin: 0;} .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; border-radius: 5px; background: #00a4ff;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #070059;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#070059;} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#070059} .mCustomScrollBox>.mCSB_scrollTools{ opacity: 1; height: 374px; top: 50%; margin-top: -187px;} .mCSB_scrollTools a+.mCSB_draggerContainer{ margin: 0; margin-bottom: 44px;} .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ height: 31px;} .mCSB_scrollTools .mCSB_buttonDown{ margin-top: -64px; background: url(../images/icon_mouse.png) center no-repeat;} .page-tit h2{ line-height: 103px;font-size: 26px; font-weight: bold;} .page-tit a{ display: inline-block; margin-bottom: 13px; border: 1px #d2d2d2 solid; line-height: 26px; padding: 0 5px; margin-right: 3px;} .page-tit a:hover{ background: #006ef5; color: #FFFFFF;} .page-tit2{ padding-bottom: 57px;} .page-tit2 h1{ display: inline-block; line-height: 48px;font-size: 40px; color: #006ef5; font-weight: bold;} .page-tit2 h3{ display: inline-block; font-size: 16px; color: #626465; padding-left: 24px;} .smtlist_item{ overflow: hidden; padding: 70px 0; border-bottom: #0085ff dashed 1px} .smtlist_item:last-child{ border: none;} .button-smt{ float: right; width: 163px; height: 33px;} .button-smt a{ line-height: 33px; font-size: 16px;} .smtlist_item_tit{ padding-bottom: 30px;} .smtlist_item_tit h2{ line-height: 38px; font-size: 30px; color: #006ef5; font-weight: bold; width: 400px;} .smtlist_item_tit h3{ line-height: 36px; font-size: 24px; color: #6a6a6a;} .smtlist_item_tit h3 em{ display: inline-block; padding-left: 30px; font-size: 16px;} .smtlist_item_con img.smtlist_item_con_img{ display: block; position: absolute; left: 0; top: 0;} .smtlist_item_con { position: relative; padding-left: 440px; font-size: 16px; line-height: 30px; min-height: 400px;} .page-fmgs-tit{ color: #FFFFFF; position: relative; background: #006ef5; padding: 23px 32px; overflow: hidden; margin-bottom: 45px;} .page-fmgs-tit img{ display: block; float: left; border: 1px #aaa solid; margin-right: 60px;} .page-fmgs-tit h2{ padding-top: 34px; font-size: 38px; font-weight: bold; line-height: 100%;} .page-fmgs-tit h2 span{ display:block; font-size: 16px; font-weight: normal; opacity: .75;} .page-fmgs-tit p{ font-size: 20px; line-height: 26px; padding-top: 129px;} .fenxiang>em{ opacity: .75; padding-right: 30px;} .smtplus_banner{ height: 388px;} /*鍜ㄨ鏇村*/ .ban2{ height: 387px;} .more_wp{ width: 1200px; margin: 0 auto;} .more-tit{ position: relative; border:1px #006ef5 solid; padding:33px 0 33px 328px; margin-top: 147px;} .more-tit h2{font-size: 24px; color: #006ef5; line-height: 36px;} .more-tit:before{ content: ""; width: 196px; height: 100%; position: absolute; left: 0; top: 0; background: #006ef5 url(../images/more_icon_00.png) center no-repeat;} ul.more_form{ padding: 105px 0 30px; overflow: hidden;} ul.more_form li{ max-width: 50%; float: left; overflow: hidden; padding-bottom: 70px;} ul.more_form li:nth-child(2),ul.more_form li:nth-child(4),ul.more_form li:nth-child(6),ul.more_form li:nth-child(8),ul.more_form li:nth-child(10){ float: right;} ul.more_form li label{ display: block; float: left; padding-left: 48px; min-width: 205px;line-height: 21px; font-size: 16px; text-transform: uppercase; color: #6a6a6a;} ul.more_form li input{ float: left; width: 316px; height: 42px; border:1px #aaa solid; line-height: 42px; text-indent: 20px; font-size: 16px;} ul.more_form li:nth-child(1) label{ background: url(../images/more_icon_01.png) left center no-repeat;} ul.more_form li:nth-child(2) label{ background: url(../images/more_icon_02.png) left center no-repeat;} ul.more_form li:nth-child(3) label{ background: url(../images/more_icon_03.png) left center no-repeat;} ul.more_form li:nth-child(4) label{ background: url(../images/more_icon_04.png) left center no-repeat;} ul.more_form li:nth-child(5) label{ background: url(../images/more_icon_05.png) left center no-repeat;} ul.more_form li:nth-child(6) label{ background: url(../images/more_icon_06.png) left center no-repeat;} ul.more_form li:nth-child(7) label{ background: url(../images/more_icon_07.png) left center no-repeat;} ul.more_form li:nth-child(8) label{ background: url(../images/more_icon_08.png) left center no-repeat;} ul.more_form li:nth-child(9) label{ background: url(../images/more_icon_09.png) left center no-repeat;} ul.more_form li:nth-child(10) label{ background: url(../images/more_icon_10.png) left center no-repeat;} ul.more_form li:nth-child(1) label,ul.more_form li:nth-child(2) label,ul.more_form li:nth-child(3) label,ul.more_form li:nth-child(4) label{ color: #006ef5;} ul.more_form li:nth-child(1) input,ul.more_form li:nth-child(2) input,ul.more_form li:nth-child(3) input,ul.more_form li:nth-child(4) input{ border-color: #006EF5;} ul.more_form li.zxgd_textarea{max-width: inherit;width: 100%;float: none;} ul.more_form li.zxgd_textarea label{ color:#006EF5; } .zxgd_textarea textarea{ width:100%; border: 1px #006EF5 solid;line-height: 30px; margin-top: 15px;} .tijiaoline{ padding-bottom: 228px; text-align: right;} .tijiaoline input[type="submit"]{ width: 250px; height: 45px; text-align: center; line-height: 45px; color: #FFFFFF; background: #006ef5; border: 1px #71a9ec solid;font-size: 24px; font-weight: bold;} .tijiaoline label{ display: inline-block; line-height: 45px; color: #888989; font-size: 20px;} .tijiaoline input[type="checkbox"]{ padding: 10px;} /*鍏徃绠€浠?/ .company_wp{ margin: 0 auto; width: 1200px;} .company_tit{ padding: 67px 0;} .company_tit h2{ font-size: 40px; text-transform: uppercase; line-height: 68px;} .company_tit h3{ line-height: 30px; font-size: 24px; color: #006ef5; font-weight: bold;} .company_tit h3 em{ margin-left: 25px; padding: 0 25px; font-size: 16px; font-weight: normal; color: #000; border-top: #8b8b8b 1px solid;border-bottom: #8b8b8b 1px solid; display: inline-block;} .jzys_bg{ min-height:922px;background: url(../images/company_icon_00.png) right bottom no-repeat;} ul.jzys{ width: 1200px; margin: 0 auto; overflow: hidden;} ul.jzys li{ width: 33.33%; float: left; min-height: 290px;} ul.jzys li p{font-size: 16px; line-height: 24px; color: #3a3a3c;} ul.jzys li h2{ font-size: 20px; color:#3a3a3c; padding-top: 20px; line-height: 46px; font-weight: bold;} ul.jzys li h2 em{ padding-left: 15px; color: #8b8c8c; font-size: 14px; font-weight: normal;} .fzlc{ min-height: 920px; background: url(../images/fzlc_bg.jpg) center no-repeat;} .fzlc .company_tit,.fzlc .company_tit h3 em{ color: #FFFFFF} .fzlc .company_tit h3 em{ border-color: #006EF5;} ul.IndustriesList{ overflow: hidden;} ul.IndustriesList li{ width: 25%; float: left; min-height: 115px;} ul.IndustriesList li img{ display: block; float: left; margin-right: 20px;} ul.IndustriesList li h2{ padding-top: 10px; font-size: 16px; line-height: 100%;} ul.IndustriesList li p{ padding-top: 6px; display: block; font-size: 10px; text-transform: uppercase;} ul.IndustriesList li:last-child img{ margin-top: 15px;} ul.fzlcList{ position: relative; height: 684px; width:1200px; margin:0 auto} ul.fzlcList li{ position:absolute; left: 0; top: 50%; float: left; width: 127px; padding: 0 6px; border-left:1px #27527a solid;} ul.fzlcList li:after{ box-sizing: content-box; position: absolute; left: -10px; bottom: 0; content: ""; width: 8px; height: 8px; overflow: hidden; border-radius: 80px; background: #FFFFFF; border:6px #269bff solid;} ul.fzlcList li h2{ line-height: 100%; font-size: 26px; color: #00a4ff; font-weight: bold; padding-bottom: 10px;word-wrap: break-word; word-break: break-all;} ul.fzlcList li p{ padding-bottom: 66px; text-align:left; font-size: 12px; line-height: 20px; color: #FFFFFF;} ul.fzlcList li:nth-child(even):after{ bottom: auto; top: 0;} ul.fzlcList li:nth-child(even) h2{ padding-top: 40px;} ul.fzlcList li:nth-child(1){ margin-top: -113px;} ul.fzlcList li:nth-child(2){left: 22px;margin-top: 64px;} ul.fzlcList li:nth-child(3){ left: 131px; margin-top: -106px; } ul.fzlcList li:nth-child(4){ left: 154px; margin-top: 30px; } ul.fzlcList li:nth-child(5){ left: 258px; margin-top: -201px; } ul.fzlcList li:nth-child(6){ left: 281px; margin-top: 2px; } ul.fzlcList li:nth-child(7){ left: 391px; margin-top: -207px; } ul.fzlcList li:nth-child(8){ left: 415px; margin-top: -24px; } ul.fzlcList li:nth-child(9){ left: 518px; margin-top: -203px; } ul.fzlcList li:nth-child(10){ left: 541px; margin-top: -44px; } ul.fzlcList li:nth-child(11){ left: 650px; margin-top: -281px; } ul.fzlcList li:nth-child(12){ left: 673px; margin-top: -61px; } ul.fzlcList li:nth-child(13){ left: 780px; margin-top: -255px; } ul.fzlcList li:nth-child(14){ left: 803px; margin-top: -75px; } ul.fzlcList li:nth-child(15){ left: 912px; margin-top: -208px; } ul.fzlcList li:nth-child(16){ left: 936px; margin-top: -87px; } ul.fzlcList li:nth-child(17){ left: 1042px; margin-top: -235px; } ul.fzlcList li:nth-child(18){ left: 1067px; margin-top: -95px; } .customer{ position: relative; padding-bottom: 80px;} .customer-container .swiper-slide{ position: relative; height: 90px;} .customer-container .swiper-slide img{ max-height: 80%; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .swiper-button-next,.swiper-button-prev{ background: url(../images/next.png) center no-repeat !important; top: 0 !important; margin: 0 !important; height: 188px !important; position: absolute; right: -80px !important;} .swiper-button-prev{ left: -80px !important;background: url(../images/prev.png) center no-repeat !important;} .company_num{ overflow: hidden; padding: 120px 0 60px;} .company_num li{ width: 25%; float: left;} .company_num_item{ cursor: pointer; position: relative; top: 0; transition: all 0.3s ease; width: 255px; height: 255px; border:1px #3184f6 solid; border-radius: 1000px; margin: 0 auto;} .company_num_item:before{ content: ""; display: block; position: absolute; left: 0; top: -1px; width: 100%; height: 140px; background:linear-gradient(180deg, #ffffff, rgba(255,255,255,0) 100%);} .company_num_item span{ position: relative; z-index:9;display: block; text-align: center; font-size: 50px; color: #0369f4; font-weight: bold; padding-top: 60px; line-height: 100%;} .company_num_item p{ position: relative; font-size: 16px; line-height: 110%; padding-left: 83px; margin-top: 30px;} .company_num_item p:after{ content: ""; position:absolute; left: 40px; top: 0; width: 30px; height: 30px; } .company_num li:nth-child(1) .company_num_item p:after{background: url(../images/num_icon01.png) center no-repeat;} .company_num li:nth-child(2) .company_num_item p:after{background: url(../images/num_icon02.png) center no-repeat;} .company_num li:nth-child(3) .company_num_item p:after{background: url(../images/num_icon03.png) center no-repeat;} .company_num li:nth-child(4) .company_num_item p:after{background: url(../images/num_icon04.png) center no-repeat;} .company_num li:hover{ background: url(../images/num_bg_00.png) center bottom no-repeat;} .company_num li:hover .company_num_item{ position: relative; top: -29px; background: #006ef5;} .company_num li:hover .company_num_item span,.company_num li:hover .company_num_item p{ color: #FFFFFF;} .company_num li:hover .company_num_item:before{ display: none;} .company_num li:nth-child(1):hover .company_num_item p:after{background: url(../images/num_icon01鈥斺€攈over.png) center no-repeat;} .company_num li:nth-child(2):hover .company_num_item p:after{background: url(../images/num_icon02鈥斺€攈over.png) center no-repeat;} .company_num li:nth-child(3):hover .company_num_item p:after{background: url(../images/num_icon03鈥斺€攈over.png) center no-repeat;} .company_num li:nth-child(4):hover .company_num_item p:after{background: url(../images/num_icon04鈥斺€攈over.png) center no-repeat;} #lasticon{ padding-top: 110px; background: url(../images/lasticon.png) center bottom no-repeat;} .company_num li:hover #lasticon{background: url(../images/lasticon鈥斺€攈over.png) center bottom no-repeat;} .company_num_item span em{ font-size: 25px} .m{ display: none;} .RadioStyle{ float: left; padding-top: 13px;} ul.more_form li .RadioStyle input { display: none} ul.more_form li .RadioStyle label { min-width: inherit; width: 26px; height: 26px; border-radius: 4px; cursor: pointer; font-weight: normal;border: 1px solid #b9baba; text-align: center; line-height: 26px; color: #7b7b7b;font-size: 17px; background: none; padding: 0; margin-left: 20px;} ul.more_form li .RadioStyle input:checked + label {border: 2px solid #b9baba; font-weight: bold; line-height: 24px;} ul.more_form li .RadioStyle input:disabled + label {opacity: 0.7;} .checkbox{ float:left;padding: 12px 0; margin-right: 15px;} .checkbox input { display: none} .checkbox label { display: block; width: 22px; height: 23px;cursor: pointer; font-weight: normal; background: url(../images/checkbox.png) center no-repeat;} .checkbox input:checked + label { background: url(../images/checkbox_checkbox.png) center no-repeat;} .lsx-container{ padding-bottom: 115px !important;} .swiper-container-horizontal>.swiper-scrollbar{ width: 50% !important; left: 25% !important; height: 8px !important; border-radius: 8px; border: 1px #9bc8fb solid; background: #bbdbfe;} .swiper-scrollbar-drag{ background-image: linear-gradient(0deg,#0839f1,#2b90fb) !important; height: 160% !important; top: -25% !important;} .lsx-container .swiper-slide{ padding-left: 27px; background: url(../images/lsx_swiper_bg.png) left center no-repeat;} .scrollbar-next,.scrollbar-prev{ top:auto !important; bottom:-5px !important; left:50% !important; width:22px !important; height:22px !important; background:url(../images/scrollbar-next.png) center no-repeat !important; margin-left:320px !important} .scrollbar-prev{ background:url(../images/scrollbar-prev.png) center no-repeat !important; margin-left:-350px !important} /*鍔ㄧ敾*/ .yjs {position: relative;width: 1099px;height: 660px;margin: 0 auto;} .yjs img {display: block;} .yjs_bg {animation: donghua001 1s ease-out;display: none;z-index: 10;width: 648px;height: 639px;position: absolute;left: 50%;top: 25px;margin-left: -324px;} .ysj_con { animation: donghua002 1s ease-out; display:none;z-index: 11;position: absolute;left: 50%;top: 181px;width: 340px;height: 339px;margin-left: -170px;text-align: center;} .ysj_logo, .ysj_font { position:absolute; top:0; left:50%; margin-left:-102px;} .ysj_logo { width:177px;animation: donghua006 3s ease-out;display: none;top: 70px; z-index:12; margin-left:-88px} .ysj_font {z-index: 12;top: 148px;} .ysj_font_anm {top: 150px;transition: all 1s ease-out;} .ysj_font02 {animation: donghua004 1s ease-out;z-index: 12; display:none;position: absolute;left: 50%; margin-left: -191px;top: 465px;} .yjs_bottom {animation: donghua005 1s ease-out;position: absolute; display:none;left: 50%;bottom: 0;margin-left: -448px;} .ysj_icon01, .ysj_icon02, .ysj_icon03, .ysj_icon04, .ysj_icon05, .ysj_icon06 { display:none;z-index: 12;position: absolute;text-align: center;} .ysj_icon01 p, .ysj_icon02 p, .ysj_icon03 p, .ysj_icon04 p, .ysj_icon05 p, .ysj_icon06 p { display:none; transition:all 1s ease-out;text-align: center;} .ysj_icon01 {left: 353px;top: 24px;animation:rightMove 1s ease-out} .ysj_icon02 {left: 232px; top: 140px;animation:rightMove01 1s ease-out} .ysj_icon03 {left: 181px; top: 312px;animation:rightMove02 1s ease-out} .ysj_icon04 { left: 665px; top: 28px;animation:rightMove03 1s ease-out} .ysj_icon05 { left: 781px; top: 137px;animation:rightMove04 1s ease-out} .ysj_icon06 { left: 829px; top: 295px;animation:rightMove05 1s ease-out} .yjs_bottom_icon { display:none;width: 34px;height: 34px;position: absolute;left: 0;bottom: 85px;overflow: hidden;border-radius: 34px;animation: donghua006 1s ease-out;} .yjs_bottom_icon img {display: block;width: 100%;height: 100%;} .yjs_bottom_icon01 {left: 64px;} .yjs_bottom_icon02 {left: 162px;} .yjs_bottom_icon03 {left: 288px;} .yjs_bottom_icon04 {left: 403px;} .yjs_bottom_icon05 {left: 588px;} .yjs_bottom_icon06 {left: 709px;} .yjs_bottom_icon07 {left: 816px;} .ysj_con_img {z-index: 10;position: absolute;left: 0;top: 0;animation: donghua001 2s ease-out;display: none;} .dian01,.dian02,.dian03,.dian04,.dian05,.dian06,.dian001,.dian002,.dian003,.dian004,.dian005,.dian006,.dian007{ display:none; width:18px; height:18px; border-radius:18px; background:#9ac7fe; opacity:0.5; position:absolute;} .dian01{left: 387px; top: 56px;animation:dian01 6s ease-out; animation-iteration-count:infinite} .dian02{left: 266px; top: 172px;animation:dian02 6s ease-out; animation-iteration-count:infinite} .dian03{left: 219px; top: 349px;animation:dian03 6s ease-out; animation-iteration-count:infinite} .dian04{left: 702px; top: 62px;animation:dian04 6s ease-out; animation-iteration-count:infinite} .dian05{left: 816px; top: 172px;animation:dian05 6s ease-out; animation-iteration-count:infinite} .dian06{ left: 864px; top: 333px;animation:dian06 6s ease-out; animation-iteration-count:infinite} @keyframes donghua001 { from { transform: rotate(90deg) } to { transform: rotate(0deg) } } @keyframes donghua003 { from { top:148px; } to { top:168px } } @keyframes donghua002 { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @keyframes donghua003 { from { opacity: 0; } to { opacity: 1; } } @keyframes donghua004 { from { top: 545px; opacity: 0; } to { top: 465px; opacity: 1; } } @keyframes donghua005 { from { bottom:50px; opacity: 0; } to { bottom:0; opacity: 1; } } @keyframes donghua006 { 0% {opacity: 0.0;} 40% {opacity: 1;} 60% {opacity: 0.0;} 75% {opacity:1;} 90%{opacity: 0.0;} 100%{opacity:1} } @keyframes dong04 { from { left: 460px; opacity: 0; } to { left: 511px; opacity: 1; } } @keyframes rightMove{ from { left: 388px; top: 88px; opacity: 0; } to { left: 353px; top: 24px; opacity: 1; } } @keyframes rightMove01{ from { left: 298px; top: 181px; opacity: 0; } to {left: 232px; top: 140px; opacity: 1; } } @keyframes rightMove02{ from { left: 254px; top: 312px; opacity: 0; } to { left: 181px; top: 312px; opacity: 1; } } @keyframes rightMove03{ from {left: 626px; top: 92px; opacity: 0; } to { left: 665px; top: 28px; opacity: 1; } } @keyframes rightMove04{ from { left: 716px; top: 173px; opacity: 0; } to { left: 781px; top: 137px; opacity: 1; } } @keyframes rightMove05{ from { left: 752px; top: 295px; opacity: 0; } to { left: 829px; top: 295px; opacity: 1; } } @keyframes dian01{ 0% { left: 387px; top: 56px; } 50% { left: 540px; top: 341px; } 100% { left: 387px; top: 56px; } } @keyframes dian02{ 0% { left: 266px; top: 172px; } 50% { left: 540px; top: 341px; } 100% { left: 266px; top: 172px; } } @keyframes dian03{ 0% { left: 219px; top: 349px; } 50% { left: 540px; top: 341px; } 100% { left: 219px; top: 349px; } } @keyframes dian04{ 0% { left: 702px; top: 62px; } 50% { left: 540px; top: 341px; } 100% { left: 702px; top: 62px; } } @keyframes dian05{ 0% { left: 816px; top: 172px; } 50% { left: 540px; top: 341px; } 100% { left: 816px; top: 172px; } } @keyframes dian06{ 0% { left: 864px; top: 333px; } 50% { left: 540px; top: 341px; } 100% { left: 864px; top: 333px; } } .dian001,.dian002,.dian003,.dian004,.dian005,.dian006,.dian007{ top:auto; bottom:90px} .dian001{left: 168px;animation:dian001 6s ease-out; animation-iteration-count:infinite} .dian002{left: 266px;animation:dian002 6s ease-out; animation-iteration-count:infinite} .dian003{left: 393px;animation:dian003 6s ease-out; animation-iteration-count:infinite} .dian004{left: 510px;animation:dian004 6s ease-out; animation-iteration-count:infinite} .dian005{left: 701px;animation:dian005 6s ease-out; animation-iteration-count:infinite} .dian006{left: 829px;animation:dian006 6s ease-out; animation-iteration-count:infinite} .dian007{left: 925px;animation:dian007 6s ease-out; animation-iteration-count:infinite} @keyframes dian001{ 0% { left: 168px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 168px; bottom: 90px; } } @keyframes dian002{ 0% { left: 266px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 266px; bottom: 90px; } } @keyframes dian003{ 0% { left: 393px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 393px; bottom: 90px; } } @keyframes dian004{ 0% { left: 510px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 510px; bottom: 90px; } } @keyframes dian005{ 0% { left: 701px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 701px; bottom: 90px; } } @keyframes dian006{ 0% { left: 829px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 829px; bottom: 90px; } } @keyframes dian007{ 0% { left: 925px; bottom: 90px; } 50% { left: 547px; bottom: 268px; } 100% { left: 925px; bottom: 90px; } } .dh001{ position: relative; width: 636px; height: 479px;} .zsdy{ display: none; z-index: 9; position: absolute; left: 50%; top: 139px;width: 156px; height: 156px; margin-left:-79px;animation: dong01 1s ease-out; background: #fff; border-radius: 156px; box-shadow: 1px 1px 10px rgba(38,107,255,0.5); transition: all 1s ease-out} .degy{ display: none; z-index: 8; position: absolute; left: 50%; top: 96px; margin-left:-120px;animation: dong01 1s ease-out;width: 240px; height: 240px;background: #fff; border-radius: 240px; box-shadow: 1px 1px 10px rgba(38,107,255,0.5);} .zsdy h2{ display: none; margin: 0; text-align: center; line-height: 28px; color: #266bff; font-size: 18px; font-weight: bold; position: relative; top:32px;animation: dong01 1s ease-out;} .dsgy,.dsigy{ display: none; z-index: 7; position: absolute; left: 50%; top: 57px; margin-left:-154px; width: 315px; height: 315px; border-radius: 315px; background: #def6ff; box-shadow: 1px 1px 10px rgba(38,107,255,0.5);animation: dong01 1s ease-out;} .dsigy{ z-index: 6; width:373px; height: 373px; border-radius: 373px; border:4px #eeeeef solid; background: #fff; box-shadow: none; top: 23px; margin-left: -186px;} .yuanjian01{ display: none; position: absolute; left: 50%; top: 0; z-index: 10; transform: translateX(-50%); width: 146px; padding:7px 0;background: #205be0; color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height:120%; border-radius: 10px;animation: dong01 1s ease-out;} .yuanjian02,.yuanjian05{ display:none;position: absolute; left: 50%;z-index: 10; margin-left: -30px; top: 57px; width: 60px; height: 60px; border-radius: 60px; background: #205be0; color: #fff; text-align: center; font-size: 15px;line-height:120%; box-sizing: border-box; padding-top: 10px;animation: dong01 1s ease-out;} .yuanjian03{ display: none; position: absolute; top: 150px ; z-index: 12; background: #fff; left:50%;width: 30px; height: 30px; border: 2px #205be0 solid; line-height: 30px; text-align: center; color: #205be0; border-radius: 100px;animation: dong01 1s ease-out} .shi{ margin-left: -147px;} .fou{ margin-left: 114px;} .yuanjian04,.yuanjian11{ display: none; z-index: 11; position: absolute; left: 50%; top: 177px; font-size: 20px; font-weight: bold; color: #fff; width: 80px; height: 80px; border-radius: 100px; background: #205be0; color: #fff; text-align: center; box-sizing: border-box; padding-top: 13px;animation: dong01 1s ease-out} .yjleft{ margin-left: -168px;} .yjright{margin-left: 93px;} .yuanjian04{animation: dong02 1s ease-out;} .yuanjian11{ animation: dong02 1s ease-out;font-size: 14px; padding-top: 19px; margin-left:-34px;top: auto; bottom: 50px;} .yuanjian12{ border-radius: 100px; z-index: 12; position: absolute; left: 50%; bottom: 0; margin-left:-76px;font-size: 14px; line-height: 18px; color: #fff; text-align: center; background: #266bff; padding: 6px 0; width: 166px; display: none; animation: dong02 1s ease-out;} .yuanjian05{top: 189px; left: 511px; background: #266bff;animation: dong04 1s ease-out} .yuanjian06{ display: none; padding-top: 8px; position: absolute; right: 0; top: 189px;font-size: 12px; color: #266bff;animation: dong05 1s ease-out} .dsgy_line{ transition: all 1s ease-out; position: absolute; left: 0; top: 14px; width: 100%; height:0;background: url(../images/xian_dhsc.png) top center no-repeat;animation: dong02 1s ease-out;} .dsgy_line_hight{ height: 100px;} .yuanjian_icon01,.yuanjian_icon02,.yuanjian_icon03,.yuanjian_icon04{ width:47px; height: 47px; border-radius: 100px ; background: #266bff url(../images/yuanjian_icon01.png) center no-repeat; position: absolute; z-index: 11;} .yuanjian_icon01{ display: none; animation: dong06 1s ease-out; left: 105px; top: 196px;} .yuanjian_icon02{display: none; animation: dongtop01 1s ease-out; background: #0b95db url(../images/yuanjian_icon02.png) center no-repeat; left: 123px; top: 255px;} .yuanjian_icon03{display: none; animation: dongtop02 1s ease-out; background: #0aacdd url(../images/yuanjian_icon03.png) center no-repeat; left: 153px; top: 308px;} .yuanjian_icon04{display: none; animation: dongtop03 1s ease-out; background: #03c1ed url(../images/yuanjian_icon04.png) center no-repeat; left: 203px; top: 355px;} .yuanjian07,.yuanjian08,.yuanjian09,.yuanjian10{ position: absolute; left: 0; top: 202px; text-align: right; font-size: 12px; color: #266bff;} .yuanjian07{display: none; animation: dong07 1s ease-out; } .yuanjian08{display: none; animation: dongtop01 1s ease-out; top: 255px; left: 53px; padding-top: 7px;} .yuanjian09{display: none; animation: dongtop02 1s ease-out; top: 308px;padding-top: 9px;left: 21px;} .yuanjian10{display: none; animation: dongtop03 1s ease-out; top: 355px;left: 55px; padding-top: 11px;} .zsdy_blue{ background:#266BFF;} .zsdy_blue h2{ color: #FFFFFF;} .yuanhu{ transition: all 2s ease-out; background:url(../images/yuanhu.png) center no-repeat; width:383px; height:0; position:absolute; left:50%;margin-left: -186px;top: 215px;z-index: 9;} .yuanhu_show{ height:187px;} @keyframes dong01 { from{ opacity: 0; } to{ opacity: 1; } } @keyframes dong02 { 0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @keyframes dong04 { from{left: 460px;opacity: 0;} to{left: 511px;opacity: 1;} } @keyframes dong05 { from{left: 479px;opacity: 0;} to{left: 550px;opacity: 1;} } @keyframes dong06{ from{left: 150px;opacity: 0;} to{left: 105px;opacity: 1;} } @keyframes dong07{ from{left: 85px;opacity: 0;} to{left: 0;opacity: 1;} } @keyframes dongtop01{ from{top:200px;opacity: 0;} to{top:255px;opacity: 1;} } @keyframes dongtop02{ from{top:250px;opacity: 0;} to{top:308px;opacity: 1;} } @keyframes dongtop03{ from{top:300px;opacity: 0;} to{top:355px;opacity: 1;} } .kjys{ display: block !important;} .gif01{ padding-top: 110px;} .banner img{ display: none;} .banner .swiper-slide{ height: 680px; background-size: cover} .newInfo-title,.search_list{ width: 1060px; margin: 0 auto;} .newInfo-title{ padding: 60px 0 38px;} .newInfo-title h2{ background: url(../images/search_icon.jpg) left center no-repeat; font-size: 20px; line-height: 30px; color: #006ff5; text-indent: 35px; font-weight: bold;} .search_list li{ margin-bottom: 20px;} .search_list li a{ display: flex; justify-content: space-between; width: 100%; height: 66px; border: 1px #6a6a6a solid; line-height: 66px; padding: 0 45px; box-sizing: border-box;} .search_list li a:hover{ border-color: #006ff5;} .search_list li a:hover span{ color: #006ff5;} @media only screen and (max-width:1688px){ .footer{ padding:0 60px;} } @media only screen and (max-width:1120px){ .footer_nav ul li a{font-size: 16px} } @media only screen and (max-width:1477px){ .wp{max-width:1200px} header{ padding:0 20px} } @media only screen and (max-width:1350px){ .wp{max-width:1200px} header{ padding:0 20px} nav ul li a{ padding:0 10px;} } @media only screen and (max-width:1299px){ .wp{max-width:1200px} } @media only screen and (min-width:1080px) and (max-width:1920px){ /*.gwjj{ height: 120px; overflow: hidden;}*/ .pcindex{ padding-top:80px} } @media only screen and (max-width:1080px){ .wp{width:94%} .pc{ display: none;} .m{ display: block;} /*棣栭〉*/ .header{ background: #02071d; position:fixed; left: 0; top: 0; width: 100%; z-index: 9999;} .newInfo-title, .search_list{ width: calc(100% - 20px);} .logo{ height: 100%;} .logo a{ padding: 13px 16px;} .logo img{ display: block; height:21px; width: auto;} .header_search{ margin: 7px 67px 8px 0;} .header_search input[type="submit"]{ background-position: center;} .meuns{ position:absolute; right: 0; top: 0; width: 47px; height: 47px; padding-top: 14px;} .meuns span{ display: block; width: 22px; margin: 0 auto; height: 2px; border-radius: 2px; background: #FFFFFF; margin-bottom: 5px;} .header ul.nav{ display:none;border-top: 1px #616373 solid; position: absolute; left: 0; top: 47px; background: #02071d; z-index: 999; width: 100%;} .header ul.nav li{ border-bottom: 1px #616373 solid;} .header ul.nav a{ display: block; line-height: 36px; text-align: center; color: #FFFFFF;} .swiper-slide img{ display: block;} .wp1480,.indexgsjj,.more_wp{ width: 100%; padding: 0;} .gjss_con_left{ position: relative; background: url(../images/gsjj_img01.jpg) center no-repeat; background-size: cover; float: none; padding: 0 16px; width: 100%; text-align: center; padding-bottom: 20px;} .gjss_con_left:after{ content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(2,7,29,.73);} .gjss_con img{ display: none;} .gjss_con ul{ padding: 0; width: 100%; float: none;} .gjss_con ul li{border-bottom:1px #737b8d solid; border-top: 1px #696f84 solid;} .gjss_con_left p,.gjss_con_left h2,.gjss_con_left button{ position: relative; z-index: 9999;} .gjss_con_left p{ text-align: justify;} .gjss_con_left h2{ line-height:150%; text-align: center;} .button{ width: 188px; height: 33px;} .button a{ line-height: 33px; font-size: 14px} .tit p,.tit h2,.gjss_con_left h2{ font-size: 19px;} .tit{ padding: 30px 0;} .ywfw .swiper-slide{ transition:all 0.3s ease;text-align: center; height: 290px; float: left; background: #0902b7;} .ywfw .swiper-slide:nth-child(2){ background: #05007e;} .ywfw .swiper-slide:nth-child(3){ background: #01014c;} .ywfw .swiper-slide:nth-child(4){ background: #200050;} .ywlogo{ margin: 0; height: 210px;} .ywfw .swiper-slide span{ color: #FFFFFF;} .ywfw .swiper-slide:nth-child(2) .ywlogo{background: url(../images/ywfw_logo02.png) center no-repeat;} .ywfw .swiper-slide:nth-child(3) .ywlogo{background: url(../images/ywfw_logo03.png) center no-repeat;} .ywfw .swiper-slide:nth-child(4) .ywlogo{background: url(../images/ywfw_logo04.png) center no-repeat;} .ywfw{ padding-bottom: 20px;} .xmbanner{ min-height: inherit; background-size: cover; padding-bottom: 20px;} .xmbanner h2{ font-size: 24px; padding-top: 80px;} .xmbanner p{font-size: 16px} .xmbanner .button{ margin: 0;} .news_fl,.news_fr{ width: 100%; float: none;} .news_fl li, .news_fr li{ padding:10px 15px; height: auto;} .news_fl li a img{ display: block; width: 100%; height: auto;} .news_fl li a span{ margin-top: 15px;} .wyly{ width: 100%; padding:20px 20px;} .wyly-tit{font-size: 18px} .wyly_con_input{ width:100%;padding:0; padding-top: 10px; float: none; } .wyly_con .wyly_con_input:nth-child(1),.wyly_con .wyly_con_input:nth-child(2),.wyly_con .wyly_con_input:nth-child(3){ width: 100%;} .wyly_con .wyly_con_input:nth-child(3){ margin-bottom: 10px;} .send{ position: inherit; right: auto; bottom: auto; width: 100%; margin: 10px 0 0 0;} .wyly_con textarea{ width: 100%; margin: 0;} .wyly_con:after{ display: none;} .wyly_con{ margin: 0; padding-bottom: 20px;} .mfooter img{ display: block; margin: 0 auto; width: 96px; height: auto;} .mfooter p{ text-align: center; color: #4a4a4a; font-size:14px; line-height: 150%; padding: 10px 30px;} .ban{ margin-top: 47px; width: 100%; display: block;} .ban2{ height: auto;} .ban2 .banimg img{ display:block; width: 100%; height: auto;} .banfont{ width: 100%; text-align:center;} .banfont h2{ font-size: 24px; line-height: 36px;} .banfont h2 b{ font-size: 15px; line-height: 20px;} .banimg{ height: auto; position: static; width: 100%; left: auto; top: auto;} .banfont{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .more_wp{ padding: 0 15px;} .more-tit{ padding: 10px 10px 10px 50px; margin-top: 15px;} .more-tit:before{ width: 40px; height: 82.4px; background-size:50%;} .more-tit h2{font-size: 14px; line-height: 150%;} ul.more_form{ padding: 20px 0;} ul.more_form li{ max-width:inherit; width: 100%; padding-bottom: 15px;} ul.more_form li label{ width: 100%; float: none; margin-bottom: 10px;} ul.more_form li input{ width: 100%; float: none;} .tijiaoline{ padding-bottom: 20px; text-align: left;} .tijiaoline label{font-size: 14px} .tijiaoline input[type="submit"]{ width: 100%; font-size: 16px} ul.more_form li label{font-size: 14px} ul.more_form li:nth-child(9) label{ float: left; width: auto; margin-left: 12px;} ul.more_form li .RadioStyle label{ width: 26px;} .page_wp{ width: 100%; padding: 0 15px 15px;} .page_right{ width: 100%; float: none;} .page-tit2{ padding: 20px 0;} .page-tit2 h1{ font-size: 24px} .mCSB_container{ padding: 0 15px;} .atricle{ height: auto;} .atricle p{ font-size: 14px; line-height: 180%;} .smtlist_item{ padding: 0 0 10px 0; margin-bottom: 10px;} .smtlist_item_tit{ padding-bottom: 40px; position: relative; margin-bottom: 10px;} .smtlist_item_tit .button-smt,.news-tit .button-smt{ position: absolute; left: 0; bottom: 0;} .smtlist_item_tit h2,.smtlist_item_tit h3,.news-tit h1{ line-height: 180%;} .smtlist_item_tit h2,.news-tit h1{font-size: 20px} .smtlist_item_tit h3,.news-tit span{ font-size: 14px} .smtlist_item img{ float: none; width: 100%; height: auto; margin: 0 0 10px 0;} .smtlist_item_con{ margin: 0; float: none; padding: 0;} .smtlist_item_con p{ font-size: 14px; line-height: 180%;} .news-tit{ padding: 10px 0 40px 0; margin-bottom: 10px; position: relative;} .fanye, .fenxiang,.fanye_next, .fanye_prev{ float: none; width: 100%;} .fanye_next, .fanye_prev{font-size: 14px; line-height: 35px;} .fanye_next:after{ display: none;} .fanye_next:before{content: "<---"; display: inline-block;} .news-tit-m{ padding-bottom: 0;} .page-fmgs-tit{ margin: 10px 0;} .page-fmgs-tit img{ float: none; width: 60%; height: auto; margin: 0 auto 15px;} .page-fmgs-tit h2,.page-fmgs-tit p{ padding: 0; text-align: left;font-size: 16px; line-height: 180%;} .mban img{ display: block;} .mban{ height: auto;} .news_wp{ width: 100%; padding: 0 15px;} ul.newslist{ padding: 0; padding: 15px 0;} ul.newslist li{ padding-bottom: 15px; margin: 0;} .newdata{ display: none;} .newscon{ width: 100%; float: none;} ul.newslist li h2{ font-size: 18px; line-height: 180%;height: auto;} ul.newslist li p{ padding: 0; font-size: 14px; line-height: 180%;} .news_line{ padding-top: 10px;} .tab, .showBox{ width: 100%;} .tab li{ height: 88px; padding: 0;} .tabtitle{ padding: 0; padding-top: 24px; height: auto; text-align: center;} .tab li.active .tabtitle01,.tabtitle02,.tab li.active .tabtitle02,.tabtitle01{ background: none;} .tabtitle h2{ font-size: 18px; font-weight: normal;line-height: 20px;} .tabtitle p{font-size: 14px;line-height: 20px;} .tabcon02-title{ padding: 0; padding-top: 40px; text-align: center;} .tabcon02-title h2,.tabcon02-title h3{ font-size: 14px; line-height: 180%; padding-bottom: 0;} .tabcon02-title h2{font-size: 19px} .zdhal_con{ text-align: center; width: 90%; margin: 0 5%; background: rgba(0,110,245,.84); padding: 0 20px 20px; transform: translateY(-30%); min-height:200px} .zdhal_con h2{ font-size: 15px} .zdhal_con p{ padding: 0; text-align: justify; font-size: 14px} .zdhal_con .button-sm{ width: 140px; margin-top: 10px;} .tabcon02_con{ background: url(../images/Hot_pic03.png) center no-repeat; background-size: cover; min-height: 400px;} .tabcon02_con .tabcon02-title h2,.tabcon02_con .tabcon02-title h3{ color: #FFFFFF;} .Hot_pic{ margin: 15px 0;} .tabcon02{ padding-bottom: 15px;} ul.Automation_list li{ padding: 15px;} a.Automation_pic{ float: none; width: 100%;} a.Automation_pic img{ display: block; width: 100%; height:auto;} .Automation_fr{ float: none; width: 100%;} ul.Automation_list li h2{ font-size: 24px; line-height: 180%; padding: 10px 0;} ul.Automation_list li span{ font-size: 16px; line-height: 180%;} .Automation_con p{font-size: 14px} .Software_wp,.Soft_item_font01, .Soft_item_font02, .gif01, .gif02,.myfc_wp{ width: 100%;} .Software_wp h1{ font-size: 24px; padding-top: 15px;} .Soft_item{ height: auto; display: block; margin-bottom: 15px;} .Soft_item_font01,.Soft_item_font02{ float: none; width: 100%; padding: 15px;} .Soft_item_font02 p{ width: 100%; padding-left: 20px; text-align: justify;} .Soft_item_font02 p:before, .ems_font p:before{ left: 0;} .Soft_item_font01 h2{font-size:24px; padding: 0;} .Soft_item_font01 p{font-size: 14px} .mems h2{ font-size: 19px; color: #006ef5; font-weight: bold; text-align: center; padding: 20px 0;} .mems ul{ text-align: center; padding-bottom: 30px;} .mems ul li{ color: #FFFFFF; padding: 10px 20px; width: 60%; display: inline-block; background: #54bcb5; border-radius: 1000px; margin: 10px auto;} .ygfc{ padding: 10px;} .ygfc img{ display: block; width: 100%; height: auto; margin: 0; float: none;} .ygfc p{ font-size: 14px; line-height: 180%;} .ygfc h2{ font-size: 24px; line-height: 200%;} .ygfc span{ font-size: 16px; line-height: 180%; padding-bottom: 10px;} ul.caseList{ margin:0; padding: 10px;} ul.caseList li{ float: none; width: 100%; padding-bottom: 10px;} ul.caseList li a{ margin: 0;} .wmdrc-tit,.wmdrc-item{ padding: 10px; padding-left: 40px;} .wmdrc-tit h2{font-size: 24px} .wmdrc-tit p{ font-size: 14px} .wmdrc-item-tit h2{font-size: 18px; padding: 0; line-height: 180%;} .wmdrc-item-tit-01{ padding-top: 50px;} .wmdrc-item-tit p{ font-size: 14px; line-height: 120%;} .wmdrc-item{ padding-left: 10px;} .wmdrc-item-tit{ padding-left: 15px;} ul.caseList li h2{ margin-top: 10px; font-size: 14px; line-height: 150%; height: auto;max-height: 42px; overflow:hidden} ul.caseList li p{font-size: 12px; line-height: 150%;} .case_img {border: 2px #FFFFFF solid;position: relative;width: 40%;padding-top: 29%; overflow: hidden;float: left; margin-right: 10px;} .case_img span, a.new_pic span{ font-size: 14px; line-height: 26px; height: 26px;} .con{ background: url(../images/lxwm_m_bg.png) center no-repeat; background-size: cover; padding: 30px 15px;} .con_div{ min-height: 677px; background: #fff url(../images/lxwm_map_bg.png) right bottom no-repeat; padding: 0 33px;} .con_div_tit{ color: #07021b; padding-top: 40px;} .con_div_tit p{ font-size: 15px; text-transform: uppercase; line-height: 24px;font-weight: bold;} .con_div_tit h2{font-size: 22px; line-height: 34px;font-weight: bold;} .lxwm_m ul{ padding: 30px 0;} .lxwm_m ul li{ padding-left: 32px; position: relative;} .lxwm_m ul li h2{font-size: 15px; font-weight: bold; line-height: 100%; padding: 5px 0;} .lxwm_m ul li h3{font-size: 15px; color: #1aaaf3; line-height: 25px;} .lxwm_m ul li p{font-size: 15px; color: #3a3a3c; line-height: 20px; padding-bottom: 20px;} .lxwm_m ul li:before{ content:""; width: 22px; height: 22px; border-radius: 22px; border: 1px #000 solid; position: absolute; left: 0; top: 0;} .lxwm_m ul li:after{ content:""; width: 22px; height: 22px; border-radius: 22px; position: absolute; left: 0; top: 0;} .lxwm_m ul li:nth-child(1):after{ background: url(../images/lxwm_m_icon01.png) center no-repeat; background-size: 30%;} .lxwm_m ul li:nth-child(2):after{ background: url(../images/lxwm_m_icon02.png) center no-repeat; background-size: 50%;} .xgcon h2{ font-size: 16px; padding: 20px 0;font-weight: bold;} .xgcon li{ position: relative; padding: 0 20px 20px 35px;} .xgcon li p{ font-size: 14px; line-height: 180%;} .xgcon li:after{ content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: 0; background: url(../images/lxwm_icon03.png) center no-repeat;} .xgcon li:nth-child(2):after{ background: url(../images/lxwm_icon04.png) center no-repeat;} .xgcon li:nth-child(3):after{ background: url(../images/lxwm_icon05.png) center no-repeat;} .join_wp,.stroy_wp,.case_wp,.service_wp{ width: 100%;} .Compensation dl,.stroy_fmgs{ padding: 10px;} .Compensation{ margin:10px;} .Compensation dl dt{ display: block; width: 100%; padding: 0;} .Compensation dl dt h2,.Demand-title h2{font-size: 24px} .Compensation dl dt h2 p,.Demand-title h3,.Compensation ul li h2{font-size: 16px} .Compensation dl dt>p{ width: 100%; font-size: 14px; line-height: 180%; padding: 20px 0;} .Compensation ul li{ position: relative; width: 50%; height: 100px; padding-left: 54px; margin-bottom:10px} .Compensation ul li img{ position: absolute; left: 0; top: 0;} .Compensation ul li:nth-child(5), .Compensation ul li:nth-child(6), .Compensation ul li:nth-child(7), .Compensation ul li:nth-child(8){ min-height: inherit;} .Compensation ul li p{ font-size: 12px; line-height: 140%;} .Compensation ul li:last-child{ width: 100%;margin-top: 35px;} .Recruitment dl,.Demand_con{ padding: 10px;} .Recruitment dl dt{ padding-bottom: 40px;} .Recruitment dl{ padding-top: 200px;} .Recruitment dl dt,.Recruitment dl dd{ float: none; width: 100%; height: auto; margin: 0; margin-bottom: 10px;} .Recruitment dl dt{ left: 10px;} .Recruitment dl dd,.Recruitment{ padding-bottom: 20px;} .Recruitment dl dt h2, .Recruitment dl dt h3{font-size: 24px} .Recruitment dl dt p{font-size: 14px; padding: 10px 0;} .stroy_fmgs{ margin: 0; min-height: inherit;} .stroy_fmgs img{ position: static; left: auto; top: 0; width: 100%; height: auto;} .stroy_fmgs h2{font-size: 24px; padding: 10px 0;} .stroy_fmgs p,.Demand-title p,.service_item_last_tit p{font-size: 14px; line-height: 180%;} ul.stroyList .case_img{ padding-top: 45%;} ul.stroyList li{ min-height: 180px;} .Demand_con input.w430{ float: none; width: 100%;} .Demand{ margin: 0;} .Demand-title{ padding:10px 0 30px 0;} .Demand-title p{ padding-top: 15px;} ul.caseList li a h3{ padding-top: 30px; font-size: 18px; text-align: center;} ul.caseList li a h4{font-size: 14px; text-align: center;} .service_shouqian{ padding: 10px 10px 30px 10px;} .service_shouqian-tit{ width: 100%;} .service_shouqian-tit h3, .service_shouhou h3{ font-size: 16px;; line-height: 180%;} .service_shouqian-tit h2, .service_shouhou h2{font-size: 20px; line-height: 30px; padding-bottom: 20px;} .service_shouqian-tit p, .service_shouhou p{font-size: 14px; line-height: 180%;} .service_item{ margin: 0;} .service_item_left .service_shouhou,.service_item_right .service_shouhou, .service_item_last_tit{ position: static; left: auto;top: auto; transform: inherit; width: 100%; padding: 10px;} .service_item_right img, .service_item_last img{ float: none;} .service_item_last{ padding: 0; height: auto;} .service_item_last_tit_t{ padding-bottom: 20px; padding-left: 60px;} .service_item_last_tit_t:after{ width: 45px; height: 45px;} .service_item_last_tit_t h3{font-size: 16px; padding-bottom: 5px;} .service_item_last_tit_t h2{ font-size: 24px} .service_align{ padding: 20px 0;} .rxdh{ padding-left: 75px;} .rxdh:before,.rxdh:after{ width: 60px; height: 60px;} .rxdh:after{ background-size: 60%;} .rxdh h2{ font-size: 42px} .rxdh h3{font-size: 16px; } .rxdh h3 p{ padding: 0 15px; font-size: 14px;} .zht{ padding: 15px 0;} .lsx, .gjlm{ width: 100%;} .lsx-container .swiper-slide{ background-size: 100%; padding-left: 14px;} .lxscon{ width: 160px; height: 160px; padding: 0 8px;} .lxscon:after{ width:174px; height: 174px;} .lsx-container{ padding-bottom: 35px !important;} .lxscon h2{font-size: 18px; line-height: 180%; padding-top: 10px;} .lxscon a{font-size: 12px} .mgjlm ul{ overflow: hidden; padding-top: 20px;} .mgjlm ul li{ width: 50%; float: left;} .mgjlm ul li a{display: block;width: 100%; height: 100%;position: relative;} .mgjlm ul li a h2{ font-size: 18px; line-height: 60px;} .mgjlm ul li a img{ display: block;width:100%; height: auto;} .mgjlm ul li.mgjlm01 a img{ height: 256px;} .mgjlm ul li.mgjlm02 a img{ height: 169px;} .mgjlm ul li.mgjlm05,ul.jzys { width: 100%;} .company_wp,.jzys_bg{ width: 100%; padding: 0 15px;} .company_tit{ padding: 15px 0;} .company_tit h2{font-size: 22px; line-height: 180%;} .company_tit h3{font-size: 14px; line-height: 150%;} .company_tit h3 em{font-size: 12px; padding: 0 10px; margin-left: 10px;} .customer{ padding-bottom: 10px;} ul.IndustriesList li,ul.jzys li{ width: 50%;} ul.IndustriesList li{ min-height: 90px;} ul.IndustriesList li h2{font-size:14px;} ul.IndustriesList li p{ padding:0} ul.IndustriesList li img {max-width: 60px; max-height: 58px;} ul.jzys li h2{ font-size: 16px; line-height: 150%;} ul.jzys li p{font-size: 12px; line-height: 180%; padding-right:15px} ul.jzys li h2 em{ padding: 0; font-size: 12px; display: block;} ul.jzys li{ min-height: 242px;margin-bottom: 15px;} .jzys_bg{ min-height: inherit; background-size: 80%;} .company_num{ padding: 10px 0;} .company_num li{ width: 50%; margin-bottom: 20px;} .company_num_item{ width: 90%; height: 170px;} .company_num_item span{font-size: 24px; padding-top: 30px;} .company_num_item p{font-size: 12px; line-height:150%;padding-left:50px; margin-top: 20px;} .company_num_item p:after{ left: 15px;} #lasticon{ padding-top: 55px; background-size: 20%;} .mfzlc{ padding: 10px; background: #050203;} .mfzlc .company_tit h2,.mfzlc .company_tit h3,.mfzlc .company_tit h3 em{ color: #FFFFFF;} .mfzlc-container .swiper-slide{ width: 324px; height: 194px; background: #1aaaf3; border-radius: 10px; color:#FFFFFF; text-align: center;} .mfzlc-container .swiper-slide h2{ font-size: 24px; line-height: 200%; padding: 20px 0;} .mfzlc-container .swiper-slide p{ padding: 0 20px 30px;} .ywfw-container{ padding-bottom: 40px !important;} .ml30{ margin-left: 0;} /*鍔ㄧ敾*/ .gif01{ padding:20px 0;} .dh03,.dh001{ width: 100%;} ul.con_li{ overflow: hidden; padding-top: 12px;} ul.con_li li{ cursor: pointer; display: inline-block; padding: 3px 13px; border: 1px #ccc solid;margin-bottom: 8px; font-size: 12px;} ul.con_li li.active{ background: #1aaaf3; border-color: #1aaaf3; color: #fff;} .gif02 img.m{ display: block; width:92%} .an02 ul{ width: 324px; height: 324px; left: 50%; margin: -162px 0 0 -162px;} .an03 ul{ left: 0;} .an03_dh ul li,.an03 ul li{ margin: 0 auto;} .wyly-tit{ width: 100%; float: none} .smtlist_item_con img.smtlist_item_con_img{ position: inherit; left: auto; top: auto;} li.yyqh{ overflow: hidden;} li.yyqh a{ display: block; width: 50%; float: left; text-align: center;} } @media only screen and (max-width:414px){ .header_search{ width: 150px;} .indexgsjj .wp{ width: 100%;} .news_fr li p{ height: auto;} .search_list li a{ display: block; padding: 10px; height: auto; line-height: 24px;} .search_list li a span{ display: block; line-height: 24px;} } .an01stop{animation: none;opacity: 1;display: block !important;} .glinfo{ padding-top: 10px; } .glinfo ul{} .glinfo ul li{ font-size: 14px; margin-top: 8px; list-style-position: inside; list-style-type: disc; } .new-fzlc{ clear: both; float: none; text-align: center; width: 100%; overflow: hidden; position: relative; height: 780px; } .new-fzlc img{ height: 780px; max-width: 1920px; width: 1920px; margin-left: -960px; position: absolute; left: 50%; top: 0px; right: 50%; } .zdh_wp .tab{display: none;} .banner .swiper-pagination-bullet { width: 16px; height: 16px; } @media only screen and (min-width:414px){ .qywh_box{background-image:url(../images/qywh_01.jpg);background-repeat:no-repeat;background-position:center center;clear:both;float:none;min-height:770px;width:100%;overflow:hidden; background-size:auto 100%;margin-top: 50px;margin-bottom: 50px;} .qywh_box .box{position:relative;min-height:770px;text-align:left;max-width: 1200px;margin: 0 auto;} .qywh_box .box .tit{position:absolute;left:0;top:73px} .qywh_box .box .tit h2{font-size:40px;text-transform:uppercase;line-height:68px;text-align:left} .qywh_box .box .tit h3{line-height:30px;font-size:24px;color:#fff;font-weight:700;text-align:left} .qywh_box .box .r{position:absolute;left:658px;top:143px;width:45%} .qywh_box .box .r .t{font-size:22px;line-height:46px;color:#fff;background-color:#006ef4;height:46px;padding-right:20px;padding-left:20px;white-space:nowrap;display:inline-block} .qywh_box .box .r .dbt{padding-top:20px} .qywh_box .box .r .dbt strong{font-size:36px;color:#000} .qywh_box .box .r .mt{margin-top:110px} .qywh_box .box .r .dbt ul{display:flex;flex-wrap:wrap;align-content:flex-start} .qywh_box .box .r .dbt ul li{font-size:22px;width:50%;line-height:50px;height:50px;margin-bottom:11px;margin-top:11px} .qywh_box .box .r .dbt ul li img{vertical-align:middle;display:inline-block;margin-right:15px;height:50px;width:50px} } @media only screen and (max-width:1080px){ .qywh_box{min-height:658px;} .qywh_box .box{min-height:658px;} .qywh_box .box .tit{top:98px;left:12px;} .qywh_box .box .tit h2{font-size: 22px;line-height: 180%;} .qywh_box .box .tit h3{font-size: 14px;line-height: 150%;} .qywh_box .box .r{right:12px;top:140px;width:44%; left:auto;} .qywh_box .box .r .t{font-size:15px;line-height:36px;height:36px;padding-right:20px;padding-left:20px;} .qywh_box .box .r .dbt strong{font-size:26px;} .qywh_box .box .r .mt{margin-top:80px} .qywh_box .box .r .dbt ul li{font-size:15px;width:50%;line-height:34px;height:34px;} .qywh_box .box .r .dbt ul li img{margin-right:10px;height:34px;width:34px} } @media only screen and (max-width:775px){ .qywh_box .box .tit h3{ color:#006ef4;} } @media only screen and (max-width:414px){ .qywh_box{min-height:auto;padding-top:0;padding-bottom:30px;background-image:url(../images/qywh_01.jpg);background-repeat:no-repeat;background-position:-60% top;background-size:auto 60%;margin-top:20px} .qywh_box .box{min-height:auto;} .qywh_box .box .tit{position:static; padding-left:15px; padding-right:15px;} .qywh_box .box .r .mt{margin-top:20px} .qywh_box .box .r .dbt strong{font-size:20px;} .qywh_box .box .r .dbt{padding-top:10px} .qywh_box .box .r{ position:static;width:100%; padding-left:15px; padding-right:15px;box-sizing:border-box;} .qywh_box .box .r .dbt ul li{margin-top:5px; margin-bottom:5px;} .qywh_box .box .r .t{font-size:14px;line-height:26px;height:26px;padding-right:10px;padding-left:10px;} .qywh_box .box .r .dbt ul li img{margin-right:5px;height:24px;width:24px} }