/* KISSY CSS Reset */ .mCSB_scrollTools{display:block!important;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ½á¹¹ÔªËØ */ dl, dt, dd, ul, ol, li, /* list elements ÁбíÔªËØ */ pre, /* text formatting elements Îı¾ÃûÌÃÔªËØ */ fieldset, lengend, button, input, textarea, /* form elements ±íµ¥Î»ËØ */ th, td { /* table elements ±í¸ñÔªËØ */ margin: 0; padding: 0; font-size: 14px; } body, button, input, select, textarea { font-family: "Noto Sans SC";font-size: 16px; } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var, i { font-style: normal; } /* ½«Ð±Ìå·öÕý */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* ͳһµÈ¿í×ÖÌå */ small { font-size: 12px; } /* СÓÚ 12px µÄÖÐÎĺÜÄÑÔĶÁ£¬ £¬£¬£¬£¬£¬Èà small Õý³£»£»£»£»¯ */ img{ max-width: 100%;} /* ÖØÖÃÁбíÔªËØ */ ul, ol { list-style: none; } /* ÖØÖÃÎı¾ÃûÌÃÔªËØ */ a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #000000; } a:active,a:visited,a:focus{text-decoration: none;} /* ÖØÖÃ±íµ¥Î»ËØ */ input,select,textarea,button{outline:medium;} legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img ³Ë³µ£ºÈÃÁ´½ÓÀïµÄ img Îޱ߿ò */ input {vertical-align:middle;border: none; background: none;outline:none;}\n /* ×¢£ºoptgroup ÎÞ·¨·öÕý */ button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } hr { border: none; height: 1px; } .con_detail .ceshi { font-size: 18px; font-weight: 700; margin-bottom: 30px; } .ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .txthid{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .con_detail{font-size:16px;line-height:2em;} .con_detail p{font-size:16px;} .con_detail img,.con_detail table,.con_detail video,.con_detail iframe{max-width: 100%;} html{ overflow-y: scroll; min-width: 320px;} .not-animated{opacity:1;} input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000000; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000000; } .isNull{width:100%; font-size:15px;color:#161616;text-align:center;padding:50px 20px;} /*ÉèÖÃ×óÓÒ¸¡¶¯*/ .fl{float: left;} .fr{float: right;} /*ÇåÎú¸¡¶¯*/ .clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;} .clearfix{*zoom:1;} .mt20{ margin-top: 20px;} .pro_file_down{width:40%;height:50px;line-height:50px;font-size:15px;color:#fff;border-radius:25px; text-align:center;margin:50px auto;display:block;background:#11396c;} .pro_file_down:hover{color:#fff;} #iframeld { height:100vh; } /*¼ÓÔØ×ÖÌå*/ @font-face { font-family: 'BigJohn'; src: url('/Public/demo/css/font/bigjohn.eot'); src: url('/Public/demo/css//Public/demo/css/font/bigjohn.eot') format('embedded-opentype'), url('/Public/demo/css/font/bigjohn.woff') format('woff'), url('/Public/demo/css/font/bigjohn.ttf') format('truetype'), url('/Public/demo/css/font/bigjohn.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SlimJoe'; src: url('/Public/demo/css/font/SlimJoe.eot'); src: url('/Public/demo/css//Public/demo/css/font/SlimJoe.eot') format('embedded-opentype'), url('/Public/demo/css/font/SlimJoe.woff') format('woff'), url('/Public/demo/css/font/SlimJoe.ttf') format('truetype'), url('/Public/demo/css/font/SlimJoe.svg') format('svg'); font-weight: normal; font-style: normal; } /*Ư¸¡*/ .fixed_tools{width:56px;height:228px;position:fixed;top:50%;margin-top:-114px; right:-56px;transition:all 220ms linear;} .fixed_tools ul li{width:56px;height:56px;background:rgba(0,0,0,0.59);transition:all 220ms linear;margin-bottom:1px;} .fixed_tools ul li img{width:100%;height:100%;display:block;} .fixed_tools ul li:hover{background:rgba(0,43,98,0.59);} .fixed_tools.on{right:2px;} @media only screen and (max-width:1024px ) { .fixed_tools.on{right:-56px;} .index_cur_box{display:none;} } /*Ê×Ò³¶¨Î»µã*/ .index_cur_box{position:fixed;left:38px;top:50%;margin-top:-120px;} .index_cur_box .top{font-size:14px;font-family:Arial;color:#fff;font-weight:bold;} .index_cur_box.h .top{color:#262626;} .index_cur_box .line{width:15px;height:1px;background:#fff;margin:15px 0px;} .index_cur_box.h .line{background:#262626;} .index_cur_box ul li{cursor:pointer; width:21px;height:20px;background:url(/Public/demo/images/images/index_dot.png) center center no-repeat;background-size:100%;transition:all 220ms linear;margin-bottom:8px;} .index_cur_box ul li a{display:block;width:100%;height:100%;} .index_cur_box ul li.on,.index_cur_box ul li:hover{background:url(/Public/demo/images/index_dot_on.png) center center no-repeat;background-size:100%;} .header{width: 100%;height: auto;background: transparent; position: fixed;font-size: 15px;min-width: 320px;z-index: 999;top: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .header::after{content:"";width:100%;height:1px;position:absolute;bottom:0px;left:0px;} .header .content{width: 100%;margin: 0px auto;_overflow: hidden;} .header .content .logo{float: left;width: auto; transition: all .3s linear;width: 4%} .header .content .logo img{width: auto; display: block; transition: all .3s linear;} .header .content .logo .tou{display: block} .header .content .logo .white{display: none;margin-top: 10px;} .header .content .icon_menu{float: left;height: 100px;transition: all .3s linear;cursor:pointer;width: 6%} .header .content .icon_menu img{width: auto;height: 100%; display: block;transition: all .3s linear;} .header .content .tools_box{height: 100%;float: right;text-align: center;margin-right:20px;} .header .content .tools_box .box{height: 32px;margin: 34px 0px;transition: all .3s linear;} .header .content .tools_box .box .item{float: left;position: relative;} .header .content .tools_box .box .lang .lang_btn{width: 90px;height: 32px; cursor: pointer;margin-right: 20px;position: relative;text-align: center;} .header .content .tools_box .box .lang .lang_btn .tou{display: none} .header .content .tools_box .box .lang .lang_btn::after{content: "";background: #90aab8; width: 1px;height: 22px;position: absolute;right: -20px;top: 5px; } .header .content .tools_box .box .lang .lang_btn img{height: 100%;display: block;margin: 0px auto;} .header.on .content .tools_box .box .lang .lang_btn .tou{display: block} .header.on .content .tools_box .box .lang .lang_btn .white{display: none} .header .content .tools_box .box .lang .lang_list{display: none;position: absolute;z-index: 999; top: 40px;left: 0px;width: 100%;box-sizing: border-box; padding: 20px 25px;background: rgba(0,0,0,0.6);border-radius: 12px;} .header .content .tools_box .box .lang .lang_list li{line-height: 30px;text-align: left;transition: all .3s linear;} .header .content .tools_box .box .lang .lang_list li a{font-size: 14px;color: #FFFFFF;} .header .content .tools_box .box .search{width: 180px;height: 32px;margin-left: 10px;cursor: pointer;line-height: 10px} .header .content .tools_box .box .search img{width: 100%;height: 100%;display: block;} .header .content .d_nav{float: left;margin-left: 0px;} .header .content .d_nav>ul>li.w0{width:0px;} .header .content .d_nav.on>ul>li.w0{width:110px;} .header .content .d_nav>ul>li{transition:all 320ms linear; text-align: center; line-height: 100px;float: left;padding: 0px 13px;box-sizing:border-box; position: relative;} .header .content .d_nav>ul>li>a{width: 100%;height:100px; display: block;color: #747474;position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;overflow: hidden;} .header .content .d_nav>ul>li>a span{ width: 100%; height: 100%; display: block;z-index: 999; font-size: 16px; color: #fff; } .header .content .d_nav>ul>li>a .cn{width: 100%;height: 100%;display: block;} .header .d_nav_conbox{ width: 100%;_border-top: 1px solid #e2e4e6;overflow: hidden;display:block;} .header .d_nav_conbox .subnav{display: none;position:relative;} .header .d_nav_conbox .subnav::after{content:"";width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0px;left:0px;} /*²úÆ·ÏÂÀ­µ¼º½*/ .header .d_nav_conbox .pro_box{overflow: hidden;height:545px;} .header .d_nav_conbox .pro_box .pro_ctg{width:290px;height: 100%;float: left;background: #e9edf0;} .header .d_nav_conbox .pro_box .pro_ctg ul li{width: 100%;overflow: hidden;height: 97px;line-height: 97px;background: #e8eaed;border-bottom: 1px solid #FFFFFF;transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li .icon{margin-left: 63px; width: 97px;height: 97px; float: left;text-align: right;} .header .d_nav_conbox .pro_box .pro_ctg ul li .icon img{width: 100%;height: 100%;transform: scale(0.7);opacity: 0.7;filter: alpha(opacity=70);} .header .d_nav_conbox .pro_box .pro_ctg ul li .title{position: relative; font-size: 17px;color: #3a3a3a; width: calc(100% - 160px);box-sizing: border-box; padding-right:45px; text-align: right; float: right;transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li .title::after{content: "";width: 15px;height: 97px;background: url(/Public/demo/images/nav_pro_arrow.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;right: 15px;opacity: 0;filter: alpha(opactiy=0);transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover,.header .d_nav_conbox .pro_box .pro_ctg ul li.on{background: #1e2b66;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title{color:#ffffff;padding-right:60px;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .icon img,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .icon img{opacity: 1;filter: alpha(opacity=100);} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title::after,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title::after{right: 30px;opacity: 1;filter: alpha(opactiy=100);} .header .d_nav_conbox .pro_box .pro_con{width: calc(100% - 290px);height: 100%;float: left;} .header .d_nav_conbox .pro_box .pro_con .con_item{width: 100%;height: 100%;overflow: hidden;display: none;} .header .d_nav_conbox .pro_box .pro_con .con_item.on{display: block;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{position: relative;float: left; height: 100%;width: 500px;margin-right: 20px; box-sizing: border-box;padding: 40px 70px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav ul{height: 100%;overflow-y:auto;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li{ line-height: 63px;position: relative;padding-left: 12px; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li a{ font-size: 17px;color: #424242; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover a{ color: #1e2b66;font-weight: bold; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li::after{content:"";width:2px;height: 2px;background: #424242;position: absolute;top: 50%;left: 2px;margin-top: -1px;transition: all 0.2s linear;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover::after{width:6px;height: 6px;background: #1e2b66;border-radius: 50%; left: 0px;margin-top: -3px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{border-left: 1px solid #b8bcbf; float: left;width: calc(100% - 520px); height:442px;margin-top: 40px; padding-left:165px; box-sizing: border-box;overflow: hidden;} .header .d_nav_conbox .pro_box .pro_con .con_item .title{font-size: 29px;color: #1e2b66;font-weight: bold;margin-bottom: 15px;} .header .d_nav_conbox .pro_box .pro_con .con_item .en_title{font-size: 20px;color: #dcdcdc;margin-bottom: 35px;} .header .d_nav_conbox .pro_box .pro_con .con_item .line{margin-bottom: 20px;} .header .d_nav_conbox .pro_box .pro_con .con_item .line img{display: block;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img{height: 280px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img img{height: 280px;width: auto;display: block;} @media only screen and (max-width:1600px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 440px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 460px)} } @media only screen and (max-width:1400px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 400px;padding: 40px 60px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 420px);padding-left:145px;} } @media only screen and (max-width:1280px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 380px;padding: 40px 50px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 400px);padding-left:125px;} } /*ÆäËû¶þ¼¶À¸Ä¿*/ .header .d_nav_conbox .o_box{overflow: hidden;height:350px;box-sizing: border-box;text-align: center;} .header .d_nav_conbox .o_box .ctg_sub{width: 135px; display: inline-block;vertical-align: top;padding-top: 45px;margin-right: 115px; overflow:hidden;} .header .d_nav_conbox .o_box .ctg_sub ul li{transition:all .3s linear; background: #e0e0e0; width: 100%;height: 36px;line-height: 36px;border-radius: 18px; text-align: center;margin-bottom: 10px;box-sizing:border-box; padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .header .d_nav_conbox .o_box .ctg_sub ul li:hover{background: #1e2b66;} .header .d_nav_conbox .o_box .ctg_sub ul li a{font-size: 13px;color: #000000;} .header .d_nav_conbox .o_box .ctg_sub ul li:hover a{color: #FFFFFF;} .header .d_nav_conbox .o_box .ctg_news{display: inline-block;vertical-align: top;height: 230px;margin-top:54px;padding-left: 90px;border-left: 1px solid #babdc0;overflow: hidden;} .header .d_nav_conbox .o_box .ctg_news .news_img{height: 230px;position: relative;float:left;margin-right: 80px;} .header .d_nav_conbox .o_box .ctg_news .news_img img{height: 100%;width: auto;} .header .d_nav_conbox .o_box .ctg_news .news_img .title{width: 100%;padding: 0px 15px;font-size: 13px;color:#ffffff; height: 55px;line-height: 55px; background: rgba(0,0,0,0.7);position: absolute;bottom: 0px;left: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .header .d_nav_conbox .o_box .ctg_news .news_img ul{overflow:hidden;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li{float:left;margin:0px 5px;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li img{height:200px;width:auto;display:block;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li .tit{height:30px;line-height:30px;text-align:center;font-size:14px;color:#000000;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{float: left;width: 500px;text-align: left;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .tit{font-size: 18px;color: #1e2b66;font-weight: bold;margin-bottom: 15px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li{height: 40px;line-height: 40px; padding-right: 100px;position: relative;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li .time{width: 100px;text-align: right;font-size: 13px;color: #727171;position: absolute;right: 0px;top:0px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li a{font-size: 14px;color: #393939;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li:hover a{color: #000000;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .more{font-size: 14px;color: #1e2b66;text-decoration: underline;line-height: 30px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .about_box{width:440px;margin-bottom:20px; font-size:14px;line-height:30px;color:#313131;} @media only screen and (max-width:1440px ) {about_box .header .d_nav_conbox .o_box .ctg_sub{margin-right: 80px;} .header .d_nav_conbox .o_box .ctg_news{padding-left: 80px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{width: 460px;} } @media only screen and (max-width:1280px ) { .header .d_nav_conbox .o_box .ctg_sub{margin-right: 60px;} .header .d_nav_conbox .o_box .ctg_news{padding-left: 60px;} .header .d_nav_conbox .o_box .ctg_news .news_img{margin-right: 60px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{width: 400px;} } /* .header .content .d_nav>ul>li.active>a .cn{top: 0px; color: #016038;} .header .content .d_nav>ul>li.active>a .en{top: 80px;} .header .content .d_nav>ul>li:hover>a .cn{top: 0px;color: #016038;} .header .content .d_nav>ul>li:hover>a .en{top: -80px;} .header .content .d_nav>ul>li.active:hover>a .en{top: 80px;} */ /*.header .content .d_nav>ul>li>a::before{position: absolute;content: "";width: 0%;height: 0px;background-color: #e90500;left: 50%;bottom: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .header .content .d_nav>ul>li.active>a::before,.header .content .d_nav>ul>li:hover>a::before{position: absolute;content: "";height: 3px;background-color: #e90500;left: 0%;width: 100%;}*/ .header .content .d_nav>ul>li>a:hover{color: #1e2b66;} /*´óµ¼º½»¬¿éÑùʽ*/ .d_nav .nav_cur{width: 64px;height: 2px;background: #1e2b66;position: absolute;left: 39px;bottom: 0px;display: none;} .header .content .d_nav>ul>li .subnav{width: 100%;padding-bottom: 25px;display: none;} /*.header .content .d_nav>ul>li .subnav li>a{ line-height: 28px; display: block; color: #bbb9b9; font-size: 12px; transition: all 220ms ease-in; } .header .content .d_nav>ul>li ul.subnav li>a:hover{ color: #171717; }*/ .header.black{ background: rgba(23, 28, 32, 1); border-bottom: 1px solid rgba(255,255,255,.2); } /*Ò³ÃæÍÑÀ붥²¿Ö®ºó ËõСµ¼º½ºÍ¼ÓÅ侰ͼ*/ .header.on{background: rgba(255,255,255,1);z-index: 100} .header.drop{background: rgba(255,255,255,1);} .header.drop .content .d_nav>ul>li>a span{color:#333} .header.drop .content .tools_box .box .lang .lang_btn .white{display: none} .header.drop .content .tools_box .box .lang .lang_btn .tou{display: block} .header.on .content .d_nav>ul>li{line-height: 100px;} .header.on .content .d_nav>ul>li>a{height:100px; } .header.on .content .logo{ height: 100px;} .header.on .content .icon_menu{height: 100px;} .header.on .content .d_nav>ul>li>a span{color:#333} .header.on .content .logo .tou{display: none} .header.on .content .logo .white{display: block} .header.drop .content .logo .tou{display: none} .header.drop .content .logo .white{display: block} /*nav*/ /*nav*/ /*ËÑË÷*/ /* reset webkit search input browser style */ input { outline: none; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } /* search input field */ input[type=search] { background: #ededed url(/Public/demo/images/search-icon.png) no-repeat 9px center; border: solid 1px #ccc; padding: 5px 10px 5px 32px; width: 130px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } input[type=search]:focus { width: 130px; background-color: #fff; border-color: #1e2b66; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); } /* placeholder */ input:-moz-placeholder { color: #999; } input::-webkit-input-placeholder { color: #999; } /*ËÑË÷¿¢ÊÂ*/ .index-nav{width: 100%;height: 100px;box-sizing: border-box;} .index-nav-frame{margin: 0 auto;} .index-nav-frame-line{color: #fff;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 100px;text-align: center;font-weight: 700;} .index-nav-frame-line.active .xianav{font-size: 20px} .index-nav-frame-line .xianav{font-size: 15px;margin: 0 20px} .index-nav-frame-line.active{color:#fff;} .index-nav-frame-line .xianav{color:#fff} .index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */ border-top: 2px solid #1e2b66;} .index-nav-frame-line-li{width: 100%;font-weight:normal;text-align: center;background: white;color: #666666;line-height: 50px;display: block;border-bottom: 1px solid #d9d9d9;font-size: 13px} .index-nav-frame-line-li:hover{background: #1e2b66;color: white;border-bottom: 1px solid #1e2b66} .index-nav-frame-line-li:hover a{background: #1e2b66;color: white;} .index-nav-frame-line-focus:focus{display: none;} .index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;} .nav-line{height: 50px;width: 100%;position: relative;display: none;outline: none;} .nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;} .nav-small img{width: 100%;height: 100%;object-fit: cover;} .nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;} .nav-small-focus:focus{display: none;} .header.on .index-nav-frame-line{color:#333} .header.on .index-nav-frame-line .xianav{color:#333} .header.on .index-nav-frame-line.active{color:#1b1f79;border-bottom: 2px solid #1b1f79} /*ÐÂnav*/ .hamburger{top:15px;width:60px;height:60px;cursor:pointer;position:relative;z-index:2;} .hamburger__bar{position:absolute;background:#fff;transition:background .3s ease,transform .3s ease;top:50%;left:50%;transform:translate(-50%,-50%)} .hamburger__bar,.hamburger__bar:after,.hamburger__bar:before{width:26px;height:5px} .hamburger__bar:before{content:"";position:absolute;left:0;bottom:8px;background:#fff;transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)} .hamburger__bar:after{content:"";position:absolute;left:0;top:8px;background:#fff;transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)} .header.on .hamburger__bar{background:#1b1f79} .header.drop .hamburger__bar{background:#333} .header.on .hamburger__bar:before{background:#1b1f79} .header.drop .hamburger__bar:before{background:#333} .header.on .hamburger__bar:after{background:#1b1f79} .header.drop .hamburger__bar:after{background:#333} .hamburger__bar.openActive{background:rgba(255,255,255,0)} .hamburger__bar.openActive:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)} .hamburger__bar.openActive:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)} .burger_menu{position:fixed;top:100px;left:0;width:100%;background:url(/Public/demo/images/di.jpg);z-index:23;overflow:hidden;height:0;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:0;transition-delay:.7s} .header.on .burger_menu{top:100px;} .burger_menu.active{height:450px;transition:all 1s cubic-bezier(.19,1,.22,1);opacity:1;transition-delay:.2s} .burger_menu ul{padding:0;margin:0;list-style:none;font-size:0;} .burger_menu .navleft{margin-left: 17.5%} .burger_menu>ul{padding-top:80px;padding-bottom:80px;transition:all .7s cubic-bezier(.19,1,.22,1)} .burger_menu>ul>li{display:inline-block;font-size:15px;vertical-align:top;min-height:250px;margin: 0 2px} .burger_menu>ul>li:nth-child(n+1){} .burger_menu>ul>li:nth-last-of-type(1){border-right:none} .burger_menu>ul>li>a{display:inline-block;text-decoration:none;text-decoration:none;color:#8d8d8d;margin-bottom:10px;font-size:14px} .burger_menu>ul>li>ul>li>a{display:inline-block;text-decoration:none;text-decoration:none;font-size:14px;position:relative;color: #666666; line-height: 50px; display: block; border-bottom: 1px solid #d9d9d9;text-align: center} .burger_menu>ul>li>ul>li>a:after{content:"";position:absolute;top:100%;left:0;width:100%;transform:scaleX(0);height:2px;background-color:#8d8d8d;transition:transform .5s cubic-bezier(.19,1,.22,1);transition-delay:.1s;transform-origin:right} .burger_menu>ul>li>ul>li:hover{background: #1e2b66;color: white;border-bottom: 1px solid #1e2b66} .burger_menu>ul>li>ul>li:hover a{background: #1e2b66;color: white;} .burger_menu>ul>li>ul>li>a:hover:after{transform-origin:left;transform:scaleX(1)} .burger_menu .title{color:#282828;font-size:15px;margin-bottom:20px;font-weight:700;position:relative;padding: 0 18px;} .burger_menu .title:after{content:'';position:absolute;width:0;bottom:-5px;height:2px;background:#000;left:0} .burger_menu .title.active:after{width:100%} .burger_menu>ul>li:nth-child(1){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.85s} .burger_menu>ul>li:nth-child(1)>a,.burger_menu>ul>li:nth-child(1)>ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s} .burger_menu>ul>li:nth-child(2){transform:translateY(-80px);opacity:0;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.7s} .burger_menu>ul>li:nth-child(2)>a,.burger_menu>ul>li:nth-child(2)>ul{transform:translateY(-80px);opacity:1;transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.5s} .burger_menu>ul>li:nth-child(3){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.55s;opacity:0} .burger_menu>ul>li:nth-child(3)>a,.burger_menu>ul>li:nth-child(3)>ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.35s;opacity:0} .burger_menu>ul>li:nth-child(4){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.4s;opacity:0} .burger_menu>ul>li:nth-child(4)>a,.burger_menu>ul>li:nth-child(4)>ul{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0} .burger_menu>ul>li:nth-child(5){transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.25s;opacity:0} .burger_menu>ul>li:nth-child(4)>ul,.burger_menu>ul>li:nth-child(5)>a{transform:translateY(-80px);transition:all 1s cubic-bezier(.19,1,.22,1);transition-delay:.2s;opacity:0} .burger_menu.active>ul>li:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s} .burger_menu.active>ul>li:nth-child(1)>a,.burger_menu.active>ul>li:nth-child(1)>ul{opacity:1;transform:translateY(0);transition-delay:.05s} .burger_menu.active>ul>li:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.25s} .burger_menu.active>ul>li:nth-child(2)>a,.burger_menu.active>ul>li:nth-child(2)>ul{opacity:1;transform:translateY(0);transition-delay:.2s} .burger_menu.active>ul>li:nth-child(3){transform:translateY(0);transition-delay:.4s;opacity:1} .burger_menu.active>ul>li:nth-child(3)>a,.burger_menu.active>ul>li:nth-child(3)>ul{transform:translateY(0);transition-delay:.35s;opacity:1} .burger_menu.active>ul>li:nth-child(4){transform:translateY(0);transition-delay:.55s;opacity:1} .burger_menu.active>ul>li:nth-child(4)>a,.burger_menu.active>ul>li:nth-child(4)>ul{transform:translateY(0);transition-delay:.5s;opacity:1} .burger_menu.active>ul>li:nth-child(5){transform:translateY(0);transition-delay:.7s;opacity:1} .burger_menu.active>ul>li:nth-child(4)>ul,.burger_menu.active>ul>li:nth-child(5)>a{transform:translateY(0);transition-delay:.5s;opacity:1} .blackLevel{position:fixed;top:81px;left:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:20;transition:ease .5s 1s;opacity:0;visibility:hidden} .blackLevel.active{opacity:1;visibility:inherit;transition:ease .5s} .productNav.burger_menu>ul>li{width:calc(100% / 3)} .productNav.burger_menu>ul>li:nth-child(n+1){padding-left:10%} .pageSearch{padding-bottom:100px} .swiper-lazy-preloader{border:4px solid #0e963d;border-top-color:transparent} .xs_nav{display: none} @media screen and (max-width:1200px){ .hamburger:hover .hamburger__bar{background:rgba(255,255,255,0);transform:translate(-50%,-50%) rotate(45deg);transition:background .3s ease,transform .3s .6s ease} .hamburger:hover .hamburger__bar.openActive{transform:translate(-50%,-50%) rotate(0);transition:background .3s ease,transform .3s ease} .hamburger:hover .hamburger__bar:after{top:0;transform:rotate(45deg);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)} .hamburger:hover .hamburger__bar:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)} /*ÐÂnav*/ .nav_btn{width: 80px;height: 80px;float: right;cursor: pointer;display: none;transition: all linear .3s;} .lang_min{width:80px;height:80px;float:right;cursor:pointer;display:none;} .lang_min img{width:100%;height:100%;display:block;} .nav_btn.open{background:url(/Public/demo/images/btn_open.png) center center no-repeat ;background-size: 100%; } .nav_btn.close{background:url(/Public/demo/images/btn_close.png) center center no-repeat;background-size: 100%;opacity: 1!important;} .xs_nav{display: block} .xs_nav {width: 100%;height: 100vh;background: rgba(0,0,0,0.4);overflow: hidden; margin-top: 10px;display: none;border-top: 1px solid #eee;text-align: left;} .xs_nav .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;} .xs_nav .nav-item a{color: #212121;font-size: 14px;} .xs_nav .nav-item .title{width:100%;line-height: 50px;position: relative;padding-left: 15px;color: #666666;font-size: 14px;} .xs_nav .nav-item .title .drop-btn{font-family: simhei; width: 50px;height: 50px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;} .xs_nav .nav-item.open .title .drop-btn{transform: rotate(-45deg);} .xs_nav .nav-item .title a{display: block;} .xs_nav .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;} .xs_nav .nav-item ul li{padding-left: 30px;line-height: 30px;} .xs_nav .nav-item ul li a{line-height: 30px;color: #333333;} } @media only screen and (max-width:768px ) { .xs_nav .nav-item ul li{padding-left: 30px;line-height: 28px;} .xs_nav .nav-item ul li a{font-size: 13px; line-height: 28px;color: #333333;} } /*ËÑË÷*/ .sh_bkg{ position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;} .sh_box{ position:fixed; left:50%; margin-left:-390px; top:50%;margin-top:-94px; z-index:2001; width:780px; display:none;text-align: center;} .sh_box .stxt{ float:left; display:block; width:675px; height:88px; line-height:88px; padding:0px 20px; border:0;background: #FFFFFF;} .sh_box .sbtn{ float:left; display:block; width:105px; height:88px; line-height:88px; text-align:center; color:#FFF; background:#1e2b66 url(/Public/demo/images/index_04.png) center center no-repeat; border:0; cursor:pointer;} .sh_box form{width: 100%; overflow: hidden;} .sh_box .box{text-align:center;overflow:hidden;} .sh_box .close{ position:relative; width:80px; height:80px;float:none;margin:0px auto; cursor:pointer;margin-bottom:20px;} .sh_box .close:before,.sh_box .close:after{ content:""; display:block; width:80px; height:1px; background-color:#FFF; position:absolute; left:0px; top:40px;} .sh_box .close:before{ transform:rotate(45deg);} .sh_box .close:after{ transform:rotate(-45deg);} /*½¹µãͼ*/ .banner{width: 100%;z-index: 0;position: relative;overflow: hidden} #t-ban{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #t-ban .swiper-slide{position: relative;} #t-ban .swiper-slide .con_box{position: absolute;top: 0px;left: 0px;transition: all linear .3s;} #t-ban .swiper-slide img{width: 100%; max-width: 100%;height: auto;} #t-ban .swiper-slide .con_box{top: 26%;left: 260px;opacity: 0;filter: alpha(opacity=0);text-align: left;} #t-ban .swiper-slide .con_box .title{font-size: 60px;color: #1e2b66;font-weight: bold;margin-bottom: 20px;} #t-ban .swiper-slide .con_box .desc{font-size:25px; color: #414141;text-align: left;margin-bottom: 40px; } #t-ban .swiper-slide .con_box .more{height: 49px;text-align: center;display: block;} #t-ban .swiper-slide .con_box .more img{width: auto; height: 100%;display: block;transition:all 220ms linear;} #t-ban .swiper-slide .con_box .more img:hover{transform:scale(1.05);} #t-ban .swiper-slide .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 160px;} #t-ban .swiper-pagination{position:absolute;width:29px; top:50%;left:initial; right:60px;} #t-ban .swiper-pagination-bullet{display:block;width: 29px;height: 2px;opacity:1; transition: all linear .3s;position:relative;margin-bottom:18px;background:none;} #t-ban .swiper-pagination-bullet::after{content:"";width:17px;height:2px;background:#1b3685;position:absolute;right:0px;top:0px;transition:all 220ms linear;} #t-ban .swiper-pagination-bullet-active{} #t-ban .swiper-pagination-bullet-active::after{width:29px;background:#fff;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{width:40px;height: 40px;margin-top: -20px;border-radius: 20px;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{background-color: rgba(0,0,0,.2);background-image: none;transition: all linear 0.3s;} #t-ban .swiper-button-prev:hover,#t-ban .swiper-button-next:hover{background-color: rgba(0,0,0,.9);} #t-ban .swiper-button-prev i,#t-ban .swiper-button-next i{display: block;width: 40px;height: 40px;line-height:40px; font-size: 20px;font-family: simhei;text-align: center;color: #FFFFFF; transition: all linear 0.5s;} #t-ban .swiper-button-prev:hover { background: #1b5696; } #t-ban .swiper-button-next:hover { background: #1b5696; } #t-ban .swiper-slide:nth-child(2) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(2) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 60%;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:40px;color:#5a5f61;font-weight:lighter;} #t-ban .swiper-slide:nth-child(4) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(4) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 62%;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:40px;color:#5a5f61;font-weight:lighter;} /*½¹µãÏ·½4¸ö²úÆ·À¸Ä¿*/ .banner .ban_pro_ctg{position: absolute;width: 100%;box-sizing:border-box; bottom: 0px;z-index: 999;background: rgba(0,0,0,0.3);} .banner .ban_pro_ctg .content{width:1600px;margin:0px auto;} .banner .ban_pro_ctg ul{overflow: hidden;} .banner .ban_pro_ctg ul li{width: 25%;text-align: center;float: left;padding-top: 35px;padding-bottom: 15px;cursor: pointer;} .banner .ban_pro_ctg ul li img{transition: all .3s linear;margin: 0px auto;display: block;} .banner .ban_pro_ctg ul li .title{font-size: 16px;color: #ffffff;line-height: 40px;} @media only screen and (min-width:1600px ) { #t-ban .swiper-slide .con_box{top: 32%;} } @media only screen and (max-width:1600px ) { .banner .ban_pro_ctg .content{width:100%;margin:0px auto;} #t-ban .swiper-slide .con_box{top: 28%;left: 15%;} #t-ban .swiper-slide .con_box .title{font-size: 28px;line-height: 50px;} #t-ban .swiper-slide .con_box .desc{font-size:16px;margin-bottom: 30px;} #t-ban .swiper-slide .con_box .more{height: 46px; line-height:46px; border-radius: 25px;font-size:14px;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:22px;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:22px;} } @media only screen and (max-width:1200px ) { #t-ban .swiper-slide .con_box{top: 15%;} } @media only screen and (max-width:900px ) { #t-ban .swiper-slide .con_box{top: 14%;left:20%;} #t-ban .swiper-slide .con_box.on{top: 10%;left:10%;} #t-ban .swiper-slide .con_box .title{font-size: 24px;line-height: 46px;} #t-ban .swiper-slide .con_box .desc{font-size:14px;margin-bottom: 20px;} #t-ban .swiper-slide .con_box .more{height: 36px; line-height:36px; border-radius: 20px;font-size:14px;} .banner .ban_pro_ctg ul li{padding-top: 20px;} .banner .ban_pro_ctg ul li img{width:42px;height: 42px;} .banner .ban_pro_ctg ul li .title{font-size: 14px;line-height: 30px;} #t-ban .swiper-slide:nth-child(2) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(2) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 60%;} #t-ban .swiper-slide:nth-child(4) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(4) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 62%;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:16px;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:16px;} } @media only screen and (max-width:768px ){ #t-ban .swiper-slide .con_box{display: none;} .banner .ban_pro_ctg{position: relative;} .banner .ban_pro_ctg ul li .title{font-size: 13px;} } @media only screen and (max-width:480px ){ .banner .ban_pro_ctg ul li{padding-top: 15px;} .banner .ban_pro_ctg ul li{width: 50%;} .banner .ban_pro_ctg ul li .title{font-size: 12px;} } /*Ê×Ò³²úƷϵÁÐ*/ .index_pro_box{width: 100%;background: url(/Public/demo/images/index_pro_bg.jpg) center center no-repeat;background-size: 100% 100%;z-index: 99;position: relative} .index_pro_box .content{padding-top:192px;overflow: hidden;} .index_pro_box .pro_swiper_box{overflow: hidden;position: relative;} .index_pro_box .info_box{width: 27%;float: left;} .index_pro_box .info_box .box{padding-left:20%;padding-right: 10%;} .index_pro_box .info_box .title{font-size: 35px;font-weight: bold;color: #1e2b66;margin-bottom: 10px;} .index_pro_box .info_box .en_title{font-size: 33px;color: #dcdcdc;font-weight: bold;margin-bottom: 15px;} .index_pro_box .info_box .icon{margin-bottom: 40px;} .index_pro_box .info_box .desc{font-size: 16px;color: #181818;line-height: 40px;margin-bottom: 40px;} .index_pro_box .info_box .page_box{} .index_pro_box .info_box .page_box .more{margin-right: 20px; display: inline-block;vertical-align: top;width: 50px;height: 50px;position: relative;} .index_pro_box .info_box .page_box .more::after{content: "";width: 100%;height: 100%;background: url(/Public/demo/images/index_pro_arr_01.png) center center no-repeat;background-size: 100%;position: absolute;top: 0px;left: 0px;} .index_pro_box .info_box .page_box .more::before{animation: rotating 6s linear infinite; content: "";width: 100%;height: 100%;background: url(/Public/demo/images/index_pro_arr_02.png) center center no-repeat;background-size: 100%;position: absolute;top: 0px;left: 0px;} .index_pro_box .info_box .progress_box{width: 50px;height:50px;display: inline-block;vertical-align: top;position: relative;} .index_pro_box .info_box .swiper-pagination{height: 12px;padding: 19px 0px;display: inline-block;vertical-align: top;} .index_pro_box .info_box .swiper-pagination span{width: 12px;height: 12px;background: #8a8a8a;opacity: 1;margin: 0px 4px;} .index_pro_box .info_box .swiper-pagination span.swiper-pagination-bullet-active{background: #1e2b66;} .index_pro_box .pro_swiper_box{width: 73%;padding-right: 20px;box-sizing: border-box; float: right;overflow: hidden;} .index_pro_box .pro_swiper_box .swiper-slide .box{position: relative;} .index_pro_box .pro_swiper_box .swiper-slide .img_box{overflow:hidden;} .index_pro_box .pro_swiper_box .swiper-slide .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;} .index_pro_box .pro_swiper_box .swiper-slide:hover .img_box img{transform:scale(1.1);} .index_pro_box .pro_swiper_box .swiper-slide .box .con_box{width: 100%;text-align: center; position: absolute;bottom: 0px;left: 0px;} .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .line{width: 22px;height: 2px;background: #c9a25d;margin: 0px auto;margin-bottom: 15px;} .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title{text-align: center;font-size: 17.6px;line-height: 38.7px;color: #111111;margin-bottom: 30px;} .index_pro_box .pro_swiper_box .swiper-slide:hover .box .con_box .title{color:#1e2b66;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.9);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear;} /*.index_pro_box .pro_swiper_box .swiper-slide .box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/ .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:hover{background: rgba(18,58,109,0.95);} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item .title{font-size: 14px;color: #FFFFFF;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;} .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;} .index_pro_box .more_box{width: 100%;float: left;text-align: right;padding: 60px 0px;} .index_pro_box .more_box .title{height: 50px;line-height: 50px;vertical-align: top;display: inline-block;margin-right: 20px;} .index_pro_box .more_box .title a{font-size: 14px;color: #323232;font-weight: bold; text-decoration: underline;} .index_pro_box .more_box .icon{height: 50px;line-height: 50px;vertical-align: top;display: inline-block;} @media screen and (max-width: 1400px){ .index_pro_box .info_box .box{padding: 0px 25px;} } @media screen and (max-width: 1200px){ .index_pro_box .content{padding-top: 140px;} .index_pro_box .info_box{width: 100%;} .index_pro_box .pro_swiper_box{width: 100%;padding: 0px 20px;} .index_pro_box .info_box{margin-bottom: 20px;} .index_pro_box .info_box .page_box{display: none;} } @media screen and (max-width: 1024px){ .index_pro_box .content{padding-top: 100px;} .index_pro_box .info_box .title{font-size: 32px;} .index_pro_box .info_box .en_title{font-size: 29px;} .index_pro_box .info_box .icon{margin-bottom: 20px;} } @media screen and (max-width: 768px){ .index_pro_box .content{padding-top: 80px;} .index_pro_box .info_box .title{font-size: 30px;} .index_pro_box .info_box .en_title{font-size: 27px;} .index_pro_box .info_box .icon{margin-bottom: 15px;} .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title{margin-bottom: 15px;font-size: 15px;} } @media screen and (max-width: 375px){ .index_pro_box .content{padding-top: 60px;} .index_pro_box .info_box .title{font-size: 28px;} .index_pro_box .info_box .en_title{font-size: 25px;} .index_pro_box .info_box .icon{margin-bottom: 12px;} .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title{margin-bottom: 12px;font-size: 15px;} .index_pro_box .more_box{padding: 40px 0px;} } /*ͨÀ¸*/ .about{ position: relative; color: #fff;} .about .inner{ padding-top: 11.4%; padding-bottom:90px; position: relative;} .about_bg{ position: absolute; top:-592px; left:0; z-index: 1; width:100%; height:1480px; background-position:center top; background-size: cover; background-repeat:no-repeat; background-attachment: fixed;} .inner{ width:1526px; margin-left: auto; margin-right: auto;} @media only screen and (max-width: 1680px){ .inner{ width:1200px;} } @media only screen and (max-width: 1580px){ .inner{ width:1024px;}} @media only screen and (max-width: 1359px){ .inner{ margin-left: auto; margin-right: auto;} } .about_area { position: relative; z-index: 2; } .about_overview{ width:66.19%; padding-right: 5%; float:right;} .about_mark{ display:block; width:8%; max-width: 48px; margin-bottom: 30px;} .about_title{ overflow: hidden; margin-bottom: 30px;} .about_title a{ display:block; color:rgba(255,255,255,.70);} .about_title a:hover{ color:#fff} .about_status{ overflow: hidden; margin-bottom: 60px;} .about_status span{ display:block;} .about_status img{ display:block; width:97%; max-width: 815px;} .about_more{ overflow: hidden; margin-bottom: 14%;} .about_more a{ display:inline-block; line-height: 32px; color: #fff;} .about_more a em{ display:inline-block; vertical-align: middle; position: relative; margin-right: 15px; width:30px; height: 30px; background: url(/Public/demo/images/ico_07_01.png) center center no-repeat;} .about_more a em:before{content:""; position: absolute; top:50%; left:50%; margin: -6px 0 0 -6px; width:12px; height: 12px; background: url(/Public/demo/images/ico_07_03.png) right center no-repeat;} .about_more a:hover{ color:rgba(255,255,255,.70);} .about_more a:hover em:before{background-position: left center;} .about_title a,.about_status span,.about_more a{ position:relative; top:0px; opacity:1; -webkit-transition:all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .mouse_mark{ text-align: right;display:none} .mouse_mark img,.my_move02{ animation: move02 2s infinite; -moz-animation: move02 2s infinite; -webkit-animation: move02 2s infinite; -o-animation: move02 2s infinite; } @keyframes move02 { 0% { opacity: 1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } 50% { opacity: 0.7; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } 100% { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes move02 {/*Õë¶ÔwebkitÄÚºË*/ 0% { opacity: 1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } 50% { opacity: 0.7; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); transform:translateY(-10px); } 100% { opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } } /*Ê×Ò³¹ØÓÚÊ®´óµç×ÓÓÎϷƽ̨ÍøÕ¾°å¿é*/ .index_about_box{width: 100%;height: 910px;overflow: hidden;z-index: 10;position: relative} .index_about_box .content{overflow: hidden;} .index_about_box .left_box{width: 38%;float: left;} .index_about_box .left_box .con_box{height: 532px; background: #1e2b66;color: #FFFFFF;display: flex;align-items: center;} .index_about_box .left_box .con_box .c_box{width: 80%;margin: 0px auto;} .index_about_box .left_box .con_box .title{font-size: 35px;color: #FFFFFF;} .index_about_box .left_box .con_box .line{width: 49px;height: 3px;margin: 36px 0px; background: #f4c125;} .index_about_box .left_box .con_box .desc{font-size:15px;color: #FFFFFF;line-height: 35px;} .index_about_box .left_box .con_box .more{transition:all .3s linear; display: block;border: 2px solid #716d5a;box-sizing: border-box; width: 183px;height: 58px;line-height: 58px;font-size: 14px;color: #FFFFFF; border-radius: 29px; text-align: center;margin-top: 70px;} .index_about_box .left_box .con_box .more:hover{background:#ddb875;border-color:#ddb875;} .index_about_box .left_box .img_box{position:relative; height: 378px;background: url(/Public/demo/images/index_about_l_01.jpg) center center no-repeat; background-size:auto 100%; } .index_about_box .left_box .img_box img{ visibility: hidden;opacity: 0;filter: alpha(opacity=0);} .index_about_box .left_box .img_box.item1 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;} .index_about_box .left_box .img_box.item1 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;} .index_about_box .left_box .img_box.item1:hover .info_box{background:rgba(0,0,0,0.5);} .index_about_box .left_box .img_box.item1:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);} .index_about_box .right_box{width: 62%;float: right;} .index_about_box .right_box .item{overflow: hidden;height: 455px;overflow:hidden;} .index_about_box .right_box .item .img_box{position:relative; width:calc(100% - 406px);height: 100%; float: left;background: url(/Public/demo/images/index_about_r_01.jpg) center center no-repeat; background-size:auto 100%;} .index_about_box .right_box .item .img_box img{visibility: hidden;opacity: 0;filter: alpha(opacity=0);} .index_about_box .right_box .item .img_box.item2 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;} .index_about_box .right_box .item .img_box.item2 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;} .index_about_box .right_box .item .img_box.item2:hover .info_box{background:rgba(0,0,0,0.5);} .index_about_box .right_box .item .img_box.item2:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);} .index_about_box .right_box .item .con_box{height: 100%;width: 406px; float:left;position: relative;} .index_about_box .right_box .item .con_box .bg{width: 100%;height: 100%;} .index_about_box .right_box .item .con_box .bg img{width: 100%;height: 100%;display: block;} .index_about_box .right_box .item .con_box .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;} .index_about_box .right_box .item .con_box .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;} .index_about_box .right_box .item .con_box.item3:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);} .index_about_box .right_box .item .con_box.item3:hover .info_box{background:rgba(0,0,0,0.5);} .index_about_box .right_box .item.jyln .img_box{background: url(/Public/demo/images/index_about_r_04.jpg) center center no-repeat;} .index_about_box .right_box .item.jyln .img_box.item4 .info_box{transition:all .3s linear; width:100%;height: 100%;position: absolute;top: 0px;left: 0px;} .index_about_box .right_box .item.jyln .img_box.item4 .info_box .tit{transition:all .3s linear; position: absolute; opacity:0;filter:alpha(opacity=0); left: 20px; bottom: 0px;width: 100%;padding: 0px 25px; height: 100px;line-height: 100px;font-size: 27px;color: #FFFFFF;} .index_about_box .right_box .item.jyln .img_box.item4:hover .info_box{background:rgba(0,0,0,0.5);} .index_about_box .right_box .item.jyln .img_box.item4:hover .info_box .tit{left:0; opacity:1;filter:alpha(opacity=100);} .index_about_box .right_box .item.jyln .con_box .info_box{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0px;left: 0px;display: flex;align-items: center;} .index_about_box .right_box .item.jyln .con_box .info_box .box{padding: 0px 10%;} .index_about_box .right_box .item.jyln .con_box .info_box .w_top{margin-bottom: 100px;} .index_about_box .right_box .item.jyln .con_box .info_box .w_btm{} .index_about_box .right_box .item.jyln .con_box .info_box .icon img{width: auto; height: 100%;display: block;} .index_about_box .right_box .item.jyln .con_box .info_box .title{font-size: 35px;color: #ffffff;} .index_about_box .right_box .item.jyln .con_box .info_box .line{width: 30px;height: 3px;background: #f4c125;margin: 20px 0px;} .index_about_box .right_box .item.jyln .con_box .info_box .desc{font-size: 15px;color: #ffffff;line-height: 30px;} @media screen and (max-width: 1326px){ .index_about_box{height: auto;} .index_about_box .left_box{width:100%;position: relative;} .index_about_box .left_box .con_box{ height: auto;padding: 50px 0px;} .index_about_box .left_box .img_box{height: auto;background: none;overflow:hidden;} .index_about_box .left_box .img_box img{transition:all .3s linear;width: 100%;height: auto; visibility: visible;opacity: 1;filter: alpha(opacity=100);} .index_about_box .left_box .img_box:hover img{transform:scale(1.1);} .index_about_box .right_box{width: 100%;} .index_about_box .right_box .item{height: auto;} .index_about_box .right_box .item .img_box {width: 65.64%; background: none;overflow:hidden;} .index_about_box .right_box .item .img_box img{transition:all .3s linear; width: 100%;height: auto;display:block; visibility: visible;opacity: 1;filter: alpha(opacity=100);} .index_about_box .right_box .item:hover .img_box img{transform:scale(1.1);} .index_about_box .right_box .item .con_box{width: 34.36%;} .index_about_box .right_box .item .con_box .bg{width: 100%;height: 100%;overflow:hidden;} .index_about_box .right_box .item .con_box .bg img{transition:all .3s linear;width: 100%;height: 100%;display: block;} .index_about_box .right_box .item .con_box:hover .bg img{transform:scale(1.1);} .index_about_box .right_box .item.jyln .con_box .info_box .w_top{margin-bottom: 50px;} } @media screen and (max-width: 1024px){ .index_about_box .right_box .item.jyln .con_box .info_box .line{margin-bottom: 30px;} .index_about_box .right_box .item.jyln .con_box .info_box .w_top{margin-bottom: 40px;} } @media screen and (max-width: 768px){ .index_about_box .left_box .con_box .title{font-size: 32px;} .index_about_box .left_box .con_box .line{margin: 25px 0px; } .index_about_box .left_box .con_box .desc{font-size:14px;color: #FFFFFF;line-height: 28px;} .index_about_box .left_box .con_box .more{width: 160px;height: 46px;line-height: 46px;border-radius: 23px; text-align: center;margin-top: 40px;} .index_about_box .left_box .con_box .title{font-size: 32px;} .index_about_box .right_box .item .con_box .info_box .tit{font-size: 20px;height: 60px;line-height: 60px;} .index_about_box .right_box .item.jyln .con_box .info_box .icon{height: 35px;} .index_about_box .right_box .item.jyln .con_box .info_box .line{margin: 15px 0px;margin-bottom: 35px;} .index_about_box .right_box .item.jyln .con_box .info_box .title{font-size: 23px;margin-top: 5px;} .index_about_box .right_box .item.jyln .con_box .info_box .desc{font-size: 14px;line-height: 25px;} .index_about_box .info_box .tit{font-size: 20px!important;height: 60px!important;line-height: 60px!important;} } @media screen and (max-width: 640px){ .index_about_box .right_box .item .img_box {width: 100%; } .index_about_box .right_box .item .con_box{width: 100%;height: 300px;background: url(/Public/demo/images/index_about_r_02.jpg) center no-repeat;background-size: cover;} .index_about_box .right_box .item.jyln .con_box{background: url(/Public/demo/images/index_about_r_03.jpg) center no-repeat;background-size: cover;} .index_about_box .right_box .item .con_box .bg{visibility: hidden;} } /*Ê×Ò³´ó²úÆ·Çл»*/ .index_big_pro{width: 100%;position: relative;padding-top: 85px;padding-bottom: 50px; background: url(/Public/demo/images/index_pro_bg2.png) repeat;} .index_big_pro .top_icon{position: absolute;top: 50px;right: 85px;} .index_big_pro .content{width: 1600px;margin: 0px auto;} .index_big_pro .pc-slide { width: 100%; margin: 0 auto; } .index_big_pro .view .swiper-container { width: 100%; height: 660px; } .index_big_pro .view .swiper-wrapper{ width: 100%; margin-bottom: 20px; } .index_big_pro .view .swiper-wrapper .swiper-slide{ width: 100%;position: relative; } .index_big_pro .view .swiper-slide .img_box{ width: 660px;height: 660px;margin: 0px auto;position: relative; } @keyframes rotating{ 0%{transform:rotate(0);} 100%{transform:rotate(-360deg);} } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .bg_img { animation:rotating 6s linear infinite } .index_big_pro .view .swiper-slide .img_box .pro_img { width: 100%;height: 100%;position: absolute;top: 0px;left: 40px; opacity: 0.8;filter: alpha(opacity=80);transform: scale(0.88); transition: all 0.5s ease-in-out; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .pro_img { left: 0px;opacity: 1;filter: alpha(opacity=100);transform: scale(1); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .pro_img{border-radius:50%;overflow:hidden;transition: all 0s ease-in-out;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .bg_img{visibility:hidden;opacity:0;filter:alpha(opacity=0);} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools{overflow:hidden; border-radius:50%;visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .tools{overflow:hidden;visibility: visible;opacity: 1;filter: alpha(opacity=100); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item{overflow:hidden; box-sizing: border-box; width: 50%;height: 50%;float: left;transition: all .3s linear;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:hover{background: rgba(18,58,109,0.95);} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item a{display:block; width:100%;height:100%; text-align: center;position:relative;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .box{display:inline-block; position:absolute;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .title{font-size: 14px;color: #FFFFFF;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(1) .box{bottom:20%;right:20%;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(2) .box{bottom:20%;left:20%;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(3) .box{top:20%;right:20%;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(4) .box{top:20%;left:20%;} .index_big_pro .view .swiper-slide .con_box { width: auto;height: 100%; position: absolute;left: 40px;top: 0px;display: table; } .index_big_pro .view .swiper-slide .con_box .box { display: table-cell;vertical-align: middle; } .index_big_pro .view .swiper-slide .con_box .box .ctg_title{ font-size: 32px;font-weight: bold;color: #242424;margin-bottom: 10px; } .index_big_pro .view .swiper-slide .con_box .box .en_title{ font-size: 60px;font-family: "BigJohn";font-weight: bold;color: #242424;margin-bottom: 10px; } .index_big_pro .view .swiper-slide .con_box .box .title{ font-size: 25px;color: #000000;line-height: 40px; } .index_big_pro .view .swiper-slide .con_box .box .more{ width: 136px;height: 54px;line-height: 54px;text-align: center;color: #FFFFFF;font-size: 14px;background: #1e2b66;border-radius: 27px;display: block;margin-top: 70px;transition: all linear .3s; } .index_big_pro .view .swiper-slide .con_box .box .more:hover{ transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .index_big_pro .view .arrow-left { display: none; transform: rotateY(180deg); background: url(/Public/demo/images/index_big_pro_arrow_1.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -72px; width: 80px; height: 145px; z-index: 10; transition: all .3s linear; } .index_big_pro .view .arrow-left:hover { background: url(/Public/demo/images/index_big_pro_arrow.png) no-repeat center center; } .index_big_pro .view .arrow-right { background: url(/Public/demo/images/index_big_pro_arrow_1.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -72px; width: 80px; height: 145px; z-index: 10; transition: all .3s linear; } .index_big_pro .view .arrow-right:hover { background: url(/Public/demo/images/index_big_pro_arrow.png) no-repeat center center; } .index_big_pro .preview { width: 100%; margin-top: 10px; position: relative; } .index_big_pro .preview .swiper-container { width: 100%; } .index_big_pro .preview .swiper-slide { width: 33.3333333%; box-sizing: border-box; padding: 0px 23px; cursor: pointer; } .index_big_pro .preview .arrow-left { background: url(/Public/demo/images/index_big_pro_arrow.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .index_big_pro .preview .arrow-right { background: url(/Public/demo/images/index_big_pro_arrow.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .index_big_pro .preview .num { transition: all .3s linear; font-style: italic;font-size: 15px;color: #141414;line-height: 35px;padding-bottom: 10px;border-bottom: 1px solid #afafaf;margin-bottom: 10px; } .index_big_pro .preview .title { font-size: 20px;color: #484848;line-height: 35px;font-weight: bold;transition: all .3s linear; } .index_big_pro .preview .active-nav .num,.index_big_pro .preview .swiper-slide:hover .num { border-color: #1e2b66; } .index_big_pro .preview .active-nav .title,.index_big_pro .preview .swiper-slide:hover .title { color: #111111; } @media screen and (max-width: 1600px){ .index_big_pro .content{width: 100%;} } @media screen and (max-width: 1440px){ .index_big_pro .view .swiper-slide .img_box{width: 600px;height: 600px;} .index_big_pro .view .swiper-container{height: 600px;} } @media screen and (max-width: 1200px){ .index_big_pro .view .swiper-slide .img_box{width: 520px;height: 520px;} .index_big_pro .view .swiper-container{height: 520px;} } @media screen and (max-width: 1024px){ .index_big_pro .view .swiper-slide .img_box{width: 480px;height: 480px;} .index_big_pro .view .swiper-container{height: 480px;} } @media screen and (max-width: 900px){ .index_big_pro{padding-top: 60px;} .index_big_pro .top_icon{top: 20px;right: 20px;} .index_big_pro .view .swiper-slide .img_box{width: 460px;height: 460px;} .index_big_pro .view .swiper-container{height: auto;} .index_big_pro .view .arrow-right{display: none;} .index_big_pro .view .swiper-slide .con_box{width: 100%;position: static;margin-top: 20px;} .index_big_pro .view .swiper-slide .con_box .box{text-align: center;} .index_big_pro .view .swiper-slide .con_box .box .more{display: none;} .index_big_pro .view .swiper-slide .con_box .box .ctg_title{ font-size: 28px; } .index_big_pro .preview .swiper-slide{padding: 0px 18px;} .index_big_pro .preview .title{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } @media screen and (max-width: 768px){ .index_big_pro{padding-top: 60px;} .index_big_pro .top_icon{top: 10px;right: 10px;} .index_big_pro .view .swiper-slide .img_box{width: 440px;height: 440px;} .index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 52px;} .index_big_pro .view .swiper-slide .con_box .box .ctg_title{ font-size: 26px; } .index_big_pro .preview .swiper-slide{width: 50%;padding: 0px 10px;} .index_big_pro .preview .num{line-height: 25px;} .index_big_pro .preview .title{font-size: 14px;} .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .box{transform:scale(0.8);} } @media screen and (max-width: 480px){ .index_big_pro .view .swiper-slide .img_box{width: 375px;height: 375px;} .index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 48px;} .index_big_pro .view .swiper-slide .con_box .box .title{font-size: 22px;} .index_big_pro .preview .swiper-slide{ padding: 0px 5px;} } @media screen and (max-width: 375px){ .index_big_pro .view .swiper-slide .img_box{width: 320px;height: 320px;} .index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 40px;} .index_big_pro .view .swiper-slide .con_box .box .title{font-size: 20px;} .index_big_pro .preview .swiper-slide{width: 100%; padding: 0px 10px;} .index_big_pro .preview .num{line-height: 20px;} } @media screen and (max-width: 320px){ .index_big_pro .view .swiper-wrapper{margin-bottom: 10px;} .index_big_pro .view .swiper-slide .img_box{width: 280px;height: 280px;} .index_big_pro .view .swiper-slide .con_box .box .en_title{font-size: 36px;} .index_big_pro .view .swiper-slide .con_box .box .title{font-size: 18px;} } /*Ê×Ò³ÐÐÒµ½â¾ö¼Æ»®*/ .index_is_box{width: 100%;background: url(/Public/demo/images/index_contact.jpg) center center no-repeat;background-size:100% 100% ; padding-top: 80px;padding-bottom: 100px;position: relative;z-index: 10} .index_is_box .content{width: 1600px;margin: 0px auto;} .index_is_box .top_box{overflow: hidden;margin-bottom: 50px;} .index_is_box .top_box .l_box{float: left;} .index_is_box .top_box .l_box .title{font-size: 35px;font-weight: bold;color: #1e2b66;line-height: 40px;padding-right:90px;background: url(/Public/demo/images/index_pro_title_line.png) right center no-repeat;display: inline-block;} .index_is_box .top_box .l_box .en_title{font-size: 33px;font-weight: bold;color: #a9b1cd;line-height: 40px;} .index_is_box .top_box .r_box{float: right;margin: 10px;} .index_is_box .top_box .r_box .more{width: 142px;height: 56px;line-height: 56px;border-radius: 28px;background: #1e2b66;text-align: center;font-size: 14px;color: #FFFFFF;display: block;transition: all linear .3s;} .index_is_box .top_box .r_box .more:hover{transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);} .index_is_box .is_swiper_box{width: 100%;overflow: hidden;position: relative;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 30px;} .index_is_box .is_swiper_box .swiper-slide .box{position: relative; padding: 75px 45px; background:rgba(0,0,0,0.79);transition: all .3s linear;} .index_is_box .is_swiper_box .swiper-slide:hover .box{background:#002759;} .index_is_box .is_swiper_box .swiper-slide .box .title{font-size: 26px;color: #FFFFFF;line-height: 35px;height: 70px;overflow: hidden;margin-bottom: 30px;} .index_is_box .is_swiper_box .swiper-slide .box .desc{font-size: 14px;color: #FFFFFF;line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 30px;} .index_is_box .is_swiper_box .swiper-slide .box .more{transition: all .3s linear; position: absolute;right: 0px;bottom: 80px; width: 110px;height: 30px;line-height: 30px;font-size: 14px;color: #9e9e9f; border-bottom: 1px solid #9f9fa0;} .index_is_box .is_swiper_box .swiper-slide:hover .box .more{width:165px;border-bottom: 1px solid #1e2b66;color: #FFFFFF;} @media screen and (max-width: 1600px){ .index_is_box .content{width: 100%;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 25px;} .index_is_box .top_box{padding: 0px 25px;} .index-nav-frame-line .xianav{font-size: 14px;margin: 0 15px} } @media screen and (max-width: 1440px){ .index_is_box{padding-top: 160px;padding-bottom: 130px;} .index_is_box .content{width: 100%;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 20px;} .index_is_box .is_swiper_box .swiper-slide .box{padding: 65px 35px;} } @media screen and (max-width: 1200px){ .index_is_box .top_box .l_box .title{font-size: 32px;} .index_is_box .top_box .l_box .en_title{font-size: 30px;} .index_is_box .top_box .r_box .more{width: 120px;height: 48px;line-height: 48px;border-radius: 24px;} .index_is_box{padding-top: 120px;padding-bottom: 100px;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 10px;} .index_is_box .is_swiper_box .swiper-slide .box{padding: 55px 25px;} .index_is_box .is_swiper_box .swiper-slide .box .title{font-size: 22px;margin-bottom: 25px;} .index_is_box .is_swiper_box .swiper-slide .box .icon{height: 55px;} .index_is_box .is_swiper_box .swiper-slide .box .icon img{width: auto;height: 100%;display: block;} .index_is_box .is_swiper_box .swiper-slide .box .more{bottom: 70px;} } @media screen and (max-width: 900px){ .index_is_box .top_box .l_box .title{font-size: 30px;} .index_is_box .top_box .l_box .en_title{font-size: 28px;} .index_is_box .top_box .r_box .more{width: 120px;height: 48px;line-height: 48px;border-radius: 24px;} .index_is_box{padding-top: 80px;padding-bottom: 80px;} .index_is_box .top_box{margin-bottom: 30px;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 10px;} .index_is_box .is_swiper_box .swiper-slide .box{padding: 50px 20px;} .index_is_box .is_swiper_box .swiper-slide .box .title{font-size: 20px;margin-bottom: 20px;} .index_is_box .is_swiper_box .swiper-slide .box .icon{height: 50px;} .index_is_box .is_swiper_box .swiper-slide .box .icon img{width: auto;height: 100%;display: block;} .index_is_box .is_swiper_box .swiper-slide .box .more{bottom: 60px;} } @media screen and (max-width: 768px){ .index_is_box .top_box .l_box .title{font-size: 28px;} .index_is_box .top_box .l_box .en_title{font-size: 26px;} .index_is_box .top_box .r_box .more{width: 120px;height: 48px;line-height: 48px;border-radius: 24px;} .index_is_box{padding-top: 60px;padding-bottom: 60px;} .index_is_box .top_box{margin-bottom: 20px;} .index_is_box .is_swiper_box .swiper-slide{padding: 0px 10px;} .index_is_box .is_swiper_box .swiper-slide .box{padding: 45px 25px;} .index_is_box .is_swiper_box .swiper-slide .box .title{font-size: 18px;margin-bottom: 20px;height: auto;} .index_is_box .is_swiper_box .swiper-slide .box .icon{height: 45px;} .index_is_box .is_swiper_box .swiper-slide .box .icon img{width: auto;height: 100%;display: block;} .index_is_box .is_swiper_box .swiper-slide .box .more{bottom: 60px;} } @media screen and (max-width:640px){ .index_is_box .top_box .l_box .title{font-size: 24px;} .index_is_box .top_box .l_box .en_title{font-size: 22px;} .index_is_box .top_box .r_box .more{width: 100px;height: 40px;line-height: 40px;border-radius: 20px;} .index_is_box{background-position: center;background-size: auto 100%;} .index_is_box .top_box .l_box{width: 100%;text-align: center;} .index_is_box .top_box .l_box .title{padding-right: 0px;background: none;} .index_is_box .top_box .r_box{width: 100%;} .index_is_box .top_box .r_box .more{margin: 0px auto;} } /*Ê×Ò³ÁªÏµÊ®´óµç×ÓÓÎϷƽ̨ÍøÕ¾*/ .index_contact_box{width: 100%;padding-top: 135px;padding-bottom: 70px; background: #3a3a3a;background-size: 100% 100%;} .index_contact_box .content{width: 1600px;margin: 0px auto;} .index_contact_box .top_box{overflow: hidden;margin-bottom: 60px;} .index_contact_box .l_box{float: left;} .index_contact_box .r_box{float: right;} .index_contact_box .top_box .l_box .title{font-size: 35px;line-height: 40px;color: #1e2b66;padding-right: 90px;background: url(/Public/demo/images/index_pro_title_line.png) right center no-repeat;} .index_contact_box .top_box .l_box .en_title{font-size: 33px;line-height: 40px;color: #dcdcdc;font-weight: bold;} .index_contact_box .top_box .r_box{text-align: right;} .index_contact_box .top_box .r_box .title{font-size: 16px;line-height: 25px;color: #191919;} .index_contact_box .top_box .r_box .num{font-family: "BigJohn"; font-size: 32px;line-height: 40px;color: #c62424;} .index_contact_box .contact_swiper_box{overflow: hidden;position: relative;} .index_contact_box .contact_swiper_box .box{position: relative;height: 100%;} .index_contact_box .contact_swiper_box .swiper-slide{cursor: pointer;height:316px; background: #FFFFFF;border-right: 1px solid #f4f4f4;box-sizing: border-box;} .index_contact_box .contact_swiper_box .swiper-slide::before{content: "";width: 100%;height: 9px;background: #e0e0e0;position: absolute;bottom: 0px;left: 0px;transition: all .3s linear;} .index_contact_box .contact_swiper_box .swiper-slide::after{content: "";width: 0%;height: 9px;background: #f4c125;position: absolute;bottom: 0px;left: 0px;transition: all .3s linear;} .index_contact_box .contact_swiper_box .swiper-slide:hover::after{width: 100%;} .index_contact_box .contact_swiper_box .swiper-slide:nth-child(even){background: #f9f9f9;} .index_contact_box .contact_swiper_box .swiper-slide .bg{width: 100%;height: 100%; display: block;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all .3s linear;} .index_contact_box .contact_swiper_box .swiper-slide:hover .bg{visibility: visible;opacity: 1;filter: alpha(opacity=100);} .index_contact_box .contact_swiper_box .swiper-slide .con_box{width: 100%;height: 100%;padding:0px 10%;box-sizing:border-box; padding-top:20%; position: absolute;top: 0px;left: 0px;text-align: center;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box{text-align: left;display: inline-block;margin: 0px auto;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .title{font-size: 21px;color: #313131;font-weight: bold;line-height: 39px;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p{font-size: 14px;color: #5c5c5c;line-height: 30px;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p a{color: #5c5c5c;} .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .title{color: #ffffff;} .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .info p{color: #ffffff;} .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .info p a{color: #ffffff;} .index_contact_box .btm_box{overflow: hidden;margin-top:90px;} .index_contact_box .btm_box .l_box ul{overflow: hidden;} .index_contact_box .btm_box .l_box ul li{float: left;margin-right: 20px;text-align: center;} .index_contact_box .btm_box .l_box ul li .title{font-size: 14px;line-height: 25px;color: #949494;} .index_contact_box .btm_box .r_box{text-align: right;} .index_contact_box .btm_box .r_box .share_box span{display: block;font-family: arial;} .index_contact_box .btm_box .r_box .share_box span.small{font-size: 12px;color: #2b2b2b;} .index_contact_box .btm_box .r_box .share_box span.large{font-size: 17px;color: #2b2b2b;} .index_contact_box .btm_box .r_box .share_box .bdsharebuttonbox {display: inline-block;vertical-align: middle;padding-top: 15px;} .index_contact_box .btm_box .r_box .share_box .bdsharebuttonbox a{margin: 0px 7px;} #bds_sqq{width:32px;height:32px;overflow:hidden;background:url(/Public/demo/images/icon_qq.png) center no-repeat;} #bds_sqq:hover{background:url(/Public/demo/images/icon_qq.png) center no-repeat;} #bds_tqq{width:32px;height:32px;overflow:hidden;background:url(/Public/demo/images/icon_tqq.png) center no-repeat;} #bds_tqq:hover{background:url(/Public/demo/images/icon_tqq.png) center no-repeat;} #bds_weixin{width:32px;height:32px;overflow:hidden;background:url(/Public/demo/images/icon_wechat.png) center no-repeat} #bds_weixin:hover{background:url(/Public/demo/images/icon_wechat.png) center no-repeat} #bds_tsina{width:32px;height:32px;overflow:hidden;background:url(/Public/demo/images/icon_sina.png) center no-repeat} #bds_tsina:hover{background:url(/Public/demo/images/icon_sina.png) center no-repeat} .index_contact_box .btm_box .r_box .cord_box{font-size: 14px;color: #8d8d8d;margin-top: 40px;} .index_contact_box .btm_box .r_box .cord_box a{font-size: 14px;color: #8d8d8d;} @media screen and (max-width: 1600px){ .index_contact_box .content{width: 100%;padding: 0px 20px;} } @media screen and (max-width: 1024px){ .index_contact_box{padding-top: 100px; padding-bottom: 40px;} .index_contact_box .top_box{margin-bottom: 40px;} .index_contact_box .btm_box{margin-top: 60px;} .index_contact_box .btm_box .l_box{width: 100%;text-align: center;margin-bottom: 20px;} .index_contact_box .btm_box .l_box ul{text-align: center;} .index_contact_box .btm_box .l_box ul li{display: inline-block;vertical-align: top;float: none;} .index_contact_box .btm_box .r_box{width: 100%;} .index_contact_box .btm_box .r_box .share_box{width: 100%;text-align: center;} .index_contact_box .btm_box .r_box .cord_box{width: 100%;text-align: center;} } @media screen and (max-width: 768px){ .index_contact_box{padding-top: 70px; padding-bottom: 30px;} .index_contact_box .top_box .l_box .title{font-size: 32px;line-height: 28px;} .index_contact_box .top_box .l_box .en_title{font-size: 30px;} .index_contact_box .top_box .r_box .num{font-size:30px;} } @media screen and (max-width: 640px){ .index_contact_box{padding-top: 70px; padding-bottom: 30px;} .index_contact_box .top_box .l_box{width: 100%;text-align: center;margin-bottom: 10px;} .index_contact_box .top_box .l_box .title{padding-right: 0px;background: none; font-size: 30px;margin-bottom: 5px;} .index_contact_box .top_box .l_box .en_title{font-size: 28px;} .index_contact_box .top_box .r_box {width: 100%;text-align: center;} .index_contact_box .top_box .r_box .num{font-size:30px;} .index_contact_box .contact_swiper_box .swiper-slide{height: 300px;} } @media screen and (max-width: 480px){ .index_contact_box .contact_swiper_box .swiper-slide .con_box{padding-top:15%; } .index_contact_box .contact_swiper_box .swiper-slide .bg{visibility: visible;opacity: 1;filter: alpha(opacity=100);} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .title{color: #ffffff;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p{color: #ffffff;} .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p a{color: #ffffff;} } /*ÄÚÒ³Ö÷¿ò¼Ü*/ .ny_main{width: 100%;margin-top: 0px;} .ny_main.about_main{margin-top: 0px;} /*ÄÚÒ³½¹µãͼ*/ .ny_banner{width: 100%; height: 800px;position: relative;background-size: cover;} .ny_banner.ns_ban{background: url(/Public/demo/images/banner_news.jpg) no-repeat center top;} .ny_banner.talent_ban{background: url(/Public/demo/images/banner_talent.jpg) no-repeat center top;} .ny_banner.about_ban{height: 200px;background: url(/Public/demo/images/about_banner.jpg) no-repeat center top;} .ny_banner .con_box{width: 100%;height: 100%; display: table;} .ny_banner .con_box .box{display: table-cell;vertical-align: middle;text-align:center;} .ny_banner .con_box .box .en_title{font-size:50px;color: #FFFFFF;font-weight: bold;display: none} .ny_banner .con_box .box .title{font-size:30px;color: #FFFFFF;margin-bottom: 70px;} .ny_banner .con_box .box .arrow{width: 20px;height: 20px;position: relative;margin: 0px auto;cursor: pointer;} .ny_banner .con_box .box .arrow img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;-webkit-animation: trackBallSlide 1.4s linear infinite; animation: trackBallSlide 1.4s linear infinite;} .ny_banner .ctg_box{width: 100%;position: absolute;bottom: 0px;left: 0px;} .ny_banner .ctg_box ul{width: 100%;overflow: hidden;margin-bottom: 35px;text-align: center;} .ny_banner .ctg_box ul li{display: inline-block; width:200px;height:64px;line-height: 64px;text-align: center;background: #ffffff;margin: 0px 3px;transition: all .3s linear;margin-bottom: 10px;} .ny_banner .ctg_box ul li a{color: #393939;font-size: 17px;display: block;} .ny_banner .ctg_box ul li.on,.ny_banner .ctg_box ul li:hover{background: #1e2b66;} .ny_banner .ctg_box ul li.on a,.ny_banner .ctg_box ul li:hover a{color: #FFFFFF;} /*¹ØÓÚÊ®´óµç×ÓÓÎϷƽ̨ÍøÕ¾Ò³*/ @-webkit-keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} 34% { opacity:1; -webkit-transform:scale(1) translateY(4px); transform:scale(1) translateY(4px);} 68% { opacity:0; -webkit-transform:scale(1) translateY(16px); transform:scale(1) translateY(16px);} 100% { opacity:0; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} } @keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} 34% { opacity:1; -webkit-transform:scale(1) translateY(4px); transform:scale(1) translateY(4px);} 68% { opacity:0; -webkit-transform:scale(1) translateY(16px); transform:scale(1) translateY(16px);} 100% { opacity:0; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} } @media screen and (max-width: 1440px){ .ny_banner {height: 500px;} } @media screen and (max-width: 1280px){ .ny_banner {height: 500px;} .ny_banner .ctg_box ul li{line-height: 50px;height: 50px;} } @media screen and (max-width: 1024px){ .ny_banner {height: 500px;} .ny_banner .con_box .box .en_title{font-size:45px;} .ny_banner .con_box .box .title{font-size:27px;color: #FFFFFF;margin-bottom: 60px;} } @media screen and (max-width: 768px){ .ny_banner{height: auto;} .ny_banner .con_box{height: 200px;} .ny_banner .con_box .box .title{font-size:26px;} .ny_banner .ctg_box{_position: relative;background: #FFFFFF;} .ny_banner .ctg_box ul{margin: 0px;} .ny_banner .ctg_box ul li{width: 33.333333%;line-height: 50px;height: 50px; border-bottom: 1px solid #e0e0e0;margin: 0px;float: left;} .ny_banner .ctg_box ul li a{font-size: 15px;} } @media screen and (max-width: 480px){ .ny_banner .con_box .box .en_title{font-size:24px;display: block;margin-top: 25px;font-weight: normal} .ny_banner .con_box .box .title{font-size:24px;color: #FFFFFF;margin-bottom: 40px;} .ny_banner .ctg_box ul li a{font-size: 14px;} } @media screen and (max-width: 320px){ .ny_banner .con_box {height: 300px;} .ny_banner.about_ban{ height: 320px;} .ny_banner .con_box .box .en_title{font-size:36px;margin-bottom: 18px;} .ny_banner .con_box .box .title{font-size:22px;color: #FFFFFF;margin-bottom: 30px;} } #about_ctg.ctg_fixed{position:fixed;top:0px;bottom:initial; left:0px;width:100%; z-index:9999;background:rgba(0,0,0,.4);} #about_ctg.ctg_fixed ul{margin:25px 0px;} #about_ctg.ctg_fixed ul li{height:45px;line-height:45px;width:120px;text-align:center;border-radius:25px;} /*µ×²¿Áбí*/ /*µ×²¿µ¼º½*/ .btm_nav{width: 100%;background: #2e2e2e;z-index: 4;position: relative} .btm_nav .content{width: 1600px;margin: 0px auto;overflow: hidden;box-sizing: border-box;padding: 68px 25px;} .btm_nav .nav_box{float: left; overflow: hidden;} .btm_nav .nav_box .item{float: left;margin-right: 20px} .btm_nav .nav_box .item:nth-child(2){} .btm_nav .nav_box .item .title{font-size: 16px;color: #FFFFFF;line-height: 50px;font-weight: bold;text-indent:20px;} .btm_nav .nav_box .item ul li{transition: all .3s linear;position: relative;text-indent: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;} .btm_nav .nav_box .item ul li a{color: #c7c7c7;font-size: 14px;line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .btm_nav .nav_box .item ul li a span{ position: absolute;top: 9px;left: 0px;box-sizing: border-box; width: 10px;height: 10px;border: 2px solid #2e2e2e;background: #1e2b66;border-radius: 5px;} .btm_nav .nav_box .item ul li:hover{text-indent: 25px;} .btm_nav .nav_box .item ul li:hover a{color: #ffffff;} .btm_nav .nav_box .item ul li:hover a span{border-color:#8e7a55;} .btm_nav .qcode_box{float: right;text-align: right;text-align: center;} .btm_nav .qcode_box ul{overflow: hidden;} .btm_nav .qcode_box ul li{text-align: center;float: left;padding: 0px 10px;} .btm_nav .qcode_box .title{font-size: 14px;color: #bdbdbd;line-height: 25px;} .btm_nav .foot-x-nav{display: none;} @media only screen and (max-width:1400px ) { .btm_nav .nav_box{text-align: center;margin-bottom: 40px; } .btm_nav .nav_box .item{float: none;display: inline-block;vertical-align: top;text-align: left;} .btm_nav .qcode_box{text-align: center;} .btm_nav .qcode_box ul li{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:1200px ) { .btm_nav .content{padding: 50px 10px;} .btm_nav .nav_box{text-align: center;margin-bottom: 40px;} .btm_nav .nav_box .item{float: none;display: inline-block;vertical-align: top;text-align: left;} .btm_nav .qcode_box{width: 100%;text-align: center;} .btm_nav .qcode_box ul li{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:1024px ) { .btm_nav .logo{width: 100%;text-align: center;margin-bottom: 30px;} .btm_nav .logo img{width: 100px;} .btm_nav .nav_box{} .btm_nav .foot-x-nav{display: block;margin-bottom: 40px;float: left;width: 100%;} .foot-x-nav .nav-item{color: #ffffff;border-bottom: 1px solid #373737;} .foot-x-nav .nav-item a{color: #ffffff;font-size: 14px;} .foot-x-nav .nav-item .title{width:100%;line-height: 45px;position: relative;padding-left: 15px;color: #ffffff;font-size: 14px;} .foot-x-nav .nav-item .title .drop-btn{font-family: simhei; width: 45px;height: 45px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;} .foot-x-nav .nav-item.open .title .drop-btn{transform: rotate(-45deg);} .foot-x-nav .nav-item .title a{display: block;} .foot-x-nav .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;} .foot-x-nav .nav-item ul li{padding-left: 30px;line-height: 30px;} .foot-x-nav .nav-item ul li a{line-height: 30px;color: #c7c7c7;} .btm_nav .qcode_box{width: 100%;} } /*µ×²¿°æȨÐÅÏ¢*/ .btm_cord{width: 100%;height: 86px; background: #282828;z-index: 4;position: relative} .btm_cord .content{width: 1600px;margin: 0px auto;overflow: hidden;box-sizing: border-box;padding: 0px 25px;} .btm_cord .info_box{float: left;font-size:12px;color: #ffffff;line-height: 86px;} .btm_cord .info_box a{color: #FFFFFF;margin: 0px 5px;} .btm_cord .share_box{float: right;height: 32px; margin: 27px 0px;overflow: hidden;} .btm_cord .share_box .title a{color: #fff;font-size: 12px} .btm_cord .share_box .title{float: left;margin-top: 2px;color: #fff;} .btm_cord .share_box .title .small{font-size: 12px;font-family: arial;display: block;} .btm_cord .share_box .title .large{font-size: 17px;font-family: arial;display: block;} .btm_cord .share_box .con_box{float: right;} .btm_cord .share_box .bdsharebuttonbox {display: inline-block;vertical-align: middle;padding-top: 0px;} .btm_cord .share_box .bdsharebuttonbox a{margin: 0px 7px;} @media only screen and (max-width:900px ) { .btm_cord{height: auto;line-height: 30px;padding: 20px;} .btm_cord .info_box{width: 100%;text-align: center;line-height: 24px;} .btm_cord .share_box{float: none;width: 100%;text-align: center;} .btm_cord .share_box .title{float: none;display: inline-block;vertical-align: top;} .btm_cord .share_box .con_box{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:640px ) { .btm_cord .share_box{display: none;} } /*ÐÂÎÅÄÚÒ³*/ .ny_content{width: 100%;} .ny_content .content { margin: 0px auto; padding-top: 100px; padding-bottom: 100px;} .ny_content .ny_news_list{margin:0px auto;} .ny_content .ny_news_list>ul.news_lists{overflow: hidden;} .ny_content .ny_news_list>ul.news_lists>li{width: 33.333333%;padding:15px;box-sizing:border-box; float: left;} .ny_content .ny_news_list>ul.news_lists>li .box{background: #FFFFFF;} .ny_content .ny_news_list>ul.news_lists>li .img_box{width: 100%;height: auto;overflow: hidden;position: relative;} .ny_content .ny_news_list>ul.news_lists>li .img_box::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0px;left: 0px;transition: all .3s linear;} .ny_content .ny_news_list>ul.news_lists>li:hover .img_box::after{background: rgba(0,0,0,0);} .ny_content .ny_news_list>ul.news_lists>li .img_box img{width: 100%;display: block;transition: all .3s linear;} .ny_content .ny_news_list>ul.news_lists>li:hover .img_box img{transform: scale(1.1);} .ny_content .ny_news_list>ul.news_lists>li .con_box{padding:20px 40px;border-bottom: 1px solid #ededed;} .ny_content .ny_news_list>ul.news_lists>li .con_box .time{font-size: 15px;color: #6c7b96;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_content .ny_news_list>ul.news_lists>li .con_box .title{font-size: 18px;color: #090909;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_content .ny_news_list>ul.news_lists>li .con_box .tit{font-size: 18px;color: #090909;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center} .ny_content .ny_news_list>ul.news_lists>li .con_box .desc{font-size: 15px;color: #777777;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_content .ny_news_list>ul.news_lists>li .con_box .more{width: 136px; height: 38px; line-height: 38px; text-align: center; color: #333; font-size: 14px; border:1px solid #cacaca; border-radius: 27px; display: block; margin: 20px auto; transition: all linear .3s;} .ny_content .ny_news_list>ul.news_lists>li .con_box .more:hover { transform: translateZ(20px); transform: scale(1.1,1.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); color:#fff;background: #1e2b66 } @media only screen and (max-width:1600px ) { .btm_nav .content{width: 1200px} .btm_cord .content{width: 1200px} } @media only screen and (max-width:1200px ) { .btm_cord .content{width: 100%;} } .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .title{color: #1e2b66;font-weight: bold;} .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .tit{color: #1e2b66;font-weight: bold;} .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .desc{color: #090909;} .ny_content .ny_news_list>ul.news_lists>li .tools{height: 50px;} .ny_content .ny_news_list .bro_ctg{width: 100%; overflow: hidden;margin-top: 40px;margin-bottom: 40px;} .ny_content .ny_news_list .bro_ctg ul{width: 100%; overflow: hidden;} .ny_content .ny_news_list .bro_ctg ul li{width:50%; float: left;background-size: cover;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 80px 85px;background:rgba(17,57,108,0);transition:all .3s linear;} .ny_content .ny_news_list .bro_ctg ul li:hover .box{background:rgba(17,57,108,0.8);} .ny_content .ny_news_list .bro_ctg ul li .box .icon{margin-bottom:60px;height:60px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon img{display:block;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 22px;color: #FFFFFF; font-weight: bold;margin-bottom: 30px; } .ny_content .ny_news_list .bro_ctg ul li .box .line{width: 36px;height: 3px;background: #FFFFFF;} .ny_content .ny_news_list>ul.pic_lists{overflow: hidden;} .ny_content .ny_news_list>ul.pic_lists>li{width: 33.333333%;padding:15px;box-sizing:border-box; float: left;} .ny_content .ny_news_list>ul.pic_lists>li .box{background: #FFFFFF;position:relative;} .ny_content .ny_news_list>ul.pic_lists>li .title{z-index:2;font-size:25px;color:#ffffff; width:100%;position:absolute;left:0px;bottom:0px;padding:25px 20px;box-sizing:border-box;} .ny_content .ny_news_list>ul.pic_lists>li .bg{z-index:1;width:100%;height:100%;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0);transition:all 0.3s linear;} .ny_content .ny_news_list>ul.pic_lists>li:hover .bg{background:rgba(0,0,0,0.5);} /*мÓÐÂÎÅ*/ .newslixx{ width:1200px; margin:100px auto; } .newdleft{ width:200px; padding: 0; background: #1e2b66; position: absolute } .yingyongtu{width:180px;} .yingyongtu img{width:100%;} .newslixx .newslbox:hover .newright h3{ color:#1e2b66; } .newdleft h2{ color:#fff; font-family:"Arial"; font-size:26px; text-transform: capitalize; font-weight: bold; position:absolute; text-align: center; } .newdleft h2::after{ position:absolute; width:80px; height:1px; content:""; top:50%; transform: translateY(-50%); background:#a0a0a0; right:-80px; } .e1moore{ text-align: center; line-height: 31px; font-size: 22px; color: #fff; width: 100%; height: 50px; position: absolute; bottom: 0px; left: 0px; display: flex; align-items: center; background: url(/Public/demo/images/xiaoshu.png) } .e1moore p{margin: 0 auto} .newright{ width:calc(100% - 267px); } .newright h3{ color:#333333; font-size:18px; font-family:"΢ÈíÑźÚ"; font-weight:bold; /*height:18px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.75; max-height: 32px; } .newright p{ color:#666666; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:lighter; line-height: 30px; margin-top:25px; height:60px; overflow: hidden; } .newslbox{ padding:37px 0 40px; border-bottom: 1px solid #e5e5e5; animation: fadeInUp 1.6s; } .newslbox:nth-child(1){ border-top: 1px solid #e5e5e5; } .newslixx .page { text-align: center; padding: 90px 0 112px; } .e2nneilisr{ width:100%; } .e2nneilisrcon{ width:958px; margin:0 auto; } .e2btbox{ width:100%; padding:62px 58px 20px; position: relative; z-index: 15; text-align: center; } .e2btbox::after{ position:absolute; content: ""; width:100%; /*height:210px;*/ height:100%; top:0; right:-100%; } .e2btbox h5{ color:#333; font-size:14px; font-family: "Arial"; font-weight: bold; } .e2btbox h4{ color:#333; font-size:24px; font-family: "΢ÈíÑźÚ"; font-weight: bold; letter-spacing: 1px; margin-top:30px; /*height: 24px;*/ /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ line-height: 1.5; } .tuanduibox{ width:100%; padding:162px 58px 20px; position: relative; z-index: 15; text-align: center; } .tuanduibox::after{ position:absolute; content: ""; width:100%; /*height:210px;*/ height:100%; top:0; right:-100%; } .tuanduibox h5{ color:#333; font-size:14px; font-family: "Arial"; font-weight: bold; } .tuanduibox h4{ color:#333; font-size:24px; font-family: "΢ÈíÑźÚ"; font-weight: bold; letter-spacing: 1px; margin-top:30px; /*height: 24px;*/ /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ line-height: 1.5; } .e2chawen{ padding-right:30px; padding-left:30px; text-align: center; padding-top:53px; padding-bottom:75px; } .e2chawen img{ max-width: 100%; margin-bottom:25px; position:relative; z-index: 15; } .e2chawen{ text-align: left; } .e2chawen >p{ color:#666666; font-size:14px; font-family: "΢ÈíÑźÚ"; line-height: 30px; margin-bottom:5px; letter-spacing: 1px; } @media only screen and (max-width:1400px ) { .ny_content .ny_news_list{width: 100%;} } @media only screen and (max-width:1200px ) { .ny_content .ny_news_list .bro_ctg ul li .box{padding: 60px 65px;} } @media screen and (max-width: 1024px){ .ny_content .ny_news_list{padding-top: 70px;} .ny_content .ny_news_list>ul.news_lists>li .con_box{padding: 15px 25px;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 50px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:50px;width: 50px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 20px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:20px;} } @media screen and (max-width: 768px){ .ny_content .ny_news_list{padding-top: 60px;} .ny_content .ny_news_list>ul.news_lists>li{padding: 10px;} .ny_content .ny_news_list>ul.news_lists>li .con_box {padding: 15px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .time{font-size: 14px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .title{font-size: 16px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .desc{font-size: 14px;} .ny_content .ny_news_list .bro_ctg ul li{width: 100%;margin-bottom: 20px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:18px;padding:20px 15px;} } @media screen and (max-width: 640px){ .ny_content .ny_news_list{padding-top: 40px;} .ny_content .ny_news_list>ul.news_lists>li{width:100%;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:16px;padding:18px 12px;} } @media screen and (max-width: 375px){ .ny_content .ny_news_list>ul.news_lists>li{width: 100%;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 40px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:40px;width: 40px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 18px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:14px;padding:15px 10px;} } @media screen and (max-width: 320px){ .ny_content .ny_news_list .bro_ctg ul li .box{padding: 30px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:30px;width: 30px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 18px;} } /*ÐÂÎÅÏêÇéÒ³*/ .ny_content .news_detail{width: 100%;padding: 60px 0px;} .ny_content .news_detail .content{width: 1200px;margin: 0px auto;} .ny_content .news_detail .n_title{text-align: center;font-size: 29px;color: #1e2b66;font-weight: bold;line-height: 1.5em;} .ny_content .news_detail .nss_tm{overflow: hidden;font-size: 12px;color: #666;padding: 48px 0 12px 0;} .ny_content .news_detail .nss_tm .lt{float: left;} .ny_content .news_detail .nss_tm .rt{float: right;} .ny_content .news_detail .nss_info { min-height: 250px; clear: both; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding: 20px 0; font-size: 16px; line-height: 2em; } .ny_content .news_detail .nss_info.about{ border:none; } .ny_content .news_detail .btnbox{ overflow:hidden; padding:22px 0;} .ny_content .news_detail .btnbox .sbtn{ display:block; float:right; border:1px solid #C9CACA; color:#5b5b5b; text-align:center; overflow:hidden; width:164px; height:38px; line-height:38px; border-radius:38px; margin:0 20px; transition:all 0.3s ease;} .ny_content .news_detail .btnbox .sbtn:after{ content:""; display:block; width:0; height:100%; background:#1e2b66; margin-top:-38px; transition:all 0.3s ease;} .ny_content .news_detail .btnbox .sbtn:hover{ color:#FFF;} .ny_content .news_detail .btnbox .sbtn:hover:after{ width:100%;} @media only screen and (max-width:1200px){ .ny_content .news_detail .content{width: 100%;padding: 0px 20px;} } @media only screen and (max-width:768px){ .ny_content .news_detail .n_title{font-size: 26px;} .ny_content .news_detail .nss_tm{padding-top: 35px;} .ny_content .news_detail .nss_info{font-size: 14px;} .ny_content .news_detail .btnbox{text-align: center;} .ny_content .news_detail .btnbox .sbtn{width:120px; float: none;display: inline-block;margin-bottom: 10px;} } @media only screen and (max-width:375px){ .ny_content .news_detail .nss_tm .rt{display: none;} } /*ÁªÏµÊ®´óµç×ÓÓÎϷƽ̨ÍøÕ¾*/ .map_box{position: relative;} #allmap{width: 100%;height: 798px;} .map_box .con_box{background: #FFFFFF;position: absolute;top: 20%;left: 10%;box-shadow: 0 0 10px rgba(0,0,0,0.3);} .map_box .con_box .box{position: relative;padding:50px 60px;padding-right: 70px;} .map_box .con_box .box::after{content: "";width: 100%;height: 8px;background: #1e2b66;position: absolute;bottom: 0px;left: 0px;} .map_box .con_box .box .title{color:#1e2b66;font-size: 30px;font-weight: bold;} .map_box .con_box .box .line{width: 44px;height: 2px;background: #d7d7d7;margin:30px 0px;} .map_box .con_box .box .desc{font-size: 16px;color: #000000;line-height: 25px;margin-bottom: 60px;} .map_box .con_box .box .tel_box .tip{font-size: 16px;color: #000000;line-height: 25px;} .map_box .con_box .box .tel_box .num{font-size: 32px;color: #c62424;font-weight: bold;font-family: "BigJohn";} .company_box ul{background: #f4f4f4;width: 100%;} .company_box ul li{overflow: hidden;display: flex;width: 100%;} .company_box ul li .pro_img{display: flex;flex: 1 0 auto;align-items: center;width: 50%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: auto 100%;background-position: center center;} .company_box ul li .pro_img img{width: 100%; height: auto;display: block;transition: all 0.3s linear; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%); filter: gray;} .company_box ul li:hover .pro_img img{transform: scale(1.1);_opacity: 1;_filter:alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;} /*.company_box ul li .pro_img .arrow{width: 21px;height: 46px;position: absolute;top: 50%;margin-top:-23px;right: 0px;z-index: 999;} .company_box ul li.even .pro_img .arrow{left: 0px;transform: rotate(180deg);}*/ .company_box ul li .pro_con{display: flex;flex: 1 0 auto;align-items: center; width: 50%; overflow: hidden;text-align: center;} .company_box ul li .pro_con .box{text-align: center;width: 100%;padding: 20px 0px;} .company_box ul li .pro_con .wrap{display: inline-block;text-align: left;} .company_box ul li .pro_con .title{display: block; font-size: 30px;color: #313131;margin-bottom: 25px;font-weight: bold;} .company_box ul li .pro_con .desc{font-size: 16px;color: #5c5c5c;line-height: 35px;} .company_box ul li:hover .pro_con .title{color: #1e2b66;} .company_box ul li:hover .pro_con .desc{color: #000000;} .feedback_box{background: #FFFFFF;} .feedback_box .content{margin: 0px auto;} .feedback_box .top_box{text-align: center;padding: 80px 0px;} .feedback_box .top_box .title{color: #1e2b66;font-size: 30px;font-weight: bold;margin-bottom: 20px;} .feedback_box .top_box .desc{font-size: 17px;color: #3d3d3d;} .feedback_box .form_box{overflow: hidden;} .feedback_box .form_box .txt{width: 32%;float: left;height: 78px;line-height: 78px;border: 1px solid #dadada;padding: 0px 20px;box-sizing: border-box;} .feedback_box .form_box .txt:focus{border-color:#1e2b66;} .feedback_box .form_box .txt.t1{margin-right: 2%;} .feedback_box .form_box .large_txt{width: 100%;height: 245px;padding: 20px;box-sizing: border-box;resize:none; float: left;margin-top: 30px;margin-bottom: 25px; border: 1px solid #dadada;} .feedback_box .form_box .large_txt:focus{border-color:#1e2b66;} .feedback_box .form_box .s_btn{background: #1e2b66;border-radius: 0px; float: left;width: 100%;height: 64px;line-height: 64px;text-align: center;color: #FFFFFF;font-weight: bold;font-size: 18px;} /*µØͼÐÎòµôÏÂÈ¥*/ @media only screen and (max-width:1400px){ .feedback_box .content{width: 100%;padding: 30px 0px;} } @media only screen and (max-width:1280px){ .map_box .con_box{position: static;text-align: center;} .map_box .con_box .box .line{margin: 30px auto;} } @media only screen and (max-width:900px){ .company_box ul li{display: block;} .company_box ul li .pro_img{width: 100%;display: block;} .company_box ul li .pro_con{width: 100%;display: block;} .company_box ul li .pro_con .box{padding: 50px 0px;} .company_box ul li .pro_con .wrap{text-align: center;} .feedback_box .top_box{padding: 60px 0px;} .feedback_box .form_box .txt{height: 60px;line-height: 60px;} .feedback_box .form_box .large_txt{height: 150px;} .feedback_box .form_box .s_btn{height: 60px;line-height: 60px;font-size: 16px;} } @media only screen and (max-width:480px){ .map_box .con_box .box{padding: 50px 30px;} .map_box .con_box .box .title{font-size: 28px;} .map_box .con_box .box .line{margin:20px auto;} .map_box .con_box .box .desc{font-size: 16px;margin-bottom: 40px;} .map_box .con_box .box .tel_box .tip{font-size: 15px;} .map_box .con_box .box .tel_box .num{font-size: 30px;} .company_box ul li .pro_con .box{padding: 40px 0px;} .company_box ul li .pro_con .title{font-size: 28px;} .company_box ul li .pro_con .desc{font-size: 15px;line-height: 30px;} .feedback_box .top_box{padding: 40px 0px;} .feedback_box .top_box .title{font-size: 26px;} .feedback_box .form_box{margin-bottom: 80px;} .feedback_box .form_box .txt{width: 100%; height: 50px;line-height: 50px;margin-bottom: 20px;} .feedback_box .form_box .txt.t1{margin-right: 0px;} .feedback_box .form_box .large_txt{height: 150px;margin-top: 0px;} .feedback_box .form_box .s_btn{height: 50px;line-height: 50px;font-size: 16px;} } @media only screen and (max-width:375px){ .map_box .con_box .box{padding: 50px 20px;} .map_box .con_box .box .title{font-size: 26px;} .map_box .con_box .box .desc{font-size: 15px;margin-bottom: 30px;} .map_box .con_box .box .tel_box .tip{font-size: 14px;} .map_box .con_box .box .tel_box .num{font-size: 30px;} .company_box ul li .pro_con .box{padding: 40px 10px;} .company_box ul li .pro_con .title{font-size: 26px;} .company_box ul li .pro_con .desc{font-size: 14px;line-height: 26px;} } /*È˲ÅÉú³¤*/ .talent_box{width: 100%;padding-top: 145px;padding-bottom:115px;} .talent_box .content{width: 1600px;margin: 0px auto;overflow: hidden;} .talent_box img{width: 100%; display: block;} .talent_box .l_box{float: left;width: 1068px;} .talent_box .l_box .top_box{overflow: hidden;} .talent_box .l_box .top_box .item{width: 50%;float: left;position: relative;} .talent_box .l_box .top_box .item .con_box{background: rgba(0,0,0,0.65); position: absolute;z-index: 99; top: 0px;left: 0px; width: 100%;height: 100%;display: flex;align-items: center;} .talent_box .l_box .top_box .item .con_box .box{padding: 0px 60px;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 29px;color: #FFFFFF;margin-bottom: 30px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size: 16px;color: #FFFFFF;line-height: 30px;margin-bottom: 120px;} .talent_box .l_box .top_box .item .con_box .box .more{border: 2px solid #ddb875;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: #ddb875; text-align: center; display: block;color: #FFFFFF;font-size: 14px;transition: all .3s linear;} .talent_box .l_box .top_box .item.rcln .con_box .box .title{color: #11396c;} .talent_box .l_box .top_box .item.rcln .con_box .box .desc{color: #363636;} .talent_box .l_box .top_box .item.rcln .con_box{background: none;} .talent_box .l_box .top_box .item.rcln .con_box .box .more{border: 2px solid #d0d0d0;background: transparent; color: #282828;} .talent_box .l_box .top_box .item.rcln .con_box .box .more:hover{border: 2px solid #ddb875;background: #ddb875; color: #FFFFFF;} .talent_box .l_box .btm_box{width: 100%;position: relative;} .talent_box .l_box .btm_box .con_box{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; display: flex;align-items: center;} .talent_box .l_box .btm_box .con_box .box{padding: 0px 60px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 29px;color: #11396c;margin-bottom: 30px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size: 16px;color: #363636;line-height: 30px;margin-bottom: 120px;} .talent_box .l_box .btm_box .con_box .box .more{border: 2px solid #d0d0d0;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: transparent; text-align: center; display: block;color: #282828;font-size: 14px;transition: all .3s linear;} .talent_box .l_box .btm_box .con_box .box .more:hover{border: 2px solid #ddb875;background: #ddb875; color: #FFFFFF;} .talent_box .r_box{float: right;width: 532px;height: 802px;} .talent_box .r_box .item {height: 100%;position: relative;} .talent_box .r_box .item .img_box{height: 100%;} .talent_box .r_box .item .img_box img{height: 100%;} .talent_box .r_box .item .con_box{width:100%;position:absolute;bottom:0px;left:0px;padding-bottom:90px;text-align:center;} .talent_box .r_box .item .con_box .title{font-size:29px;color:#11396c;font-weight:bold;margin-bottom:35px;} .talent_box .r_box .item .con_box .desc{font-size:16px;color:#010101;margin-bottom:65px;} .talent_box .r_box .item .con_box .more{margin:0px auto; border: 2px solid #cfb88f;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: transparent; text-align: center; display: block;color: #282828;font-size: 14px;transition: all .3s linear;} .talent_box .r_box .item .con_box .more:hover{border: 2px solid #0D2F5C;background: #0D2F5C; color: #FFFFFF;} @media only screen and (max-width:1599px ) { .talent_box .content{width: 1068px;} .talent_box .l_box{float:none;margin:0px auto;} .talent_box .r_box{float:none;width:1068px;margin:0px auto;height: auto;background:#f1d8aa;} .talent_box .r_box .img_box{display:none;} .talent_box .r_box .item .con_box{position:relative;padding:80px 0px;} } @media only screen and (max-width:1068px ) { .talent_box{padding:80px 0px;} .talent_box .content{width: 100%;} .talent_box .l_box{width:100%;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 24px;margin-bottom:20px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size:14px;line-height: 24px;margin-bottom: 80px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 24px;margin-bottom:20px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size:14px;line-height: 24px;margin-bottom: 80px;} .talent_box .r_box{width:100%;} .talent_box .r_box .item .con_box{position:relative;padding:70px 0px;} } @media only screen and (max-width:768px ) { .talent_box{padding:70px 0px;} .talent_box .l_box .top_box .item .con_box .box{padding: 0px 30px;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 22px;margin-bottom:18px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size:14px;line-height: 22px;margin-bottom: 40px;} .talent_box .l_box .top_box .item .con_box .box .more{width:100px;height:40px;line-height:36px;font-size:14px;} .talent_box .l_box .btm_box .con_box .box{padding:0px 30px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 22px;margin-bottom:18px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size:14px;line-height: 22px;margin-bottom: 40px;} .talent_box .l_box .btm_box .con_box .box .more{width:100px;height:40px;line-height:36px;font-size:14px;} .talent_box .r_box{width:100%;} .talent_box .r_box .item .con_box{padding:60px 0px;} .talent_box .r_box .item .con_box .title{font-size:24px;margin-bottom:25px;} .talent_box .r_box .item .con_box .desc{font-size:14px;margin-bottom:30px;} .talent_box .r_box .item .con_box .more{width:100px;height:40px;line-height:36px;font-size:14px;} } @media only screen and (max-width:480px ) { .talent_box{padding:50px 0px;} .talent_box .l_box .top_box .item{width:100%;} .talent_box .l_box .top_box .item .img_box{display:none;} .talent_box .l_box .top_box .item{background:url(/Public/demo/images/talent_01.jpg) center right no-repeat;} .talent_box .l_box .top_box .item .con_box{position:relative;padding:50px 30px;background: rgba(0,0,0,0.65);} .talent_box .l_box .top_box .item.rcln{background:url(/Public/demo/images/talent_02.jpg) center right no-repeat;} .talent_box .l_box .btm_box .item .img_box{display:none;} .talent_box .l_box .btm_box .item .con_box{position:relative;padding:50px 30px;background:url(/Public/demo/images/talent_04.jpg) center right no-repeat;} } @media only screen and (max-width:375px ) { .talent_box .l_box .top_box .item .con_box{padding:40px 15px;} .talent_box .l_box .btm_box .item .con_box{padding:40px 15px;} } .talent_title{width: 100%;height: 455px;background: url(/Public/demo/images/talent_05.jpg) center center no-repeat;text-align: center;} .talent_title .top_box{padding-top: 150px;padding-bottom: 100px;} .talent_title .top_box .title{font-size:29px;font-weight: bold;color: #FFFFFF;margin-bottom: 25px;} .talent_title .top_box .desc{font-size:16px;color: #FFFFFF;} .talent_title .ctg_box ul{width: 100%;overflow: hidden;} .talent_title .ctg_box ul li{margin: 0px 25px; width: 200px;height:66px;line-height:66px; border-radius: 33px; text-align: center;background: rgba(0,0,0,0.8); display: inline-block;vertical-align: top;} .talent_title .ctg_box ul li a{color: #ffffff;font-size: 20px;display: block;} .talent_title .ctg_box ul li:hover,.talent_title .ctg_box ul li.on{background: #1e2b66;} .talent_title .ctg_box ul li:hover a,.talent_title .ctg_box ul li.on a{font-weight: bold;} .talent_job{width: 100%;background: #FFFFFF;padding:0px 0px;} .talent_job .content{width: 1600px;margin: 0px auto;} .talent_job .job_item>ul{overflow: hidden;} .talent_job .job_item>ul>li{width:50%;height: 188px;padding: 0px 15px;margin-bottom: 30px; float: left;box-sizing: border-box;} .talent_job .job_item>ul>li .box{width: 100%; height: 100%; background: #f7f7f7;position: relative;display: table;vertical-align: middle;} .talent_job .job_item>ul>li .box::after{content: "";width: 23%;height: 100%;position: absolute;top: 0px;left: 0px;background: url(/Public/demo/images/talent_user.png) center no-repeat ;} .talent_job .job_item>ul>li .box::before{content: "";width: 3px;height: 0px;background: #1e2b66;position: absolute;top: 0px;left: 0px;transition: all .3s linear;} .talent_job .job_item>ul>li:hover .box::before{height: 100%;} .talent_job .job_item>ul>li .box .con_box{display: table-cell;vertical-align: middle;padding-left: 23%;padding-right: 10%;position: relative;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 22px;color: #2e2e2e;font-weight: bold;margin-bottom: 10px;} .talent_job .job_item>ul>li:hover .box .con_box .title{color: #1e2b66;} .talent_job .job_item>ul>li .box .con_box ul{overflow: hidden;} .talent_job .job_item>ul>li .box .con_box ul li{width: 50%;float: left;font-size:15px;color: #363636;line-height: 30px;} .talent_job .job_item>ul>li .box .more{width: 50px;height: 50px;line-height: 50px;text-align: center;color:#ffffff;font-size: 18px;margin-top: -25px; background: #555555;border-radius: 25px; position: absolute;top: 50%;right: 50px;transition: all .3s linear;} .talent_job .job_item>ul>li:hover .box .more{background: #1e2b66;} .talent_job .job_item .load_more{width: 137px;height: 50px;line-height: 50px;margin: 0px auto;display: block; border-radius: 25px;border: 1px solid #1e2b66;font-size:14px;color:#1e2b66;text-align: center;margin-top: 40px;transition: all .3s linear;} .talent_job .job_item .load_more:hover{background: #1e2b66;color: #ffffff;_transform: rotateZ(20px);transform: scale(1.1);} @media only screen and (max-width:1600px ) { .talent_job .content{width: 100%;} } @media only screen and (max-width:1200px ) { .talent_title{height: auto;} .talent_title .top_box{padding-top: 100px;padding-bottom: 80px;} .talent_title .ctg_box{padding-bottom: 50px;} .talent_title .ctg_box ul li{width: 180px;height:56px;line-height: 56px; border-radius: 28px;} .talent_title .ctg_box ul li a{font-size: 18px;} .talent_job .job_item>ul>li{padding: 0px 12px;margin-bottom: 24px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{width: 25%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 5%;} .talent_job .job_item>ul>li .box .more{right: 25px;} } @media only screen and (max-width:1024px ) { .talent_job .job_item>ul>li{padding: 0px 10px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 150px;} .talent_job .job_item>ul>li .box::after{width: 25%;background-size:50%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 0%;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 20px;} .talent_job .job_item>ul>li .box .con_box ul li{font-size: 14px;} .talent_job .job_item>ul>li .box .more{width: 40px;height: 40px;line-height:40px; margin-top: -20px; right: 15px;} } @media only screen and (max-width:900px ) { .talent_job .job_item>ul>li{padding: 0px 10px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 150px;} .talent_job .job_item>ul>li .box::after{width: 25%;background-size:50%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 0%;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 30px;height: 30px;line-height:30px; margin-top: -15px; right: 10px;} } @media only screen and (max-width:768px ) { .talent_title .top_box{padding-top: 80px;padding-bottom: 60px;} .talent_title .ctg_box{padding-bottom: 50px;} .talent_title .ctg_box ul li{width: 150px;height:50px;margin: 0px 15px; line-height: 50px; border-radius: 25px;} .talent_title .ctg_box ul li a{font-size: 18px;} .talent_job .job_item>ul>li{width: 100%; padding: 0px 20px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{width: 160px;background-size:auto;} .talent_job .job_item>ul>li .box .con_box{padding-left: 160px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 40px;height: 40px;line-height:40px; margin-top: -20px; right: 30px;} } @media only screen and (max-width:640px ) { .talent_job .job_item>ul>li{width: 100%; padding: 0px 20px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{display: none;} .talent_job .job_item>ul>li .box .con_box{padding: 0px 20px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 30px;height: 30px;line-height:30px; margin-top: -15px; right: 20px;} } @media only screen and (max-width:420px ) { .talent_job .job_item>ul>li{height: auto;} .talent_job .job_item>ul>li .box .con_box{padding: 20px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 17px;} .talent_job .job_item>ul>li .box .con_box ul li{width: 100%;} } @media only screen and (max-width:375px ) { .talent_title .top_box{padding-top: 60px;padding-bottom: 40px;} .talent_title .top_box .title{font-size: 22px;} .talent_title .top_box .desc{line-height: 1.5em;} .talent_title .ctg_box{padding-bottom: 30px;} .talent_title .ctg_box ul li{width: 140px;height:46px;margin: 0px 10px; line-height: 46px; border-radius: 23px;} .talent_title .ctg_box ul li a{font-size: 14px;} } /*²úÆ·À¸Ä¿´óÒ³*/ .pro_ctg_top{width: 100%;background: url(/Public/demo/images/pro_ctg_ban.jpg) center center no-repeat;} .pro_ctg_top .content{width: 1600px;height: 100%; margin: 0px auto;} .pro_ctg_top .con_wrap{display: table;width: 100%;height: 100%;margin-bottom: 50px} .pro_ctg_top .con_wrap .box{display: table-cell;vertical-align: middle;_overflow: hidden;margin-bottom: 50px} .search_box{width:500px;float:right} .search_box .ddl_box{_overflow: hidden;margin-bottom: 35px;text-align:left;} /*ɨ³ýieµÄĬÈÏÑ¡Ôñ¿òÑùʽɨ³ý£¬ £¬£¬£¬£¬£¬Òþ²ØÏÂÀ­¼ýÍ·*/ select::-ms-expand { display: none; } .search_box .ddl_box .l_box{width:49%;display:inline-block;vertical-align:top; position:relative;margin-right:1%;} .search_box .ddl_box .r_box{width:49%;display:inline-block;vertical-align:top; position:relative;} .search_box .ddl_box .ddl_ctg{ width: 100%; /*½«Ä¬ÈϵÄselectÑ¡Ôñ¿òÑùʽɨ³ý*/ appearance:none;-moz-appearance:none;-webkit-appearance:none; font-size: 14px;color: #FFFFFF;font-weight: bold; border:0px; _border-bottom:1px solid #8c8c8c; background: url(/Public/demo/images/pro_ctg_arrow.png) center right no-repeat;background-size: auto 100%; height: 40px;line-height:40px;box-sizing: border-box; padding-left: 10px;padding-right: 40px; position: relative; } .search_box .ddl_box .ddl_ctg:focus{border-bottom:0px;} .search_box .ddl_box .ddl_ctg option{height:50px; line-height:50px;font-size:13.27px; color:#040404;background:rgba(255,255,255,0.3)} .search_box .ddl_box .ddl_ctg:first-child{margin-right: 2%;} .search_box .input_box{position: relative; width: 100%;height:70px;line-height: 70px;background: #FAFAFA;border-radius: 6px;} .search_box .input_box .search_input{font-size: 18px;color: #000000;font-weight: bold;width: 100%;height: 100%;border: none;padding-left:25px;padding-right: 70px;} .search_box .input_box .search_btn{ width: 70px;height: 70px;position: absolute;top: 0px;right: 0px;background: url(/Public/demo/images/pro_ctg_search.png) center center no-repeat;background-size: 100%;} .pro_ctg_top .con_wrap .title_box{float: left;text-align: left;margin-top: 20px;width:600px} .pro_ctg_top .con_wrap .title_box .title{font-size: 27px;color: #333;font-weight: bold;margin-bottom: 25px;} .pro_ctg_top .con_wrap .title_box .en_title{color:#999;line-height: 24px} .pro_ctg_top .con_wrap .title_box .more{transition:all .3s linear; display:inline-block;padding: 0px 30px; margin-right: 20px;line-height: 50px;height: 50px;text-align: center;border: 1px solid #FFFFFF;border-radius: 25px;} .pro_ctg_top .con_wrap .title_box .more .icon {display: inline-block;height: 100%; vertical-align: top;} .pro_ctg_top .con_wrap .title_box .more .icon img{height: 100%;width: auto;display: block;} .pro_ctg_top .con_wrap .title_box .more .tit {font-size: 14px;color: #FFFFFF; display: inline-block;height: 100%;vertical-align: top;} .pro_ctg_top .con_wrap .title_box .more:hover{background:#ddb875;border-color:#ddb875;} .pro_ctg_box{width: 100%;} .pro_ctg_box ul{width: 100%;overflow: hidden;} .pro_ctg_box ul li{cursor: pointer; width: 50%;height: 465px;float: left;background: url(/Public/demo/images/pro_ctg_bg_01.png) center center no-repeat;background-size: cover;transition: all .3s linear;} .pro_ctg_box ul li:nth-child(2){background-image:url(/Public/demo/images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:nth-child(3){background-image:url(/Public/demo/images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:hover{background-image:url(/Public/demo/images/pro_ctg_bg_02.png);} .pro_ctg_box ul li{position: relative;} .pro_ctg_box ul li .box{display: table;height: 100%;} .pro_ctg_box ul li .con_box{display: table-cell;vertical-align: middle;padding-left: 110px;} .pro_ctg_box ul li .con_box .icon{width: 70px;height: 70px;} .pro_ctg_box ul li .con_box .icon img{width: 100%;height: 100%;display: block;} .pro_ctg_box ul li .con_box .title{font-size: 30px;color: #202020;margin: 55px 0px} .pro_ctg_box ul li:hover .con_box .title{color: #FFFFFF;} .pro_ctg_box ul li .con_box .more{display: block;font-size: 12px;color: #272727;width: 105px;height: 42px;border-radius: 21px; line-height: 40px; text-align: center;border: 1px solid #002451;box-sizing: border-box;transition: all .3s linear;} .pro_ctg_box ul li:hover .con_box .more{color: #ffffff;border: 1px solid #ffffff;} .pro_ctg_box ul li .img_box{height: 100%; position: absolute;top:0px;right: -10px;transition: all .3s ease-in-out;} .pro_ctg_box ul li:hover .img_box{right: 0px;} .pro_ctg_box ul li .img_box img{height: 100%;display: block;} @media only screen and (max-width:1600px ) { .pro_ctg_top{background-position: center right;} .pro_ctg_top .content{width: 100%;} .pro_ctg_top .con_wrap .box{padding: 0px 25px 50px;box-sizing: border-box;} } @media only screen and (max-width:1440px ) { .pro_ctg_box ul li{height: 400px;} } @media only screen and (max-width:1200px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 80px 0px;} .pro_ctg_top .con_wrap .search_box{float: none;width: 100%; text-align: right;margin-bottom: 20px;} .pro_ctg_box ul li{height: 360px;} .pro_ctg_box ul li .con_box{padding-left: 60px;} .pro_ctg_box ul li .con_box .title{margin: 40px 0px;font-size: 24px;} .pro_ctg_box ul li .con_box .icon{width: 60px;height: 60px;} } @media only screen and (max-width:900px ) { .pro_ctg_box ul li{width: 100%; height: 360px;} .pro_ctg_box ul li:nth-child(3){background-image:url(/Public/demo/images/pro_ctg_bg_01.png);} .pro_ctg_box ul li:nth-child(4){background-image:url(/Public/demo/images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:nth-child(3):hover{background-image:url(/Public/demo/images/pro_ctg_bg_02.png);} .pro_ctg_box ul li:nth-child(4):hover{background-image:url(/Public/demo/images/pro_ctg_bg_02.png);} .pro_ctg_box ul li .con_box{padding-left: 80px;} .pro_ctg_box ul li .con_box .title{margin: 35px 0px;font-size: 22px;} .pro_ctg_box ul li .con_box .icon{width: 56px;height: 56px;} } @media only screen and (max-width:768px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 60px 0px;} .pro_ctg_top .con_wrap .search_box .input_box{height: 50px;line-height: 50px;} .pro_ctg_top .con_wrap .search_box .input_box .search_input{font-size: 15px;} .pro_ctg_top .con_wrap .search_box .input_box .search_btn{width: 50px;height: 50px;} .pro_ctg_top .con_wrap .title_box{float: none;text-align: center;} .pro_ctg_top .con_wrap .title_box .title{font-size: 24px;line-height: 1.5em;text-align: center;} .pro_ctg_top .con_wrap .title_box .more{margin: 0px auto;} .pro_ctg_box ul li{width: 100%; height: 320px;} .pro_ctg_box ul li .con_box{padding-left: 60px;} .pro_ctg_box ul li .con_box .title{margin: 30px 0px;font-size: 20px;} .pro_ctg_box ul li .con_box .icon{width: 50px;height: 50px;} } @media only screen and (max-width:480px ) { .pro_ctg_box ul li{width: 100%; height: 300px;} .pro_ctg_box ul li .con_box{padding-left: 40px;} .pro_ctg_box ul li .con_box .title{margin: 30px 0px;font-size: 18px;} .pro_ctg_box ul li .con_box .icon{width: 46px;height: 46px;} } @media only screen and (max-width:375px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 50px 0px;} .pro_ctg_top .con_wrap .search_box .ddl_box{margin-bottom: 30px;} .pro_ctg_top .con_wrap .search_box .input_box .search_input{font-size: 14px;} .pro_ctg_top .con_wrap .title_box{float: none;text-align: center;} .pro_ctg_top .con_wrap .title_box .title{font-size: 20px;line-height: 1.5em;text-align: center;} .pro_ctg_top .con_wrap .title_box .more{margin: 0px auto;} .pro_ctg_box ul li{width: 100%; height: 250px;} .pro_ctg_box ul li .con_box{padding-left: 25px;} .pro_ctg_box ul li .con_box .title{margin: 25px 0px;font-size: 18px;} .pro_ctg_box ul li .con_box .icon{width: 40px;height: 40px;} .pro_ctg_box ul li .con_box .more{width: 80px;height: 36px;line-height: 36px;} } /*²úÆ·Áбí*/ .pro_lists_tit{width: 100%;padding: 55px 70px;_overflow: hidden;background: #eeeeee;clear:both;} .pro_lists_tit .title{float: left;color: #080808;font-size: 30px;font-weight: bold;} .clear{clear:both;} .pro_lists_tit .order_box{float:right;width:240px;} .pro_lists_tit .order_box .ddl_box .ddl_order{ width:240px; /*½«Ä¬ÈϵÄselectÑ¡Ôñ¿òÑùʽɨ³ý*/ appearance:none;-moz-appearance:none;-webkit-appearance:none; font-size: 14px;color: #090909;font-weight: bold; border:0px; border-bottom:1px solid #121212; background: url(/Public/demo/images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%; height: 40px;line-height:40px;box-sizing: border-box; padding-left: 10px;padding-right: 40px; position: relative; } .pro_lists_tit .order_box .ddl_box .ddl_order option{color:#090909;} .searchable-select {width:100%;color:#090909;font-size: 14px;background: url(/Public/demo/images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%;} .searchable-select::after{background:#121212;} @media only screen and (max-width:1200px ) { .pro_lists_tit{width: 100%;padding: 30px 40px;} .pro_lists_tit .title{font-size:24px;} } @media only screen and (max-width:768px ) { .pro_lists_tit .title{font-size:20px;} } /*²úÆ·ÁбíÒ³*/ .pro_main{width: 100%;box-sizing: border-box;overflow: hidden;} .pro_main .content{width: 1400px;margin:100px auto; overflow: hidden;} @media only screen and (max-width:1599px ) { .pro_main .content{width: 1068px;} } /*²úÆ·À¸Ä¿*/ .pro_main .pro_nav_box{float: left;width: 387px;border-right: 1px solid #ebebeb;border-bottom: 0px;box-sizing: border-box;} .pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;} .pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 72px;position: relative;transition: all .3s linear;} .pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;font-size:18px; display: block;padding: 0px 40px;} /*Êó±ê¾­ÓÉ*/ .pro_main .pro_nav_box .nav_item:hover .top_item{background: #1e2b66;} .pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*µã»÷Õö¿ª*/ .pro_main .pro_nav_box .nav_item.on .top_item{background: #1e2b66;} .pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;} /*×ÓÀ¸Ä¿¶¨Î»*/ .pro_main .pro_nav_box .nav_item.active .top_item{background: #1e2b66;} .pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;} .pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;} /*.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;} .pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;} .pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}*/ .pro_main .pro_nav_box .nav_item .top_item .plus .pbox{position:relative;} .pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{content:"+";font-size:36px;color:#cbcbcb; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;} .pro_main .pro_nav_box .nav_item .top_item:hover .plus .pbox::after{color:#e1c186;} .pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after{color:#e1c186;} .pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{content:"";width:18px;height:2px;background:#e1c186;top:35px;left:28px;} .pro_main .pro_nav_box .nav_item .sub{padding:18px 0px;display: none;background:#ffffff;} .pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;} .pro_main .pro_nav_box .nav_item .sub li a{box-sizing:border-box; display:block; font-size:16px; transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(/Public/demo/images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro_main .pro_nav_box .nav_item .sub li:hover a{border-bottom:1px solid #cccccc; text-indent: 10px;font-weight: bold;color: #ea2030;background: url(/Public/demo/images/pro_sub_arrow_on.png) right center no-repeat;} .pro_main .pro_nav_box .nav_item .sub li.on a{border-bottom:1px solid #cccccc;text-indent: 10px;font-weight: bold;color: #ea2030;background: url(/Public/demo/images/pro_sub_arrow_on.png) right center no-repeat;} /*²úÆ·Áбí*/ .pro_main .pro_list_box{margin-bottom: 100px auto;} .pro_main .pro_list_box ul{overflow: hidden;} .pro_main .pro_list_box ul li{float: left; width: 30.3333%;margin: 20px 1.5%} .pro_main .pro_list_box ul li .item_box{position: relative;box-sizing: border-box;border:1px solid #e5e5e5} .pro_main .pro_list_box ul li .item_box .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;} .pro_main .pro_list_box ul li .item_box .img_box{overflow:hidden;} .pro_main .pro_list_box ul li .item_box:hover .img_box img{transform:scale(1.1);} .pro_main .pro_list_box ul li .item_box .con_box{width: 100%; position: absolute;text-align: center; bottom: 0px;left: 0px;} .pro_main .pro_list_box ul li .item_box .con_box .line{width: 22px;height: 2px;background: #c9a25d;margin: 0px auto;margin-bottom: 15px;} .pro_main .pro_list_box ul li .item_box .con_box .title{text-align: center;font-size: 15px;line-height: 22px;color: #111111;margin-bottom: 30px;} .pro_main .pro_list_box ul li .item_box:hover .con_box .title{color:#1e2b66;} .pro_main .pro_list_box ul li .item_box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; } /*.pro_main .pro_list_box ul li .item_box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/ .pro_main .pro_list_box ul li .item_box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;} .pro_main .pro_list_box ul li .item_box .tools .item:hover{background: rgba(18,58,109,0.95);} .pro_main .pro_list_box ul li .item_box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;} .pro_main .pro_list_box ul li .item_box .tools .item .title{font-size: 14px;color: #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;} @media only screen and (max-width:1440px ) { .pro_main .pro_nav_box{width: 300px;} .pro_main .pro_list_box{} .pro_main .pro_list_box ul li{width: 30.3333%;margin: 20px 1.5%} } @media only screen and (max-width:1200px ) { .pro_main .pro_nav_box{width: 280px;} .pro_main .pro_list_box{width: calc( 100% - 280px );} } @media only screen and (max-width:1024px ) { .pro_main .pro_list_box ul li{width: 30.3333%;margin: 20px 1.5%} } @media only screen and (max-width:900px ) { .pro_main .pro_nav_box{width: 260px;} .pro_main .pro_list_box{} } @media only screen and (max-width:768px ) { .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;} .pro_main .pro_list_box{width: 100%;} .pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;} .pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;} .pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;} } @media only screen and (max-width:480px ) { .pro_main .pro_list_box ul{padding: 0px 10px;} .pro_main .pro_list_box ul li{width:100%;margin-bottom: 20px;} .pro_main .pro_list_box ul li .item_box{border: none;box-shadow: 1px 1px 20px #f0f1f2;} } @media only screen and (max-width:375px ) { .pro_main .pro_list_box ul li{width:100%;margin-bottom: 12px;} } /*²úÆ·ÏêÇé*/ /*²úÆ·ÏêÇé·ÖÀà*/ .pd_posi{width: 100%;background: #FFFFFF;} .pd_posi .content{width: 1600px;margin: 0px auto; overflow: hidden;} .pd_posi .posi_box{float: left;text-align: left;margin-top: 25px;} .pd_posi .posi_box a{display: inline-block; font-size: 15px;color: #0e0e0e; height: 34px;line-height: 34px; vertical-align: middle;} .pd_posi .posi_box a.index{width: 30px;background: url(/Public/demo/images/pd_icon_index.png) center center no-repeat;} .pd_posi .back_btn{transition:all .3s linear; margin-top: 30px; float:right;display: block;width: 140px;height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;background: #1e2b66;border-radius: 25px;} .pd_posi .back_btn:hover{background:#ddb875;} .pd_class_box{width: 100%; background: #11396c;} .pd_class_box ul{width: 100%;overflow: hidden; text-align: center;box-sizing: border-box;font-size: 0px;} .pd_class_box ul li{display:inline-block; padding: 20px 40px;overflow: hidden;position: relative;box-sizing: border-box;cursor: pointer;} .pd_class_box ul li .icon{width: 70px;height: 70px;margin: 0px auto;} .pd_class_box ul li .icon img{width: 100%;height: 100%;display: block;} .pd_class_box ul li .title{font-size: 13.89px;line-height: 30px; color: #FFFFFF;} .pd_class_box ul li.on::after,.pd_class_box ul li:hover::after{ content: "";transform: rotate(-45deg); width: 30px;height: 30px;background: #FFFFFF;position:absolute; bottom: -28px;left: 50%;margin-left: -15px;} .pd_con_box{width: 100%;padding-top: 70px;padding-bottom: 10px;} .pd_con_box .content{margin: 0px auto; } .pd_con_box .pd_item{width: 100%;min-height: 250px;} @media only screen and (max-width:1600px ) { .pd_posi .content{width: 100%;padding: 0px 20px;box-sizing: border-box;} } @media only screen and (max-width:1200px ) { .pd_con_box .content{width: 100%;padding: 0px 20px;box-sizing: border-box;} } .header .content .logo .shlogo{display: none} .header .content .logo .tou{display: block} @media only screen and (max-width:768px ) { .pd_posi .posi_box{width: 100%;float: none;text-align: center;} .pd_posi .back_btn{float: none;margin: 20px auto;} .pd_class_box ul li{width: 25%;padding: 20px 0px;} .pd_class_box ul li .icon{width: 50px;height: 50px;} .header .content .logo .tou{display: none} .header .content .logo .shlogo{display: block} } @media only screen and (max-width:375px ) { .pd_class_box ul li{padding: 15px 0px;} .pd_class_box ul li .icon{width: 40px;height: 40px;} } /*²úÆ·ÏêÇé´óͼÇл»*/ /*Ê×Ò³´ó²úÆ·Çл»*/ .pd_pro_show{width: 100%; position: relative; background: url(/Public/demo/images/pd_pro_bg.jpg) top center no-repeat;background-size: 100% 100%;} .pd_pro_show .top_icon{position: absolute;top: 50px;right: 85px;} .pd_pro_show .content{margin: 0px auto;} .pd_pro_show .pc-slide { width: 100%; margin: 0 auto; } .pd_pro_show .view .swiper-container { width: 100%; height: auto; } .pd_pro_show .view .swiper-wrapper{ width: 100%; } .pd_pro_show .view .swiper-wrapper .swiper-slide{ width: 100%;position: relative; } .pd_pro_show .view .swiper-slide .img_box{ height: 707px;margin: 0px auto;position: relative; } .pd_pro_show .view .swiper-slide .img_box .bg_img { animation:rotating 6s linear infinite } .pd_pro_show .view .swiper-slide .img_box .pro_img { width: 100%;/*height: 100%;*02.01*/position: absolute;top: 0px;left: 40px; opacity: 0.8;filter: alpha(opacity=80);transform: scale(0.88); transition: all 0.8s ease-in-out; } .pd_pro_show .view .swiper-slide.swiper-slide-active .img_box .pro_img { left: 0px;opacity: 1;filter: alpha(opacity=100);transform: scale(1); } .pd_pro_show .view .swiper-slide .con_box { width: auto;height: 100%; position: absolute;left: 40px;top: 0px;display: table; } .pd_pro_show .view .swiper-slide .con_box .box { display: table-cell;vertical-align: middle; } .pd_pro_show .view .swiper-slide .con_box .box .en_title{ font-size: 60px;font-family: "BigJohn";font-weight: bold;color: #242424;margin-bottom: 10px; } .pd_pro_show .view .swiper-slide .con_box .box .title{ font-size: 25px;color: #000000;line-height: 40px; } .pd_pro_show .view .swiper-slide .con_box .box .more{ width: 136px;height: 54px;line-height: 54px;text-align: center;color: #FFFFFF;font-size: 14px;background: #1e2b66;border-radius: 27px;display: block;margin-top: 70px;transition: all linear .3s; } .pd_pro_show .view .swiper-slide .con_box .box .more:hover{ transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .pd_pro_show .view .arrow-left { display: none; transform: rotateY(180deg); background: url(/Public/demo/images/pd_pro_show_arrow.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 23px; height: 50px; z-index: 10; transition: all .3s linear; } .pd_pro_show .view .arrow-left:hover { display: none; background: url(/Public/demo/images/pd_pro_show_arrow_1.png) no-repeat center center; } .pd_pro_show .view .arrow-right { display: none; background: url(/Public/demo/images/pd_pro_show_arrow.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 23px; height: 50px; z-index: 10; transition: all .3s linear; } .pd_pro_show .view .arrow-right:hover { display: none; background: url(/Public/demo/images/pd_pro_show_arrow_1.png) no-repeat center center; } .pd_pro_show .preview { width: 100%; margin-top: -100px; position: relative; } .pd_pro_show .preview .swiper-container { width: 280px; border: 1px solid #dfdfdf; } .pd_pro_show .preview .swiper-slide { width: 70px; height: 70px; box-sizing: border-box; cursor: pointer; border-right: 1px solid #dfdfdf; position: relative; } .pd_pro_show .preview .swiper-slide img{width: 100%;height: 100%; display: block;transform: scale(0.8);} .pd_pro_show .preview .swiper-slide.active-nav::after{ content: ""; width: 100%; height: 2px; position: absolute;bottom: 0px;left: 0px;background: #11396c; } .pd_pro_show .preview .single{ width: 70px; height: 70px; box-sizing: border-box; cursor: pointer; border: 1px solid #dfdfdf; margin:0 auto; } .pd_pro_show .preview .single img{width: 100%;height: 100%; display: block;transform: scale(0.8);} @media only screen and (max-width:1200px ) { .pd_pro_show .content{width: 100%;} .pd_pro_show .view .swiper-slide .img_box{width: 520px;height: 520px;} .pd_pro_show .view .arrow-left{left: 25px;} .pd_pro_show .view .arrow-right{right: 25px;} } @media only screen and (max-width:1024px ) { .pd_pro_show .view .swiper-slide .img_box{width: 480px;height: 480px;} } @media only screen and (max-width:768px ) { .pd_pro_show .view .swiper-slide .img_box{width: 340px;height: 305px;/*440px;*/} } @media only screen and (max-width:375px ) { .pd_pro_show .view .arrow-left{left: 15px;} .pd_pro_show .view .arrow-right{right: 15px;} .pd_pro_show .view .swiper-slide .img_box{width: 350px;height: 350px;} } @media only screen and (max-width:320px ) { .pd_pro_show .view .arrow-left{left: 10px;} .pd_pro_show .view .arrow-right{right: 10px;} .pd_pro_show .view .swiper-slide .img_box{width: 300px;height: 300px;} } /*½â¾ö¼Æ»®*/ .solution_box ul{background: #f4f4f4;width: 100%;} .solution_box ul.s_list>li{overflow: hidden;display: flex;width: 100%;} .solution_box ul.s_list>li .pro_img{display: flex;flex: 1 0 auto;align-items: center;width: 50%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: auto 100%;background-position: center center;} .solution_box ul.s_list>li .pro_img img{width: 100%; height: auto;display: block;transition: all 0.3s linear; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%); filter: gray;} .solution_box ul.s_list>li:hover .pro_img img{transform: scale(1.1);_opacity: 1;_filter:alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;} .solution_box ul.s_list>li .pro_con{display: flex;flex: 1 0 auto;align-items: center; width: 50%; overflow: hidden;text-align: center;} .solution_box ul.s_list>li .pro_con .box{text-align: center;width: 100%;padding: 20px 0px;} .solution_box ul.s_list>li .pro_con .wrap{display: inline-block;text-align: center;overflow: hidden;} .solution_box ul.s_list>li .pro_con .wrap .icon{display: inline-block;vertical-align: top; margin-right: 30px;} .solution_box ul.s_list>li .pro_con .wrap .info{display: inline-block;vertical-align: top;} .solution_box ul.s_list>li .pro_con .title{display: block;text-align: left; font-size: 30px;color: #000000;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_box ul.s_list>li .pro_con .desc{text-align: left; margin-bottom: 35px; font-size: 16px;color: #5c5c5c; line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 40px;height: 56px;line-height: 56px;overflow: hidden;} .solution_box ul.s_list>li .pro_con .lists li{float: left;margin-right: 30px;position: relative;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 19px;color:#191919;display: block;} .solution_box ul.s_list>li .pro_con .lists li:hover::after{content: "";width: 100%;height: 1px;background: #1e2b66;position:absolute;bottom: 0px;left: 0px;transition: all .3s linear;} .solution_box ul.s_list>li .pro_con .lists li:hover a{color: #1e2b66;font-weight: bold;} .solution_box ul.s_list>li .pro_con .more{display: block;margin-bottom: 10px; width: 130px;height: 50px;line-height: 50px;border-radius: 25px;border:1px solid #1e2b66; text-align: center;color: #1e2b66;font-size: 14px;transition: all .3s linear;} .solution_box ul.s_list>li .pro_con .more:hover{background: #1e2b66;color:#ffffff; transform: translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);} .solution_box ul.s_list>li:hover .pro_con .title{color: #012c63;font-weight: bold;} .solution_box ul.s_list>li:hover .pro_con .desc{color: #191919;} @media only screen and (max-width:1600px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 70px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .title{font-size: 28px;margin-bottom: 22px;} .solution_box ul.s_list>li .pro_con .desc{margin-bottom: 30px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 35px;height: 52px;line-height: 52px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 18px;} } @media only screen and (max-width:1440px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 65px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .title{font-size: 26px;margin-bottom: 20px;} .solution_box ul.s_list>li .pro_con .desc{margin-bottom: 25px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 30px;height: 50px;line-height: 50px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 16px;} } @media only screen and (max-width:1200px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 60px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 65%;} .solution_box ul.s_list>li .pro_con .title{font-size: 22px;margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .desc{font-size: 14px; margin-bottom: 15px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 15px;height: 40px;line-height: 40px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 15px;} } @media only screen and (max-width:1024px){ .solution_box ul.s_list>li .pro_con .wrap .icon{margin-right: 15px;} .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 55px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 60%;} .solution_box ul.s_list>li .pro_con .title{font-size: 20px;margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .desc{font-size: 14px; margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 14px;} .solution_box ul.s_list>li .pro_con .more{width: 100px;height: 40px;line-height: 40px;border-radius: 20px; } } @media only screen and (max-width:900px){ .solution_box ul.s_list>li{display: block;} .solution_box ul.s_list>li .pro_img{width: 100%;display: block;} .solution_box ul.s_list>li .pro_con{width: 100%;display: block;} .solution_box ul.s_list>li .pro_con .box{padding: 30px 20px;} .solution_box ul.s_list>li .pro_con .wrap{display:block;text-align: center;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 100%;text-align: center;} .solution_box ul.s_list>li .pro_con .wrap .info .title{text-align: center;margin-bottom: 20px;margin-top: 20px;} .solution_box ul.s_list>li .pro_con .lists{text-align: center;} .solution_box ul.s_list>li .pro_con .lists li{float: none;display: inline-block;vertical-align: top;} .solution_box ul.s_list>li .pro_con .more{margin: 0px auto;margin-bottom: 10px;} } /*½â¾ö¼Æ»®ÄÚÒ³*/ .solution_ctg_box{width: 100%;background: #073166;} .solution_ctg_box ul{width: 100%;font-size: 0px;text-align: center;} .solution_ctg_box ul li{padding: 30px 50px;display: inline-block;vertical-align: top;text-align: center;position: relative;overflow: hidden;} .solution_ctg_box ul li.on::after,.solution_ctg_box ul li:hover::after{transform: rotate(45deg); content: "";position: absolute;bottom: -25px;left: 50%;margin-left: -15px;width: 30px;height: 30px;background: #FFFFFF;} .solution_ctg_box ul li .icon{height: 60px;margin-bottom: 10px;} .solution_ctg_box ul li .icon img{width: auto; height: 100%;display: block;margin: 0px auto;} .solution_ctg_box ul li .title{color: #ffffff;font-size:18px;line-height: 25px;} .solution_ban{width: 100%;height: 780px;margin-bottom: 80px; background-position: bottom center;background-size: cover;position: relative;} .solution_ban .ctg_info{ width: 800px; height: auto; background: rgba(20,54,98,0.9); position: absolute; bottom: -80px; right: 0px; } .solution_ban .ctg_info .title_box{width: 100%;padding:70px;padding-bottom: 105px; font-size:35px;color: #FFFFFF;} .solution_ban .ctg_info .lists{_height: 80px;padding: 0px 50px;} .solution_ban .ctg_info .lists ul{overflow: hidden;} .solution_ban .ctg_info .lists ul li{line-height: 80px;float: left;margin-right:25px;position: relative;} .solution_ban .ctg_info .lists ul li a{font-size: 19px;color: #FFFFFF;} .solution_ban .ctg_info .lists ul li:hover a,.solution_ban .ctg_info .lists ul li.on a{font-weight: bold;display: block;} .solution_ban .ctg_info .lists ul li:hover::after,.solution_ban .ctg_info .lists ul li.on::after{width: 100%;height:1px;background: #FFFFFF;content: "";top: 0px;left: 0px;position: absolute; } .solution_detail{width: 100%;margin-top: 120px;} .solution_detail .content{width:1400px;margin: 0px auto;overflow: hidden;} .solution_detail .item_box{margin-bottom: 90px;} .solution_detail .item_box .top_box .title{font-size: 30px;line-height: 35px;color: #183f70;font-weight: bold;} .solution_detail .item_box .top_box .line{width: 30px;height: 3px;background: #7a7a7a;margin: 30px 0px;} .solution_detail .about_box .con_detail{line-height: 2em;font-size: 16px;color: #242424;} .solution_detail .case_box .lists{padding-top: 30px;overflow: hidden;} .solution_detail .case_box .lists li{width: 33.333333%;float: left;box-sizing: border-box;padding: 0px 12px;} .solution_detail .case_box .lists li .box{position: relative;background: #FFFFFF;} .solution_detail .case_box .lists li .box .img_box{width: 100%;height: auto;overflow: hidden;} .solution_detail .case_box .lists li .box .img_box img{width: 100%;height: auto;display: block;} .solution_detail .case_box .lists li .box .title{line-height: 60px; text-align: center;font-size:18px;color: #181818;} .solution_detail .case_box .lists li .zz_box{transition: all .3s linear; opacity: 0;filter: alpha(opacity=0); width: 100%;height: 100%; position: absolute;top: 10px;left: 0px;background: rgba(15,54,105,0.9);padding: 0px 50px;padding-top: 70px;} .solution_detail .case_box .lists li:hover .zz_box{opacity: 1;filter: alpha(opacity=100);top: 0;} .solution_detail .case_box .lists li .zz_box .tit{font-size: 19px;color: #ffffff;font-weight: bold;margin-bottom: 20px;} .solution_detail .case_box .lists li .zz_box .time{font-size: 15px;color: #ffffff;margin-bottom: 30px;} .solution_detail .case_box .lists li .zz_box .desc{font-size: 15px;color: #ffffff;line-height: 30px;} @media only screen and (max-width:1400px ) { .solution_detail .content{width: 100%;padding: 0px 20px;} .solution_detail .case_box .lists li .zz_box{ padding-top: 55px;} } @media only screen and (max-width:1200px ) { .solution_ctg_box ul li .icon{height: 50px;} .solution_ctg_box ul li .title{font-size: 16px;} .solution_ban{height: 640px;} .solution_detail .case_box .lists li{width:50%;margin-bottom: 30px;} } @media only screen and (max-width:1024px ) { .solution_ban{height: 560px;} .solution_ban .ctg_info{width: 768px;} .solution_ctg_box ul li{width: 25%;padding: 25px 10px;} .solution_ctg_box ul li .icon{height: 46px;} .solution_ctg_box ul li .title{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_detail .case_box .lists li .zz_box{padding: 0px 30px; padding-top: 45px;} .solution_detail .case_box .lists li .zz_box .time{margin-bottom: 15px} } @media only screen and (max-width:768px ) { .solution_ban{height: 480px;margin-bottom: 120px;} .solution_ban .ctg_info{width: 100%;} .solution_ban .ctg_info .title_box{padding: 50px;font-size:28px;} .solution_detail .item_box .top_box .title{font-size:24px;} .solution_detail .item_box .top_box .line{margin: 20px 0px;} .solution_detail .item_box{margin-bottom: 60px;} .solution_detail .case_box .lists li{width: 100%;margin-bottom: 30px;} .solution_detail .case_box .lists li:hover .zz_box{opacity: 0;filter: alpha(opacity=0);} } @media only screen and (max-width:640px ) { .solution_ctg_box ul li{padding: 20px 5px;} .solution_ctg_box ul li .icon{height: 40px;} .solution_ctg_box ul li .title{font-size: 14px;} } @media only screen and (max-width:480px ) { .solution_ban .ctg_info {bottom: -60px;} .solution_ban .ctg_info .title_box{padding: 30px;font-size:22px;line-height: 1.5em; text-align: center;} .solution_ban .ctg_info .lists{padding: 0px;} .solution_ban .ctg_info .lists ul {font-size: 0px; text-align: center;} .solution_ban .ctg_info .lists ul li{display: inline-block;vertical-align: top; line-height: 60px;float: none;} .solution_ban .ctg_info .lists ul li a{font-size: 16px;} } /*============¹ØÓÚÊ®´óµç×ÓÓÎϷƽ̨ÍøÕ¾==========*/ /*Ê®´óµç×ÓÓÎϷƽ̨ÍøÕ¾¼ò½é*/ .about_jtjj{background: #FFFFFF;padding: 90px 0px;overflow:hidden;} .about_jtjj .content{margin: 0px auto;box-sizing: border-box;padding: 0px 20px;} .about_jtjj .top_box{text-align: center;} .about_jtjj .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 15px;} .about_jtjj .top_box .en_title{font-size: 28px;color: #9c9c9c;margin-bottom: 20px;} .about_jtjj .top_box .line{margin-bottom: 55px;} .about_jtjj .con_box{font-size: 16px;color: #666;line-height: 30px;} .about_jtjj .con_box p{margin-bottom: 1em;} .fengcai .top_box{text-align: center;} .fengcai .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 15px;} .fengcai .top_box .en_title{font-size: 28px;color: #9c9c9c;margin-bottom: 20px;} .fengcai .top_box .line{margin-bottom: 55px;} .xuezhang{background: url(/Public/demo/images/team_bg.jpg)} .xuezhang .top_box{text-align: center;} .xuezhang .top_box .title{font-size: 34px;color: #005bac;font-weight: bold;margin-bottom: 15px;} .xuezhang .top_box .en_title{font-size: 28px;color: #005bac;margin-bottom: 20px;} .xuezhang .top_box .line{margin-bottom: 55px;} .intro_main { margin-top: 90px; position: relative; margin-bottom: 90px } @media (max-width: 1024px) { .intro_main { display: none; } } .intro_main .leadership_box { position: absolute; left: 44.14%; top: 0; right: 8.2%; } .intro_main .leadership_box .btn_box { font-size: 0; margin-top: 5px; } .intro_main .leadership_box .btn_box div { display: inline-block; margin-right: 20px; width: 36px; height: 36px; border-radius: 50%; margin-right: 18px; cursor: pointer; } .intro_main .leadership_box .btn_box div.prev { background: url("/Public/demo/images/bl.png") no-repeat center center #005bac; } .intro_main .leadership_box .btn_box div.next { background: url("/Public/demo/images/br.png") no-repeat center center #005bac; } @media (max-width: 1200px) { .intro_main .leadership_box .btn_box div { width: 30px; height: 30px; margin-right: 12px; background-size: 6px auto; } } .intro_main .leadership_box ul { height: 200px; position: relative; } @media (max-width: 1320px) { .intro_main .leadership_box ul { height: 180px; } } @media (max-width: 1280px) { .intro_main .leadership_box ul { height: 160px; } } @media (max-width: 1200px) { .intro_main .leadership_box ul { height: 140px; } } .intro_main .leadership_box ul li { padding-top: 10px; height: 100%; box-sizing: border-box; display: none; } @media (max-width: 1320px) { .intro_main .leadership_box ul li { padding-top: 5px; } } .intro_main .leadership_box ul li.show { display: block; } .intro_main .leadership_box ul li .tit { font-size: 0; } .intro_main .leadership_box ul li .tit .name { font-size: 18px; line-height: 22px; color: #333; display: inline-block; vertical-align: bottom; } @media (max-width: 1200px) { .intro_main .leadership_box ul li .tit .name { font-size: 16px; line-height: 20px; } } .intro_main .leadership_box ul li .tit .job { display: inline-block; font-weight: bold; font-size: 30px; line-height: 30px; color: #333; border-right: 1px solid #c5c5c5; padding-right: 18px; margin-right: 18px; } @media (max-width: 1200px) { .intro_main .leadership_box ul li .tit .job { font-size: 26px; line-height: 26px; } } .intro_main .leadership_box ul li .con { font-size: 14px; line-height: 26px; color: #666; margin-top: 24px; height: 130px; overflow: hidden; } @media (max-width: 1320px) { .intro_main .leadership_box ul li .con { margin-top: 14px; } } @media (max-width: 1280px) { .intro_main .leadership_box ul li .con { height: 96px; line-height: 24px; } } @media (max-width: 1200px) { .intro_main .leadership_box ul li .con { font-size: 13px; line-height: 22px; height: 88px; } } .intro_main .intro_box { overflow: hidden; } .intro_main .intro_box ul li { overflow: hidden; float: left; border-radius: 15px; } .intro_box ul li .pic_box { padding: 6px; background-clip: padding-box; background-color: #fff; box-shadow: 0 0 16px rgba(0, 91, 172, 0.1); } .intro_main .intro_box ul li .pic_box .tu { border-radius: 10px; overflow: hidden; } .intro_main .intro_box ul li .pic_box .tu img { width: 100%; height: auto; border-radius: 10px; } @media only screen and (max-width:1400px ) { .about_jtjj .content{width: 100%;} } @media only screen and (max-width:1024px ) { .about_jtjj{padding: 60px 0px;} .about_jtjj .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_jtjj .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_jtjj .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_jtjj{padding: 50px 0px;} .about_jtjj .top_box .title{font-size: 28px;} .about_jtjj .top_box .en_title{font-size: 24px;} .about_jtjj .top_box .line{margin-bottom: 35px;} } .about-box .img{ margin-top: 1.65rem; } .about-box .img img{ width: 100%; } .about-box .num-box{ margin-top: 50px; font-size: 0; margin-bottom: 50px; } .about-box .num-box .item{ display: inline-block; *display: inline; zoom: 1; padding: 0 7%; box-sizing: border-box; vertical-align: top; position: relative; } .about-box .num-box .item:nth-child(1){ padding-left: 0; width: 17.5%; } .about-box .num-box .item:nth-child(2){ width: 25%; } .about-box .num-box .item:nth-child(3){ width: 36.67%; } .about-box .num-box .item:nth-child(4){ padding-right: 0; width: 20.83%; } .about-box .num-box .item:before{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height:60px; background-color: #e5e5e5; } .about-box .num-box .item:last-child:before{ display: none; } .about-box .num-box .item .tit, .about-box .num-box .item .jia{ display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .about-box .num-box .item .tit{ color: #a08448; } .about-box .num-box .item .num{ font-size: 40px; line-height: 40px; font-family: arial; } .about-box .num-box .item .jia{ font-size: .5rem; line-height: 1.25rem; margin-left: .25rem; } .about-box .num-box .item .txt{ font-size: .35rem; line-height: .45rem; color: #666; margin-top: .4rem; } .story-list{ padding-top: 5rem; overflow: hidden; } .story-list li{ margin-bottom: 100px; overflow: hidden } .story-list li:last-child{ margin-bottom: 0; } .story-list .img{ float: left; width: 50%; } .story-list .img img{ width: 100%; } .story-list .sub-tit, .story-list .about-con{ text-align: left; } .story-list .text-box{ float: right; width: 45%; } .story-list li:nth-child(2n) .img{ float: right; } .story-list li:nth-child(2n) .text-box{ float: left; } .story-list .sub-tit .en{ font-size: 60px; line-height: 60px; font-family: arial; text-transform: uppercase; font-weight: bold; color: #efefef; } .story-list .sub-tit .cn{ font-size: 30px; line-height: 30px; color: #333; } .story-list .sub-tit .line{ margin: 50px 0 0; width: 30px; height:3px; background-color: rgba(0,0,0,.1); } .story-list .about-con{ margin-top: 50px; font-size: 14px; line-height: 32px; color: #666; } .story-tab-box{ padding: 3.75rem 0; } .story-tab-box .tab-btns{ font-size: 0; overflow: hidden; border:1px solid #bca065; height: 1.25rem; border-radius: .625rem; margin:0 auto; text-align: center; width: 75.83%; } .story-tab-box .tab-btns a{ display: inline-block; *display: inline; zoom:1; width: 20%; height: 1.25rem; line-height: 1.25rem; color: #bca065; font-size: .35rem; border-left: 1px solid #bca065; transition:all .2s; box-sizing: border-box; } .story-tab-box .tab-btns a:first-child{ border-left: none; } .story-tab-box .tab-btns a.cur{ background-color: #bca065; color: #fff; } .story-tab-box .tab-box{ margin-top: 2.25rem; } .story-tab-box .tab-box .item{ display: none; } .img-box video{ width: 100%; display: block; background-color: #000; } .m-box{ display: none; } .img-box { padding: .5rem 0 0 .5rem; position: relative; /* margin-top: 1rem; */ } .img-box .img{ position: relative; } .img-box.img img{ width: 100%; } .por { position: relative; } .play-btn, .pc-play-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:60px; height:60px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("/Public/demo/images/play-btn.png"); transition: all .2s; } .img-box .line{ position: absolute; background-color: #bca065; } .img-box .line1{ width: 82.26%; right: 17.74%; top: 0; height: .5rem; } .img-box .line2{ width: .5rem; left:0; top: 0; height: 79.59%; } .pc-box.on .pc-play-btn{ display: none; } /*Éú³¤Àú³Ì*/ .ab_boxD{ clear:both; width:100%; height:775px;padding-top: 80px;box-sizing: border-box; background:url(/Public/demo/images/about_fzlc_bg.jpg) top center no-repeat; background-size:auto 100%; position:relative;overflow:hidden;} .ab_boxD .top_box{text-align: center;margin-bottom: 50px;} .ab_boxD .top_box .title{font-size: 34px;color: #333;font-weight: bold;margin-bottom: 19px;} .ab_boxD .top_box .en_title{font-size: 28px;color: #b3b4b5;margin-bottom: 22px;} .ab_boxD .top_box .line img{display: block;margin: 0px auto;} .ab_boxD .cont{ width:990px; height:242px; margin:0px auto; position:relative;} .ab_boxD .cont .btn{ position:absolute; top:150px; width:38px; height:75px; background:url(/Public/demo/images/about_fzlc_arr_on.png) center center no-repeat; background-size:100% 100%; opacity:0.6;} .ab_boxD .cont .prev{ left:-90px;} .ab_boxD .cont .next{ right:-90px; transform:rotate(180deg);} .ab_boxD .cont .btn:hover{ opacity:1;} .ab_boxD .cont .list{ width:100%; height:100%; margin:0 auto; color:#FFF; overflow:hidden;} .ab_boxD .cont .list li{ height:242px; overflow:hidden;} .ab_boxD .cont .list li .lt{ float:left; width:41%;overflow: hidden;} .ab_boxD .cont .list li .lt img{height:100%;display: block;margin: 0px auto;} .ab_boxD .cont .list li .rt{ float:right; width:59%;height: 100%;} .ab_boxD .cont .list li .rt .info_box{width: 100%;height: 100%; display: flex;align-items: center;} .ab_boxD .cont .list li .rt .center_box{width: 100%;box-sizing: border-box;padding-left: 50px;padding-right: 20px;} .ab_boxD .cont .list li .rt .title{font-family: "BigJhon"; font-size: 82.65px;color: #dfc38e;font-weight: bold;width: 100%;} .ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 28px;} .ab_boxD .cont .list li .rt .desc{font-size: 16px;color: #333;line-height: 34px;} .ab_boxD .year_box{position: relative;margin-top: 89px;} .ab_boxD .year_box .hx{ position:absolute; left:0; top: 50%;margin-top: -7px; width:100%; height:14px; background:url(/Public/demo/images/about_fzlc_line.png) center center no-repeat;background-size: auto 100%; z-index:1;} .ab_boxD .box{ margin:0px auto; width:1398px; height:150px; overflow:hidden; position:relative; z-index:2;} .ab_boxD .box li{ float:left; width:233px; height:150px; cursor:pointer; text-align:center;position: relative;} .ab_boxD .box li p{z-index: 2; font-family: "BigJhon"; position: absolute;top: 0px;left: 0px; font-weight:bold; color:#1e2b66; width: 100%; height:150px; line-height:150px;text-align: center;font-size:17.84px; transition:all 0.2s ease-out;} .ab_boxD .box li i{z-index: 1; display:block; height:88px; width:88px; background-color:#ffffff; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-out;} .ab_boxD .box li.cur p{ font-size:35px; } .ab_boxD .box li.cur i{width: 150px; height: 150px;background: #dfc38e;} @media only screen and (max-width:1440px ) { .ab_boxD{height: auto;padding-top: 80px;padding-bottom: 80px;} .ab_boxD .top_box{text-align: center;margin-bottom: 45px;} .ab_boxD .top_box .title{font-size: 32px;margin-bottom: 17px;} .ab_boxD .top_box .en_title{font-size: 26px;margin-bottom: 20px;} .ab_boxD .year_box{margin-top: 80px;} .ab_boxD .box{width: 100%;} } @media only screen and (max-width:1200px ) { .ab_boxD{height: auto;padding-top: 65px;padding-bottom: 65px;} .ab_boxD .top_box{text-align: center;margin-bottom: 40px;} .ab_boxD .top_box .title{font-size: 30px;margin-bottom: 15px;} .ab_boxD .top_box .en_title{font-size: 24px;margin-bottom: 18px;} .ab_boxD .cont .list li .rt .info_box .center_box{padding-left: 40px;padding-right: 20px;} .ab_boxD .cont .list li .rt .title{ font-size: 76.65px;} .ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 26px;} .ab_boxD .cont .list li .rt .desc{font-size: 15px;line-height: 32px;} .ab_boxD .year_box{margin-top: 70px;} .ab_boxD .box{height:120px; } .ab_boxD .box li{ width:220px; height:120px; } .ab_boxD .box li p{height:120px; line-height:120px;font-size:15.84px; } .ab_boxD .box li i{height:78px; width:78px; } .ab_boxD .box li.cur p{ font-size:30px; } .ab_boxD .box li.cur i{width: 120px; height: 120px;} } @media only screen and (max-width:1024px ) { .ab_boxD .cont{ width:100%; height:auto; } .ab_boxD .cont .list{ width:100%; height:100%; margin:0 auto; color:#FFF; overflow:hidden;} .ab_boxD .cont .list li{ height:auto; overflow:hidden;text-align: center;display: none;} .ab_boxD .cont .list li.cur{display: block;} .ab_boxD .cont .list li .lt{float:none;display: inline-block; vertical-align: top; width: 100%; overflow: hidden;} .ab_boxD .cont .list li .lt img{height:100%;display: block;margin: 0px auto;} .ab_boxD .cont .list li .rt{padding-top: 20px; float:none;display: inline-block;vertical-align: top;width:100%; height: 100%;text-align: center;} .ab_boxD .cont .list li .rt .info_box .center_box{padding: 0px;} .ab_boxD .cont .list li .rt .title{font-size: 68px;} .ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 24px;} .ab_boxD .cont .list li .rt .desc{font-size: 15px;color: #FFFFFF;line-height: 28px;} .ab_boxD .year_box{margin-top: 50px;} .ab_boxD .box{height:110px; } .ab_boxD .box li{ width:200px; height:110px; } .ab_boxD .box li p{height:110px; line-height:110px;font-size:15px; } .ab_boxD .box li i{height:68px; width:68px; } .ab_boxD .box li.cur p{ font-size:28px; } .ab_boxD .box li.cur i{width: 110px; height: 110px;} } @media only screen and (max-width:768px ) { .btm_nav .nav_box{display: none} .btm_nav .content{width: 100%} .ab_boxD .top_box{text-align: center;margin-bottom: 35px;} .ab_boxD .top_box .title{font-size: 28px;margin-bottom: 15px;} .ab_boxD .top_box .en_title{font-size: 22px;margin-bottom: 15px;} .ab_boxD{height: auto;padding-top: 55px;padding-bottom: 55px;} .ab_boxD .cont .list li .lt img{max-width: 100%;height: auto;} .ab_boxD .cont .list li .rt{padding-top: 20px; } .ab_boxD .cont .list li .rt .title{font-size: 60px;} .ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 22px;} .ab_boxD .cont .list li .rt .desc{font-size: 14px;color: #FFFFFF;line-height: 26px;} .ab_boxD .year_box{margin-top: 40px;} .ab_boxD .box{height:100px; } .ab_boxD .box li{ width:180px; height:100px; } .ab_boxD .box li p{height:100px; line-height:100px;font-size:14px; } .ab_boxD .box li i{height:64px; width:64px; } .ab_boxD .box li.cur p{ font-size:26px; } .ab_boxD .box li.cur i{width: 100px; height: 100px;} } @media only screen and (max-width:480px ) { .ab_boxD .top_box{text-align: center;margin-bottom: 32px;} .ab_boxD .top_box .title{font-size: 26px;margin-bottom: 12px;} .ab_boxD .top_box .en_title{font-size: 20px;margin-bottom: 12px;} .ab_boxD{height: auto;padding-top: 55px;padding-bottom: 55px;} .ab_boxD .cont .list li .lt{padding: 0px 20px;} .ab_boxD .cont .list li .lt img{max-width: 100%;height: auto;} .ab_boxD .cont .list li .rt{padding: 0px 15px; padding-top: 20px; } .ab_boxD .cont .list li .rt .title{font-size: 48px;} .ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 20px;} .ab_boxD .cont .list li .rt .desc{font-size: 14px;color: #FFFFFF;line-height: 26px;} .ab_boxD .year_box{margin-top: 40px;} .ab_boxD .box{height:80px; } .ab_boxD .box li{ width:140px; height:80px; } .ab_boxD .box li p{height:80px; line-height:80px;font-size:14px; } .ab_boxD .box li i{height:56px; width:56px; } .ab_boxD .box li.cur p{ font-size:24px; } .ab_boxD .box li.cur i{width: 80px; height: 80px;} } /*ÆóÒµÎÄ»¯*/ .about_qywh{width: 100%;padding-top: 145px;padding-bottom: 110px;background: #ffffff;overflow:hidden;} .about_qywh .content{width: 1600px;margin: 0 auto;} .about_qywh ul{overflow: hidden;} .about_qywh ul li{width: 33.33333%;float: left;position: relative;} .about_qywh ul li .con_box{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: flex;align-items: center} .about_qywh ul li .con_box .box{padding: 0px 60px;} .about_qywh ul li .con_box .title{font-size: 29px;color: #FFFFFF;margin-bottom: 25px;} .about_qywh ul li .con_box .desc{font-size: 16px;color: #ffffff;line-height: 34px;} .about_qywh ul li.qywh_1 .con_box .title{color: #FFFFFF;} .about_qywh ul li.qywh_1 .con_box .desc{color: #FFFFFF;} .about_qywh ul li.qywh_2 .con_box .title{color: #252525;} .about_qywh ul li.qywh_2 .con_box .desc{color: #363636;} .about_qywh ul li.qywh_3 .con_box .title{color: #003171;} .about_qywh ul li.qywh_3 .con_box .desc{color: #252525;} .about_qywh ul li.qywh_4 .con_box .title{color: #003373;} .about_qywh ul li.qywh_4 .con_box .desc{color: #424242;} .about_qywh ul li.qywh_5 .con_box .title{color: #1e2b66;} .about_qywh ul li.qywh_5 .con_box .desc{color: #252525;} .about_qywh ul li.qywh_6 .con_box .title{color: #151515;} .about_qywh ul li.qywh_6 .con_box .desc{color: #000000;} @media only screen and (max-width:1600px ) { .about_qywh .content{width: 100%;} } @media only screen and (max-width:1200px ) { .about_qywh ul li .con_box .box{padding: 0px 50px;} .about_qywh ul li .con_box .title{font-size: 26px;margin-bottom: 20px;} .about_qywh ul li .con_box .desc{font-size: 14px;line-height: 32px;} } @media only screen and (max-width:1024px ) { .about_qywh ul li .con_box .box{padding: 0px 40px;} .about_qywh ul li .con_box .title{font-size: 24px;margin-bottom: 18px;} .about_qywh ul li .con_box .desc{font-size: 14px;line-height: 30px;} } @media only screen and (max-width:768px ) { .about_qywh{padding-top: 60px;padding-bottom: 60px;} .about_qywh ul li{width: 50%;} .about_qywh ul li .con_box .box{padding: 0px 30px;} .about_qywh ul li .con_box .title{font-size: 22px;margin-bottom: 15px;} .about_qywh ul li .con_box .desc{font-size: 14px;line-height: 28px;} } @media only screen and (max-width:480px ) { .about_qywh{padding-top: 40px;padding-bottom: 40px;} .about_qywh ul li{width: 100%;} .about_qywh ul li .con_box .box{padding: 0px 25px;} .about_qywh ul li .con_box .title{font-size: 22px;margin-bottom: 15px;} .about_qywh ul li .con_box .desc{font-size: 14px;line-height: 28px;} } /*Éç»áÔðÈÎ*/ .about_shzr{width: 100%;background: #f4f4f4;padding-top: 110px;padding-bottom: 110px;overflow:hidden;} .about_shzr .content{width:1500px; margin: 0px auto; } .about_shzr .top_box{text-align: center;} .about_shzr .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 15px;} .about_shzr .top_box .en_title{font-size: 28px;color: #969696;margin-bottom: 15px;} .about_shzr .top_box .line{margin-bottom: 40px;} .about_shzr .shzr_ctg{text-align: center;margin-bottom: 80px;} .about_shzr .shzr_ctg ul{overflow: hidden;} .about_shzr .shzr_ctg li{display: inline-block;margin: 0px 14px;} .about_shzr .shzr_ctg li a{font-size: 22px;color: #717171;} .about_shzr .shzr_ctg li.on a{color: #1e2b66;} .about_shzr .swiper_box{position: relative;} .shzr_swiper{position: relative;overflow: hidden;display: none;} .shzr_swiper.on{display: block;} .shzr_swiper .swiper-slide .box{padding: 0px 10px;box-sizing: border-box;text-align: center;} .shzr_swiper .swiper-slide .box .title{font-size: 17px;color: #272727;line-height: 50px;} .shzr_swiper .swiper-slide .box .img_box{width: 100%;height: auto; overflow: hidden;} .shzr_swiper .swiper-slide .box .img_box img{width: 100%;height: auto;display: block;transition:all .3s linear;} .shzr_swiper .swiper-slide .box .img_box img:hover{transform:scale(1.1)} .shzr_swiper .swiper-pagination{position:relative;padding-top:25px;} .shzr_swiper .swiper-pagination span{width:14px;height:14px;margin:0px 5px;background:rgba(0,0,0,0.4);} .shzr_swiper .swiper-pagination span.swiper-pagination-bullet-active{background:#ddb875;} @media only screen and (max-width:1500px ) { .about_shzr .content{width: 100%;padding: 0px 10px;box-sizing: border-box;} } @media only screen and (max-width:1024px ) { .about_shzr{padding: 60px 0px;} .about_shzr .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_shzr .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_shzr .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_shzr{padding: 50px 0px;} .about_shzr .top_box .title{font-size: 28px;} .about_shzr .top_box .en_title{font-size: 24px;} .about_shzr .top_box .line{margin-bottom: 35px;} .about_shzr .shzr_ctg{margin-bottom: 40px;} .about_shzr .shzr_ctg li a{font-size: 18px;} .shzr_swiper .swiper-slide .box .title{font-size: 15px;line-height: 40px;} } @media only screen and (max-width:480px ) { .about_shzr{padding: 50px 0px;} .about_shzr .top_box .title{font-size: 26px;} .about_shzr .top_box .en_title{font-size: 22px;} .about_shzr .top_box .line{margin-bottom: 30px;} .about_shzr .shzr_ctg{margin-bottom: 40px;} .about_shzr .shzr_ctg li{margin-bottom: 15px;} .about_shzr .shzr_ctg li a{font-size: 16px;} .shzr_swiper .swiper-slide .box .title{font-size: 14px;} } /*ÉùÓþ×ÊÖÊ*/ .about_honor{width: 100%;background: url(/Public/demo/images/about_honor_bg.jpg) center center no-repeat;background-size: cover; padding-top: 110px;padding-bottom: 110px;overflow:hidden;} .about_honor .content{width:1500px; margin: 0px auto; } .about_honor .top_box{text-align: center;} .about_honor .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 15px;} .about_honor .top_box .en_title{font-size: 28px;color: #969696;margin-bottom: 15px;} .about_honor .top_box .line{margin-bottom: 40px;} .about_honor .honor_ctg{text-align: center;margin-bottom: 80px;} .about_honor .honor_ctg ul{overflow: hidden;} .about_honor .honor_ctg li{display: inline-block;margin: 0px 14px;margin-bottom: 15px;} .about_honor .honor_ctg li a{font-size: 22px;color: #717171;} .about_honor .honor_ctg li.on a{color: #1e2b66;} .about_honor .swiper_box{position: relative;} .about_honor .swiper-pagination{position:relative;padding-top:25px;} .about_honor .swiper-pagination span{width:14px;height:14px;margin:0px 5px;background:rgba(0,0,0,0.4);} .about_honor .swiper-pagination span.swiper-pagination-bullet-active{background:#ddb875;} .honor_swiper{position: relative;overflow: hidden;display: none;} .honor_swiper.on{display: block;} .honor_swiper .swiper-slide .box{padding: 0px 10px;box-sizing: border-box;text-align: center;} .honor_swiper .swiper-slide .box .title{font-size: 17px;color: #272727;line-height: 50px;} .honor_swiper .swiper-slide .box .img_box{width: 100%;height: auto; overflow: hidden;} .honor_swiper .swiper-slide .box .img_box img{width: 100%;height: auto;display: block;transition:all .3s linear;} .honor_swiper .swiper-slide .box .img_box img:hover{transform:scale(1.1);} @media only screen and (max-width:1500px ) { .about_honor .content{width: 100%;padding: 0px 10px;box-sizing: border-box;} } @media only screen and (max-width:1024px ) { .about_honor{padding: 60px 0px;} .about_honor .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_honor .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_honor .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_honor{padding: 50px 0px;} .about_honor .top_box .title{font-size: 28px;} .about_honor .top_box .en_title{font-size: 24px;} .about_honor .top_box .line{margin-bottom: 35px;} .about_honor .honor_ctg{margin-bottom: 40px;} .about_honor .honor_ctg li a{font-size: 18px;} .honor_swiper .swiper-slide .box .title{font-size: 15px;line-height: 40px;} } @media only screen and (max-width:480px ) { .about_honor{padding: 50px 0px;} .about_honor .top_box .title{font-size: 26px;} .about_honor .top_box .en_title{font-size: 22px;} .about_honor .top_box .line{margin-bottom: 30px;} .about_honor .honor_ctg{margin-bottom: 40px;} .about_honor .honor_ctg li a{font-size: 16px;} .honor_swiper .swiper-slide .box .title{font-size: 14px;} } /*³ÉÔ±ÆóÒµ*/ .about_member{width: 100%;padding-bottom: 125px;overflow:hidden;} .about_member .content{width: 1600px;margin: 0px auto;} .about_member .top_box{text-align: center;} .about_member .top_box .title{font-size: 34px;color: #1e2b66;font-weight: bold;margin-bottom: 15px;} .about_member .top_box .en_title{font-size: 28px;color: #969696;margin-bottom: 15px;} .about_member .top_box .line{margin-bottom: 85px;} .about_member .member_swiper{position: relative;overflow: hidden;} .about_member .swiper-slide .box{padding: 0px 16px;box-sizing: border-box;} .about_member .swiper-slide .box .img_box{width: 100%;height: auto; overflow: hidden;} .about_member .swiper-slide .box .img_box img{width: 100%;height: auto;display: block;} .about_member .swiper-slide .box .con_box{padding: 35px 30px;position: relative;transition: all .3s linear;} .about_member .swiper-slide .box .con_box .title{color: #000000;font-size: 20px; margin-bottom: 20px;transition: all .3s linear;} .about_member .swiper-slide .box .con_box .desc{font-size: 14px;color: #4b4b4b;line-height: 30px;overflow: hidden; margin-bottom: 15px;} .about_member .swiper-slide .box .con_box .more{font-size: 14px;color: #1e2b66;line-height: 26px;} .about_member .swiper-slide .box .con_box::after{content: "";width: 100%;height: 9px;background: #e0e0e0;position: absolute;bottom: 0px;left: 0px;transition: all .3s linear;} .about_member .swiper-slide:hover .box .con_box{background: #ececec;} .about_member .swiper-slide:hover .box .con_box::after{background: #ececec;} .about_member .swiper-slide:hover .box .con_box .title{color:#1e2b66;font-weight: bold;} .about_member .swiper-slide:hover .box .con_box .more{text-decoration: underline;} @media only screen and (max-width:1600px) { .about_member .content{width: 100%;} } @media only screen and (max-width:1024px ) { .about_honor .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_honor .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_member .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_member .top_box .title{font-size: 28px;} .about_member .top_box .en_title{font-size: 24px;} .about_member .top_box .line{margin-bottom: 35px;} .about_member .swiper-slide .box .con_box{padding: 30px 20px;} } @media only screen and (max-width:480px ) { .about_member{padding: 50px 0px;} .about_member .top_box .title{font-size: 26px;} .about_member .top_box .en_title{font-size: 22px;} .about_member .top_box .line{margin-bottom: 30px;} } /*È«¾Ö*/ @media only screen and (max-width:1640px ) { .header .content{width: 100%;} .index-nav-frame-line{} } /*PCµ¼º½logoºÍ²Ëµ¥ ÖØÊÊʱ Çл»³ÉСµ¼º½À¸*/ @media only screen and (max-width:1400px ) { } .lang_min{display: none;} @media only screen and (max-width:1200px ) { /*Í·²¿ÏÔʾÑùʽ*/ .d_nav{display: none;} .tools_box{display: none;} .header{position: absolute;} .header .content{text-align: center;padding: 0px;height: 60px;} .header .content .logo{float: left;height: 60px;display:block; padding: 2px 16px;width: 10%} .header .content .icon_menu{float: left;display:none;} .nav_btn{display: block;width: 60px;height: 60px;} .lang_min{display: block;width: 60px;height: 60px;} .ny_main{margin-top: 60px;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{display: none;} } /*css flickr style pagination*/ div.flickr { padding:40px 0px 40px 0px;margin:0px; text-align:center; font-size:14px;font-family:"SimSun"; } div.flickr a{width:40px;height: 40px;line-height:40px;transition: all 0.3s linear;font-family:"SimSun";} div.flickr a { border: 1px solid #cbcbcb ; border-radius: 5px; color: #666666; margin-right: 5px; text-decoration: none;display:inline-block; } div.flickr a:hover { border: #1e2b66 1px solid; background: #1e2b66; color: #fff; } div.meneame a:active { border: #1e2b66 1px solid; background: #1e2b66; color: #fff; } div.flickr span{width:40px;height: 40px;line-height:40px;transition: all 0.3s linear;font-family:"SimSun";} div.flickr span.current { border-radius: 5px; background: #1e2b66;border: 1px solid #dedfde ; color: #fff; margin-right: 5px; display:inline-block; } div.flickr span.disabled { border: 1px solid #cbcbcb ;border-radius: 5px; color: #666666; margin-right: 5px; display:inline-block; } @media only screen and (max-width:768px ) { div.flickr a{width:30px;height: 30px;line-height:30px;} div.flickr span{width:30px;height: 30px;line-height:30px;} } /*È˲ÅÌá½»±íµ¥*/ .jbs_tb_1{ margin-left:250px;margin-bottom: 60px;} .jbs_tb_1 th{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold;} .jbs_txt{ width:300px; height:40px; border:1px solid #CCCCCC; font-size:15px; line-height:40px; padding:0 5px;background: #FFFFFF;margin: 10px 0px;} .jbs_txt:focus{ border:1px solid #1e2b66;} .jbs_txtarea{ width:500px;margin-top: 10px; height:150px; border:1px solid #CCCCCC; font-size:15px; padding:5px;background: #FFFFFF;} .jbs_txtarea:focus{ border:1px solid #1e2b66;} .jbs_age{ width:80px;} .jbs_tel{ width:150px;} .jbs_hong{ color:#f00;} .jbs_submit{width: 120px; height:40px; text-align:center; margin: 10px auto; line-height:40px; color:#333333; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#cbcccc;} .jbs_submit:hover{ background:#1e2b66; color:#FFF;transition: all .4s linear 0s;} .jobsub_box{width: 500px;margin: 40px auto;} .jobsub_box .item{overflow: hidden;text-align: center;} .jobsub_box .item .title{width: 20%;text-align: right;line-height:40px;float: left;} .jobsub_box .item .input{width: 80%;line-height: 40px; float: right;text-align: left;} .jobsub_box .item .input .jbs_txt{width: 90%;} .jobsub_box .item .input .jbs_txtarea{width: 90%;} .jobsub_box .item .input .jbs_age{width: 100px;} @media only screen and (max-width:640px ) { .jobsub_box{width: 100%;} } @media only screen and (max-width:400px ) { .jobsub_box .item .title{width: 30%;} .jobsub_box .item .input{width: 70%;} } .gotop{width:46px;height:46px;background:url(/Public/demo/images/gotop.png) center center no-repeat #ddb875;position:fixed;bottom:100px;right:50px; cursor:pointer;}