@charset "utf-8"; /* CSS Document */ /* 鍒涚粶绉戞妧 http://www.chuangluo.com */ /*鍒濆鏍峰紡銆佸叡鍚屾牱寮?/ *html {background-image:url("about:blank"); background-attachment:fixed;} ul,ol {list-style:none;} a{text-decoration: none;color: #000;} img {border:0px;} input,textarea{font-family: Arial,'寰蒋闆呴粦';font-size: 16px;resize: none;outline: none;} h1, h2, h3, h4, h5, h6 {font-size:120%;} body{ word-wrap:break-word; margin:0px; padding:0px;font-family: Arial,'寰蒋闆呴粦';overflow-x: hidden;} .imgmid {display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle;} .cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;} .c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;} .c_m{width: 100%;height: 100%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;} .c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;} /*澶撮儴*/ .i_header_box{width: 100%;height: auto;position: relative;overflow: hidden;} /*LOGO鍧?/ .i_logo_box{width: 100%;height: 100px;position: absolute;top: 0;z-index: 4;border-bottom: 0px solid #d9d9d9;} .i_logo_box.active{border-width: 1px;background: #fff;} .i_logo_m{width: 1200px;height: 100px;margin: 0 auto;z-index: 3;} .head_bg{width: 100%;height: auto;background: #fff;position: absolute;top: 101px;z-index: 2;opacity: 0;overflow: hidden;} /*鎵嬫満LOGO鍧?/ .m_logo_box{display: none;} /*logo*/ .logo{width: 184px;height: 100px;max-width: 184px;float: left;overflow: hidden;} .logo img{vertical-align:middle; max-width: 100%; zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} /*瀵艰埅*/ .nav{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 100px;float: right;} .nav ul{margin: 0;padding: 0;} .nav ul li{width: 100px;height: 100px;text-align: center;font-size: 16px;line-height: 100px;float: left;} .nav ul li a{display: block;color: #fff;} .i_logo_box.active .nav ul li:hover>a{background: url(../images/nav_h_2.png) no-repeat center 70px;color: #074c8f;} .i_logo_box.active .nav ul li a{color: #666;} .nav ul li ul{width: 300%;height: auto;font-size: 14px;padding: 15px 0;position: relative;left: -100%;top: 1px;z-index: 3;display: none;overflow: hidden;} .nav ul li ul li{width: 100%;height: 36px;line-height: 36px;font-size: 14px;color: #666;overflow: hidden;} .nav ul li ul li a{width: 100%;height: 36px;padding: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .i_logo_box.active .nav ul li:hover ul{display: block;} .ul_bg{width: 100%;height: auto;background: #fff;position: absolute;top: 101px;left: 0;z-index: 2;} /*璇█*/ .lang{width: auto;height: 40px;float: right;line-height: 40px;margin: 30px 0 0 10px;overflow: hidden;} .lang a,.lang span{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 40px;line-height: 40px;font-size: 16px;color: #fff;vertical-align: top;} .lang span{margin: 0 8px;font-size: 12px;} .i_logo_box.active .lang a,.i_logo_box.active .lang span{color: #666;} .i_logo_box.active .lang a:hover{color: #074c8f;} /*瀵艰埅鑿滃崟*/ .nav_list{width: 70%;height: 100%;position: fixed;top: 0;left: -100%;z-index: 999;background: rgba(255,255,255,0.8);transition: left 0.5s;overflow: hidden;} .nav_list ul{margin: 0;padding: 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;} .nav_list ul li{width: 100%;height: auto;line-height: 30px;font-size: 18px;overflow: hidden;} .nav_list ul li a{display: block;width: 80%;height: auto;padding: 18px 8% 18px 12%;color: #666;} .nav_list ul li a.active{background: #0c4d8f;} .nav_list ul li a.active{color: #fff;} .nav_list ul li.first-child{width: 80%;padding: 0 8% 0 12%;height: 80px;line-height: 0;} .nav_list ul li .close{width: 50%;max-width: 50px;height: 80px;float: left;overflow: hidden;} .nav_list ul li .close img{vertical-align: middle} .nav_list ul li .m_lang{width: 90px;height: 40px;line-height: 40px;float: right;margin: 20px 0;text-align: center;font-size: 14px;overflow: hidden;} .nav_list ul li .m_lang a{display: block;width: 40px;height: 40px;background: #fff;border-radius: 50%;color: #666;padding: 0;line-height: 40px;float: left;} .nav_list ul li .m_lang a:first-child{margin: 0 10px 0 0;} .nav_list ul li .m_lang a.active{background: #0c4d8f;color: #fff;} .p_list{width: 70%;height: 100%;position: fixed;top: 0;left: -100%;z-index: 999;background: rgba(255,255,255,0.8);transition: left 0.5s;overflow: hidden;} .p_list ul{margin: 0;padding: 0;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;} .p_list ul li{width: 100%;height: auto;line-height: 30px;font-size: 18px;overflow: hidden;} .p_list ul li a{display: block;width: 80%;height: auto;padding: 18px 8% 18px 12%;color: #666;} .p_list ul li a.active{background: #0c4d8f;} .p_list ul li a.active{color: #fff;} .p_list ul li.close{width: 80%;padding: 0 8% 0 12%;height: 80px;line-height: 0;} .p_list ul li.close img{vertical-align: middle} .nav_bg{width: 100%;height: 100%;background: #000;opacity: 0.5;position: fixed;top: 0;left: 0;z-index: 998;display: none;overflow: hidden;} @media screen and (min-width: 992px) and (max-width: 1199px) { .i_top_m{width: 96%;} .i_logo_m{width: 96%;} .logo{width: 20%;} .nav ul li{width: 80px;font-size: 14px;} .lang a,.lang span{font-size: 14px;} } @media screen and (max-width: 991px) { .i_top_box{display: none;} .i_logo_box{display: none;} .m_logo_box{display: block;width: 90%;height: 80px;padding: 0 5%;background: #7db6eb;position: relative;overflow: hidden;} .m_logo{width: 40%;max-width: 184px;height: 80px;float: left;overflow: hidden;} .m_logo img{vertical-align: middle;max-width: 100%;max-height: 80%;} .m_return{width: 50px;height: 80px;float: left;overflow: hidden;} .m_return img{vertical-align: middle;} .mob_lang{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;text-align: center;margin: 20px 22px 20px 0;float: right;overflow: hidden;} .mob_lang a{display: block;width: 100%;height: 100px;background: #fff;color: #666;font-size: 14px;} .m_title{width: 50%;height: 100%;position: absolute;top: 0;left: 50%;margin: 0 0 0 -25%;text-align: center;line-height: 80px;font-size: 24px;color: #fff;background: url(../images/nav_h.png) no-repeat center 62px;overflow: hidden;} .nav_show{width: 8%;height: 80px;float: right;text-align: right;overflow: hidden;} .nav_show img{vertical-align: middle;max-width: 100%;} } @media screen and (max-width: 768px) { .m_return img{max-height: 40%} .nav_list{display: block;} } /*banner*/ .box_skitter {width: 1920px;height: 620px;position: relative;left: 50%;margin-left: -960px;z-index: 1;overflow: hidden;} .box_skitter ul{margin: 0;padding: 0;width: 100%;height: 620px;position: relative;display: none;overflow: hidden;} .box_skitter ul li{width: 1920px;height: 620px;position: absolute;left: 50%;top: 0;margin-left: -960px;overflow: hidden;} .box_skitter ul li img{width: 1920px;height: 620px;} .box_skitter .container_skitter {width: 1920px;height: 620px;overflow: hidden;} .box_skitter .image {overflow: hidden;} .box_skitter .image img {display: none;} .box_skitter .box_clone {position: absolute;top: 0;left: 0;width: 100px;overflow: hidden;display: none;z-index: 20;} .box_skitter .box_clone img {position: absolute;top: 0;left: 0;z-index: 20;} /*绂佹宸﹀彸鐐瑰嚮鎸夐挳*/ .prev_button,.next_button{display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;z-index: -999;overflow: hidden;} /*banner鍒囨崲鍦嗙偣*/ .box_skitter .info_slide_dots {position: absolute;bottom: 15px;z-index: 151;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;} .box_skitter .info_slide_dots .image_number {background: #fff;opacity: 0.5;filter: alpha(opacity=50);float: left;margin: 0 5px 0 0;cursor: pointer;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;width: 18px;height: 18px;text-indent: -9999em;overflow: hidden;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;} .box_skitter .info_slide_dots .image_number:hover {opacity: 1;filter: alpha(opacity=100);} .box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {opacity: 1;filter: alpha(opacity=100);} /*鎵嬫満鐗坆anner*/ .banner_c{width: 100%;height: auto;position:relative;z-index:1;display: none;font-size: 0;overflow: hidden;} .banner_c ul{margin: 0;padding: 0;list-style: none;position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .banner_c ul li{text-align: center;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;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .banner_c ul li img{max-width:100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .ico_c{position:absolute;bottom:10px;left:0;width:100%;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .ico_c.swiper-pagination-hidden{opacity:0} .ico_c span{margin:0 3px;display:block;width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;} .ico_c span{cursor:pointer} .swiper-pagination-white span{background:#fff} .ico_c .swiper-pagination-bullet-active{opacity:1;background:#0c4d8f;} @media screen and (max-width: 991px) { .box_skitter{display: none;} .banner_c{display: block;} } /*鍏憡 - 鏇村*/ .content_box{width: 100%;height: 40px;background: #0c4d8f;overflow: hidden;} .content_m{width: 96%;max-width: 1200px;height: 40px;margin: 0 auto;} /*鍏憡*/ .notice_box{width: 580px;height: 40px;line-height: 40px;float: left;overflow: hidden;} .notice_title{width: 34px;height: 20px;margin: 10px 0;background: url(../images/ico_notice.png) no-repeat left;border-right: 1px solid #3d71a5;float: left;overflow: hidden;} .notice_list{width: 525px;height: 40px;float: right;overflow: hidden;} .notice_list ul{margin: 0;padding: 0;overflow: hidden;} .notice_list ul li{width: 100%;height: 40px;font-size: 14px;overflow: hidden;} .notice_list ul li a{color: #fff;} .notice_list ul li a:hover{text-decoration: underline;} /*鏇村*/ .notice_more{width: auto;height: 40px;line-height: 40px;float: right;font-size: 12px;overflow: hidden;} .notice_more a{color: #fff;} .notice_more a:hover{text-decoration: underline;} @media screen and (max-width: 767px){ .content_box{display: none;} } /*鍐呭*/ .i_main_box{width: 100%;height: auto;position: relative;background: #f1f1f1;overflow: hidden;} .i_main_bg{width: 1200px;height: 100%;position: absolute;right: 0;top: 0;background: #f8f8f8;z-index: 1;overflow: hidden;} @media screen and (max-width: 1199px){ .i_main_bg{display: none;} } @media screen and (max-width: 768px){ .i_title h6{font-size: 36px !important;} } .i_main_m{width: 100%;max-width: 1200px;height: auto;position: relative;z-index: 2;margin: 0 auto;overflow: hidden;} /*鍏充簬鎴戜滑*/ .i_abo_box{width: 100%;height: auto;overflow: hidden;} .i_title{width: 100%;height: auto;padding: 30px 0;text-align: center;font-size: 14px;color: #666;overflow: hidden;} .i_title h6{margin: 0;padding: 0;font-size: 48px;color: #0d4d8b;} .i_title i{display: block;width: 50px;height: 5px;background: #0d4d8b;margin: 15px auto 0px auto;} .i_abo_m{width: 100%;height: auto;background: #fff;overflow: hidden;} /*.i_abo_left{width: 572px;height: auto;padding: 0 14px;float: left;overflow: hidden;} .i_abo_c{width: 100%;height: auto;overflow: hidden;} .i_abo_c .i_abo_title{width: 90%;height: auto;margin: 50px 5% 20px;font-size: 14px;color: #666;overflow: hidden;} .i_abo_c .i_abo_title h6{margin: 0;padding: 0;font-size: 26px;color: #333;} .i_abo_c .i_abo_title i{display: block;width: 50px;height: 2px;background: #666;margin: 20px 0;overflow: hidden;} /*鍒囨崲*/ .i_abo_switch{width: 100%;height: auto;position: relative;z-index: 1;font-size: 0;overflow: hidden;} .abo_switch_list{width: 100%;height: auto;position: relative;z-index: 1;font-size: 0;overflow: hidden;} .abo_switch_list ul{margin: 0;padding: 0;list-style: none;position:relative;width: 100%;height: 100%;z-index: 1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .abo_switch_list ul li{text-align: center;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;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .abo_switch_list ul li img{max-width:100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .abo_c{width: 100%;margin: 10px 0 0;text-align: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10} .abo_c.swiper-pagination-hidden{opacity: 0} .abo_c span{margin: 0 3px;display: block;width: 14px;height: 14px;display: inline-block;border-radius: 100%;background: #dedede;} .abo_c span{cursor: pointer} .swiper-pagination-white span{background: #dedede} .abo_c .swiper-pagination-bullet-active{opacity: 1;background: #0c4d8f;}*/ .i_abo_right{width: 100%;height: auto;overflow: hidden;} .i_abo_details{width: 50%;height: 300px;position: relative;float: left;overflow: hidden;} /*.i_abo_details:last-child{margin: 2px 0 0;}*/ .i_abo_details .i_abo_title{width: 90%;height: auto;max-height: 220px;padding: 20px 5% 0;float: right;color: #fff;font-size: 14px;position: absolute;top: 0;left: 0;overflow: hidden;} .i_abo_details .i_abo_title h6{margin: 0;padding: 0;font-size: 26px;} .i_abo_details .i_abo_title i{display: block;width: 50px;height: 2px;background: #fff;margin: 20px 0;} .i_abo_img{width: 100%;height: 100%;text-align: center;overflow: hidden;} .i_abo_img img{vertical-align: middle;max-width: 100%;} .i_abo_more{width: 50px;height: 50px;position: absolute;bottom: 0;left: 0;z-index: 2;overflow: hidden;} .i_abo_more a{display: block;width: 50px;height: 50px;background: #0c4d8f url(../images/prev.png) no-repeat center;} @media screen and (max-width: 1199px) { .i_abo_m{height: auto;} .i_abo_left{width: 96%;max-width: 572px;margin: 0 auto;float: initial;} .i_abo_c .i_abo_title{text-align: center;} .i_abo_c .i_abo_title i{margin: 20px auto;} .i_abo_c .i_abo_switch{width: 100%;} .i_abo_right{width: 100%;height: auto;float: initial;} .i_abo_details{width: calc(50% - 1px);height: calc(100vw / 4);float: left;margin: 0 !important;} } @media screen and (min-width: 768px) and (max-width: 1199px) { .i_abo_c .i_abo_switch{width: 100%;} .i_abo_right{width: 100%;height: auto;float: initial;} .i_abo_details{width: calc(50% - 1px);height: calc(100vw / 4);float: left;margin: 0 !important;} } @media screen and (max-width: 600px) { .i_abo_c .i_abo_switch{width: 100%;} .i_abo_right{width: 100%;height: auto;float: initial;} .i_abo_details{width: 100%;height: calc(100vw / 2);float: left;margin: 0 !important;} .i_abo_details .i_abo_title h6{font-size: 20px;} .i_abo_details .i_abo_title i{margin: 10px 0;} } /*宸ョ▼妗堜緥*/ .i_eng_box{width: 100%;height: auto;overflow: hidden;} .i_eng_list{width: 100%;height: auto;overflow: hidden;} .i_eng_list ul{margin: 0;padding: 0;overflow: hidden;} .i_eng_list ul li{width: 570px;height: 380px;position: relative;float: left;margin: 0px 0 0;overflow: hidden;} .i_eng_list ul li:nth-child(2n){float: right;} /*.i_eng_list ul li:last-child{margin: 0 auto;float: initial;clear: both;}*/ .i_eng_img{width: 500px;height: 340px;text-align: center;position: relative;left: 30px;z-index: 2;font-size: 0;overflow: hidden;} .i_eng_img img{vertical-align: middle;max-width: 100%;} .i_eng_text{width: auto;height: 40px;max-width: 530px;line-height: 40px;padding: 0 20px;background: rgba(12,77,143,.8);font-size: 16px;font-weight: bold;color: #fff;position: absolute;bottom: 50px;left: 0;z-index: 3;overflow: hidden;} .i_eng_bg{width: 500px;height: 340px;position: absolute;right: 0;bottom: 0;z-index: 1;background: #fff;overflow: hidden;} .i_eng_more{width: 100%;height: 50px;text-align: center;font-size: 0;margin: 30px 0;overflow: hidden;} .i_eng_more a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 50px;line-height: 50px;padding: 0 50px;font-size: 16px;font-weight: bold;color: #fff;background: #0c4d8f;} .i_eng_more a span{font-family: '瀹嬩綋';} @media screen and (min-width: 601px) and (max-width: 1199px) { .i_eng_list ul li{width: 48%;height: calc(100vw * 0.48 * 0.96 * (340 / 500) + (100vw * 0.01));} .i_eng_img{width: 96%;height: calc(100vw * 0.48 * 0.96 * (340 / 500));left: 2%;} .i_eng_bg{width: 94%;height: 96%;} } @media screen and (max-width: 600px) { .i_eng_list ul{margin: 0;} .i_eng_list ul li{width: 100%;height: calc(100vw * 0.96 * (340 / 500));margin: 0 auto;background: #fff;} .i_eng_text{top: initial;bottom: 20px;} .i_eng_img{width: 100%;height: calc(100vw * (340 / 500));left: 0;} .i_eng_bg{display: none;} } /*鎴戜滑鐨勪紭鍔?/ .i_adv_box{width: 100%;height: auto;font-size: 0;position: relative;z-index: 2;overflow: hidden;} .i_adv_box img{position: relative;top: 0;left: 50%;margin: 0 0 0 -960px;} @media screen and (max-width: 1199px) { .i_adv_box{display: none;} } /*浜у搧鐩綍*/ .i_pro_box{width: 100%;height: auto;background: #fff;position: relative;z-index: 2;margin: 1px 0 0;overflow: hidden;} .i_pro_m{width: 100%;max-width: 1200px;height: auto;margin: 0 auto;overflow: hidden;} .i_pro_c{width: 100%;height: auto;position: relative;overflow: hidden;} .i_pro_list{width: 100%;height: 330px;position: relative;margin: 0 0 50px;position: relative;position: relative;z-index: 1;overflow: hidden;} .i_pro_list ul{margin: 0;padding: 0;width: 1230px;overflow: hidden;} .i_pro_list ul li{width: 380px;height: auto;float: left;margin: 0 30px 0 0;overflow: hidden;} .i_pro_img{width: 100%;height: 280px;text-align: center;overflow: hidden;} .i_pro_img img{vertical-align: middle;max-width: 100%;} .i_pro_text{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;overflow: hidden;} .i_pro_text a{color: #666;} .i_pro_text a:hover{color: #0c4d8f;} .i_pro_btn{width: 32px;height: 60px;background: rgba(0,0,0,.6) url(../images/prev.png) no-repeat center;position: absolute;top: 110px;z-index: 2;cursor: pointer;overflow: hidden;} .i_pro_btn.prev{left: 0;} .i_pro_btn.next{background-image: url(../images/next.png);float: right;right: 0;} @media screen and (min-width: 768px) and (max-width: 1199px) { .i_pro_btn{display: none;} .i_pro_list{width: 96%;height: auto;margin: 0 auto 50px;} .i_pro_list ul{width: 100%;margin: -20px 0 0;} .i_pro_list ul li{width: 32%;height: auto;margin: 20px 0 0;overflow: hidden;} .i_pro_list ul li:nth-child(3n - 1){margin: 20px 2% 0;} .i_pro_img{height: calc(100vw * 0.96 * 0.32 * (280 / 380));} } @media screen and (max-width: 767px) { .i_pro_btn{display: none;} .i_pro_list{width: 96%;height: auto;margin: 0 auto 50px;} .i_pro_list ul{width: 100%;margin: -20px 0 0;} .i_pro_list ul li{width: 48%;height: auto;margin: 20px 0 0;overflow: hidden;} .i_pro_list ul li:nth-child(2n){margin: 20px 0 0 4%;} .i_pro_img{height: calc(100vw * 0.96 * 0.48 * (280 / 380));} } /*鏂伴椈涓績*/ .i_new_box{width: 100%;max-width: 1200px;height: auto;margin: 0 auto;position: relative;z-index: 2;overflow: hidden;} .i_new_tab{width: 100%;height: 48px;border: 1px solid #0d4d8b;box-sizing: border-box;margin: 0 auto;overflow: hidden;} .new_tab_list{width: 100%;height: 48px;overflow: hidden;} .new_tab_list ul{margin: 0;padding: 0;overflow: hidden;} .new_tab_list ul li{width: 25%;height: 48px;line-height: 48px;float: left;text-align: center;background: #fff;font-size: 16px;overflow: hidden;} .new_tab_list ul li a{display: block;width: 100%;height: 48px;color: #333;overflow: hidden;} .new_tab_list ul li a.active{background: #0d4d8b;color: #fff;} .new_tab_list ul li a:hover{background: #3375b5;color: #fff;} .new_tab_list ul li i{display: inline-block;*display: inline;zoom: 1;vertical-align: top;width: 35px;height: 48px;} .new_tab_list ul li.first-child i{background: url(../images/new_ico1.png) no-repeat left center;} .new_tab_list ul li.nth-child i{background: url(../images/new_ico2.png) no-repeat left center;} .new_tab_list ul li.nth3-child i{background: url(../images/new_ico2.png) no-repeat left center;} .new_tab_list ul li.last-child i{background: url(../images/new_ico3.png) no-repeat left center;} .new_tab_list ul li.first-child a.active i{background: url(../images/new_ico1_h.png) no-repeat left center;} .new_tab_list ul li.first-child a:hover i{background: url(../images/new_ico1_h.png) no-repeat left center;} .new_tab_list ul li.nth-child a.active i{background: url(../images/new_ico2_h.png) no-repeat left center;} .new_tab_list ul li.nth-child a:hover i{background: url(../images/new_ico2_h.png) no-repeat left center;} .new_tab_list ul li.nth3-child a.active i{background: url(../images/new_ico2_h.png) no-repeat left center;} .new_tab_list ul li.nth3-child a:hover i{background: url(../images/new_ico2_h.png) no-repeat left center;} .new_tab_list ul li.last-child a.active i{background: url(../images/new_ico3_h.png) no-repeat left center;} .new_tab_list ul li.last-child a:hover i{background: url(../images/new_ico3_h.png) no-repeat left center;} .i_new_m{width: 100%;height: auto;margin: 0 auto;display: none;overflow: hidden;} .i_new_list{width: 100%;height: auto;margin: 0 auto;overflow: hidden;} .i_new_list ul{margin: 0;padding: 0;width: 100%;overflow: hidden;} .i_new_list ul li{width: 575px;height: 140px;float: left;margin: 0 50px 0 0;padding: 40px 0;border-bottom: 1px solid #e7e7e7;overflow: hidden;} .i_new_list ul li:nth-child(2n){margin: 0;} .i_new_img{width: 210px;height: 140px;float: left;text-align: center;overflow: hidden;} .i_new_img img{vertical-align: middle;max-width: 100%;} .i_new_text{width: 350px;height: 140px;float: right;overflow: hidden;} .i_new_title{width: 100%;height: 35px;line-height: 35px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .i_new_title a{color: #333;} .i_new_title a:hover{color: #0d4d8b;} .i_new_time{width: 100%;height: 30px;line-height: 30px;font-size: 12px;color: #999;overflow: hidden;} .i_new_txt{width: 100%;height: 75px;line-height: 25px;font-size: 12px;color: #666;overflow: hidden;} .i_new_list2{width: 100%;height: auto;margin: 0 auto 50px;overflow: hidden;} .i_new_list2 ul{margin: 0;padding: 0;width: 100%;overflow: hidden;} .i_new_list2 ul li{width: 575px;height: 110px;float: left;padding: 40px 0;margin: 0 50px 0 0;border-bottom: 1px solid #e7e7e7;overflow: hidden;} .i_new_list2 ul li:nth-child(2n){margin: 0;} .i_new_time2{width: 110px;height: 110px;position: relative;text-align: center;font-size: 14px;color: #333;border-radius: 50%;background: #e1e1e1;float: left;overflow: hidden;} .i_new_time2 h6{margin: 15px 0 0 0;padding: 0;font-size: 50px;} .i_new_list2 ul li:hover .i_new_time2{background: #0d4d8b;color: #fff;} .i_new_text2{width: 440px;height: 110px;float: right;overflow: hidden;} .i_new_title2{width: 100%;height: 35px;line-height: 35px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .i_new_title2 a{color: #333;} .i_new_title2 a:hover{color: #0d4d8b;} .i_new_txt2{width: 100%;height: 75px;font-size: 12px;color: #999;line-height: 25px;overflow: hidden;} @media screen and (min-width: 768px) and (max-width: 1199px){ /*.i_new_tab,.i_new_list,.i_new_list2{width: 96%;}*/ .i_new_list ul li,.i_new_list2 ul li{width: 48%;margin: 0 4% 0 0;} .i_new_text{width: calc(100vw * 0.96 * 0.48 - 225px);} .i_new_text2{width: calc(100vw * 0.96 * 0.48 - 125px);} } @media screen and (max-width: 767px) { /*.i_new_tab,.i_new_list,.i_new_list2{width: 96%;}*/ .i_new_list ul li{width: 100%;margin: 0;overflow: hidden;} .i_new_text{width: calc(100vw * 0.96 - 225px);} .i_new_list2 ul li{width: 100%;margin: 0;overflow: hidden;} .i_new_text2{width: calc(100vw * 0.96 - 125px);} .new_tab_list_en ul li{font-size: 14px;} .new_tab_list_en ul li a i{display: none;} .new_tab_list ul li a i{display: none;} } /*搴曢儴*/ .i_footer_box{width: 100%;height: auto;background: #274869;overflow: hidden;} .i_f_m{width: 96%;max-width: 1200px;height: auto;margin: 30px auto;overflow: hidden;} .i_f_nav{width: auto;height: auto;float: left;overflow: hidden;} .i_f_nav ul{margin: 0;padding: 0;overflow: hidden;} .i_f_nav ul li{width: 130px;height: auto;overflow: hidden;} .i_f_nav>ul>li{float: left;margin: 0 20px 0 0;} .i_f_nav ul li.last-child{margin: 0;} .i_f_nav ul li span{display: block;width: 130px;height: 40px;font-size: 16px;color: #fff;} .i_f_nav ul li ul li{width: 130px;height: auto;font-size: 12px;padding: 5px 0;overflow: hidden;} .i_f_nav ul li ul li a{color: #c6c6c6;} .i_f_nav ul li ul li a:hover{color: #fff;} .i_f_ewm{width: 110px;height: auto;float: right;} .ewm_img{width: 110px;height: auto;text-align: center;overflow: hidden;} .ewm_img img{max-width: 100%;} .ewm_text{width: 110px;height: auto;text-align: center;font-size: 12px;color: #fff;margin: 10px 0 0;overflow: hidden;} .f_link{width: 100%;height: auto;font-size: 0;color: #fff;margin: 40px 0 0;overflow: hidden;} .f_link a,.f_link span{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;color: #f3f3f3;} .f_link a{margin: 0 30px 0 0;} .f_link a:hover{text-decoration: underline;} .i_f_copy{width: 100%;height: auto;padding: 15px 0;font-size: 12px;color: #bababa;background: #103457;overflow: hidden;} .f_copy{width: 96%;max-width: 1200px;height: auto;margin: 0 auto;overflow: hidden;} .f_copy a{color: #bababa;} .f_copy a:hover{color: #fff; text-decoration: underline;} .i_f_lang{width: 100%;height: auto;background: #103457;border-top: 1px solid #274869;font-size: 0;text-align: center;padding: 15px 0;display: none;overflow: hidden;} .i_f_lang a{display: inline-block;*display: inline;*zoom: 1;width: 40px;height: 40px;line-height: 40px;background: #274869;border-radius: 50%;text-align: center;font-size: 14px;color: #fff;margin: 0 10px;overflow: hidden;} .i_f_lang a.active{background: #4275a4;} @media screen and (max-width: 1199px) { .i_f_nav{width: 100%;} .i_f_ewm{display: none;} .i_f_nav ul li{width: 13%;margin: 0;margin: 0 1.5% 0 0;} .i_f_nav ul li:last-child{margin: 0;} .f_copy{text-align: center;} } @media screen and (max-width: 991px) { .i_f_m{display: none;} .i_f_lang{display: block;} } /*鍐呴〉banner*/ .p_banner{width: 100%;height: auto;position: relative;font-size: 0;z-index: 1;overflow: hidden;} .p_banner img{position: relative;top: 0;left: 50%;margin: 0 0 0 -960px;} @media screen and (max-width: 991px) { .p_banner{display: none;} } /*瀛愬鑸?/ .subnav_box{width: 100%;height: 50px;background: #0960ba;position: relative;z-index: 2;} .subnav_m{width: 96%;max-width: 1200px;height: 50px;margin: 0 auto;position: relative;} .subnav_title{width: 160px;height: 100px;padding: 0 30px 0 70px;background: #0960ba url(../images/ico_logo.png) no-repeat 20px;margin: -50px 0 0;font-size: 28px;color: #fff;line-height: 100px;float: left;text-align: center;overflow: hidden;} .subnav_list{width: calc(100% - 260px);height: 50px;float: right;overflow: hidden;} .subnav_list ul{margin: 0;padding: 0;overflow: hidden;} .subnav_list ul li{width: auto;height: 50px;float: left;font-size: 16px;line-height: 50px;overflow: hidden;} .subnav_list ul li a{display: block;width: auto;height: 50px;padding: 0 30px;color: #fff;overflow: hidden;} .subnav_list ul li a.active{background: url(../images/nav_h_3.png) no-repeat bottom;} .subnav_list ul li a:hover{background: url(../images/nav_h_3.png) no-repeat bottom;} /*闈㈠寘灞戝鑸?/ .navigation_box{width: 100%;height: 40px;border-bottom: 1px solid #d9d9d9;line-height: 40px;overflow: hidden;} .navigation_m{width: calc(96% - 20px);max-width: calc(1200px - 20px);height: 40px;background: url(../images/ico_index.png) no-repeat left;margin: 0 auto;padding: 0 0 0 20px;font-size: 12px;color: #666;overflow: hidden;} .navigation_m span{font-family: '瀹嬩綋';} .navigation_m a{color: #666;} .navigation_m a:hover{color: #0960ba;} @media screen and (max-width: 991px){ .subnav_box,.navigation_box{display: none;} } /*鍐呭*/ .p_main_box{width: 96%;max-width: 1200px;height: auto;margin: 30px auto;overflow: hidden;} /*鍏充簬鎴戜滑*/ .p_abo_box{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 26px;overflow: hidden;} .p_abo_box img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .p_abo_box table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .p_abo_box table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;} .p_abo_box table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;} .p_abo_box iframe{width: 100%;} /*鍙戝睍鍘嗙▼*/ .deve_box{width: 100%;height: auto;position: relative;overflow: hidden;} .deve_line{width: 2px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: 1px;background: #d9d9d9;overflow: hidden;} .deve_year{width: 100px;height: 100px;border-radius: 50%;background: #f5f5f5;border-top: 2px solid #d9d9d9;border-left: 3px solid #d9d9d9;box-shadow: 5px 5px 10px #fff inset;border-bottom: 1px solid #eee;text-align: center;line-height: 100px;font-size: 30px;color: #0960ba;position: relative;top: 0;left: 50%;margin: 0 0 0 -50px;z-index: 2;overflow: hidden;} .deve_list{width: 100%;height: auto;margin: 20px 0;overflow: hidden;} .deve_list ul{margin: 0;padding: 0;width: 100%;overflow: hidden;} .deve_list ul li{width: 40%;height: auto;min-height: 350px;float: left;position: relative;padding: 0 10% 0 0;margin: 100px 0 0;} .deve_list ul li.deve_even{padding: 0 0 0 10%;} .deve_list ul li.deve_odd{margin: -50px 0 0;} .deve_list ul li.deve_first{margin: 0;} .deve_c{width: 100%;height: auto;position: relative;z-index: 5;overflow: hidden;} .deve_img{width: 100%;height: calc(100% * (300 / 550));text-align: center;background: #fff;overflow: hidden;} .deve_img img{vertical-align: middle;max-width: 100%;} .deve_text{width: 100%;height: 150px;margin: 10px 0 0;font-size: 16px;color: #666;line-height: 25px;overflow: hidden;} .time_m{width: 100%;height: 36px;position: absolute;top: 10%;left: 0;z-index: 0;} .time_c{width: 100%;height: 36px;position: relative;} .line{width: 98%;height: 2px;background: #d9d9d9;position: absolute;top: 50%;left: 0;margin: -1px 0 0;z-index: 1;overflow: hidden;} .month{width: 100px;height: 50px;border-radius: 25px;padding: 0 10px;background: #0960ba;text-align: center;font-size: 16px; font-weight: bold; color: #fff;position: absolute;right: -60px;z-index: 2;overflow: hidden;} .deve_list ul li.deve_even .time_m .time_c .line{left: initial;right: 0;} .deve_list ul li.deve_even .time_m .time_c .month{left: -60px;right: 0;} @media screen and (max-width: 760px){ .deve_line{margin: 0;left: 49px;} .deve_year{left: 0;margin: 0;} .deve_list ul li{width: calc(90% - 100px);padding: 0 0 0 calc(100px + 10%) !important;margin: 50px 0 0;float: initial;} .deve_list ul li.deve_odd{margin: 50px 0 0;} .deve_img{height: calc((96vw - 180px) * (300 / 550));} .deve_text{height: auto;} .line{width: 50%;left: 50px !important;} .month{left: 10px !important;} .deve_list ul li.deve_first{margin: 0;} } @media screen and (max-width: 500px){ .deve_line{left: 10%;} .deve_list ul li{width: 76%;padding: 0 0 0 24% !important;} .deve_img{height: calc(96vw * 0.76 * (300 / 550));} .deve_year{left: 0;margin: 0;width: 20%;height: calc(96vw * 0.2);line-height: calc(96vw * 0.2);font-size: 20px;} .month{width: 18%;padding: 2px 1%;border-radius: 5px;font-size: 12px;left: 0 !important;} } /*鏂伴椈涓績*/ .p_new_box{width: 100%;height: auto;overflow: hidden;} .p_new_list{width: 100%;height: auto;overflow: hidden;} .p_new_list ul{margin: 0;padding: 0;} .p_new_list ul li{width: 100%;height: 186px;margin: 20px 0;overflow: hidden;} .p_new_list ul li:first-child{margin-top: 0;} .p_new_img{width: 280px;height: 186px;float: left;text-align: center;overflow: hidden;} .p_new_img img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .p_new_text{width: 900px;height: 186px;float: right;overflow: hidden;} .p_new_title{width: 100%;height: 30px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .p_new_title a{color: #333;} .p_new_title a:hover{color: #0c4d8f;} .p_new_time{width: 100%;height: 30px;line-height: 30px;font-size: 14px;color: #999;} .p_new_txt{width: 100%;height: 75px;font-size: 12px;line-height: 25px;color: #999;margin-top: 3px;overflow: hidden;} @media screen and (max-width: 1199px) { .p_new_text{width: calc(100% - 300px);} } @media screen and (max-width: 590px) { .p_new_list ul li{border-bottom: 1px dashed #bbb;padding: 30px 0;margin: 0;height: auto;} .p_new_list ul li:first-child{padding-top: 0;} .p_new_list ul li:last-child{border: 0;} .p_new_img{display: none;} .p_new_text{width: 100%;height: auto;} .p_new_title{font-size: 18px;font-weight: bold} .p_new_txt{height: auto;} } /*鏂伴椈璇︽儏*/ .p_new_details{width: 100%;height: auto;overflow: hidden;} .new_d_title{width: 100%;height: auto;padding: 25px 0;border-bottom: 1px solid #d9d9d9;text-align: center;font-size: 12px;color: #999;overflow: hidden;} .new_d_title h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;color: #333;padding-bottom: 10px;} .new_d_c{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 26px;*margin-top: 15px;overflow: hidden;} .new_d_c img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .new_d_c table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .new_d_c table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;} .new_d_c table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;} .new_d_c iframe{width: 100%;} /*鐩稿叧鏂伴椈*/ .hot_new_box{width: 100%;height: auto;margin: 20px 0 0;overflow: hidden;} .hot_title{width: 100%;height: 40px;border-bottom: 1px solid #d9d9d9;line-height: 40px;} .hot_title h6{margin: 0;padding: 0;font-weight: normal;width: auto;height: 40px;float: left;font-size: 18px;color: #666;border-bottom: 1px solid #0c4d8f;} .hot_new_list{width: 100%;height: auto;margin: 10px 0 0;overflow: hidden;} .hot_new_list ul{margin: 0;padding: 0;overflow: hidden;} .hot_new_list ul li{width: 48%;height: 40px;line-height: 40px;float: left;font-size: 14px;} .hot_new_list ul li:nth-child(2n){float: right;} .hot_new_list ul li a{color: #666;} .hot_new_list ul li a:hover{color: #0c4d8f;} .hot_new_list ul li span{float: right;color: #666; overflow: hidden;} @media screen and (max-width: 991px) { .hot_new_box{display: none;} } /*浜у搧涓績*/ .p_pro_box{width: 100%;height: auto;overflow: hidden;} .p_pro_list{width: 100%;height: auto;overflow: hidden;} .p_pro_list ul{margin: -30px 0 0;padding: 0;overflow: hidden;} .p_pro_list ul li{width: 48%;height: auto;float: left;margin: 30px 1.33% 0 0;overflow: hidden;} .p_pro_list ul li:nth-child(4n){margin: 30px 0 0;} .p_pro_text{width: calc(100% - 370px);height: 214px;padding: 0 40px;float: left;background: #f5f5f5;color: #666;position: relative;z-index: 2;} .p_pro_ico{width: 11px;height: 22px;position: absolute;top: 50%;margin-top: -11px;right: -11px;background: url(../images/ico_pro.png) no-repeat center;overflow: hidden;} .p_pro_title{width: auto;height: 14px;line-height: 14px;font-size: 14px;color: #333;padding: 0 0 0 10px;border-left: 3px solid #333;overflow: hidden;} .p_pro_txt{width: 100%;height: auto;font-size: 16px;color: #000;font-weight: bold;margin: 10px 0;overflow: hidden;} .p_pro_more{width: 100%;height: auto;font-size: 14px;color: #0960ba;overflow: hidden;} .p_pro_more span{font-family: '瀹嬩綋';} .p_pro_img{width: 290px;height: 214px;text-align: center;position: relative;z-index: 1;float: right;overflow: hidden;} .p_pro_img img{vertical-align: middle;max-width: 100%;} .p_pro_list ul li:hover .p_pro_text{background: #0960ba;} .p_pro_list ul li:hover .p_pro_text .p_pro_ico{background-image: url(../images/ico_pro_h.png);} .p_pro_list ul li:hover .p_pro_text .p_pro_title{color: #fff;border-color: #fff;} .p_pro_list ul li:hover .p_pro_text .p_pro_txt{color: #fff;} .p_pro_list ul li:hover .p_pro_text .p_pro_more{color: #fff;} @media screen and (min-width: 992px) and (max-width: 1199px) { .p_pro_img,.p_pro_text{float: initial;} .p_pro_list ul li{width: 24%;} .p_pro_text{width: 96%;height: 50px;line-height: 50px;padding: 0 2%;text-align: center;overflow: hidden;} .p_pro_title,.p_pro_more,.p_pro_ico{display: none;} .p_pro_img{width: 100%;height: calc(100vw * 0.96 * 0.24 * (214 / 290));} .p_pro_txt{height: 50px;margin: 0;font-weight: normal;font-size: 14px;} } @media screen and (min-width: 768px) and (max-width: 991px) { .p_pro_img,.p_pro_text{float: initial;} .p_pro_list ul li{width: 32%;margin: 20px 0 0;} .p_pro_list ul li:nth-child(4n){margin: 20px 0 0;} .p_pro_list ul li:nth-child(3n-1){margin: 20px 2% 0;} .p_pro_text{width: 96%;height: 50px;line-height: 50px;padding: 0 2%;text-align: center;background: none;overflow: hidden;} .p_pro_title,.p_pro_more,.p_pro_ico{display: none;} .p_pro_img{width: 100%;height: calc(100vw * 0.96 * 0.32 * (214 / 290));} .p_pro_txt{height: 50px;margin: 0;font-weight: normal;font-size: 14px;} } @media screen and (max-width: 768px) { .p_pro_img,.p_pro_text{float: initial;} .p_pro_list ul li{width: 48%;margin: 20px 4% 0 0;} .p_pro_list ul li:nth-child(4n){margin: 20px 0 0;} .p_pro_list ul li:nth-child(2n){margin-right: 0;} .p_pro_text{width: 96%;height: 50px;line-height: 50px;padding: 0 2%;text-align: center;background: none;overflow: hidden;} .p_pro_title,.p_pro_more,.p_pro_ico{display: none;} .p_pro_img{width: 100%;height: calc(100vw * 0.96 * 0.48 * (214 / 290));} .p_pro_txt{height: 50px;margin: 0;font-weight: normal;font-size: 14px;} } /*浜у搧璇︽儏*/ .p_pro_details{width: 100%;height: auto;overflow: hidden;} /*鍒囨崲*/ .pro_d_top{width: 100%;height: auto;overflow: hidden;} .pro_d_switch{width: 40%;height: auto;float: left;overflow: hidden;} .pro_switch{width: 100%;height: auto;position: relative;z-index: 1;font-size: 0;overflow: hidden;} .pro_switch ul{margin: 0;padding: 0;list-style: none;position:relative;width: 100%;height: 100%;z-index: 1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .pro_switch ul li{text-align: center;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;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .pro_switch ul li img{max-width:100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .pro_ico{position: absolute;bottom: 14px;left: 0;width: 100%;text-align: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10} .pro_ico.swiper-pagination-hidden{opacity: 0} .pro_ico span{margin: 0 3px;display: block;width: 14px;height: 14px;display: inline-block;border-radius: 100%;background: #dedede;} .pro_ico span{cursor: pointer} .swiper-pagination-white span{background: #dedede} .pro_ico .swiper-pagination-bullet-active{opacity: 1;background: #0c4d8f;} .pro_d_text{width: 55%;height: auto;float: right;overflow: hidden;} .pro_d_title{width: 100%;height: auto;padding: 0 0 20px;border-bottom: 1px solid #d9d9d9;color: #333;overflow: hidden;} .pro_d_title h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;} .pro_d_txt{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 30px;overflow: hidden;} .pro_d_txt img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .pro_d_txt table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .pro_d_txt table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;} .pro_d_txt table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;} .p_main_title{width: 100%;height: 40px;border-bottom: 1px solid #0c4d8f;line-height: 40px;margin: 50px 0 0;padding: 50px 0 0;border-top: 20px solid #f5f5f5;overflow: hidden;} .p_main_title span{display: block;width: auto;height: 40px;padding: 0 20px;float: left;background: #0c4d8f;font-size: 16px;color: #fff;} .pro_d_c{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 30px;overflow: hidden;} .pro_d_c img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .pro_d_c table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .pro_d_c table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;} .pro_d_c table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;} @media screen and (max-width: 991px) { .pro_d_switch,.pro_d_text{width: 100%;float: initial;} .pro_d_text{margin: 30px 0 0;} .pro_d_title{text-align: center;} } /*鐩稿叧浜у搧*/ .hot_box{width: 100%;height: auto;overflow: hidden;} .hot_title{width: 100%;height: 40px;border-bottom: 1px solid #0c4d8f;line-height: 40px;margin: 50px 0 0;overflow: hidden;} .hot_title span{display: block;width: auto;height: 40px;padding: 0 20px;float: left;background: #0c4d8f;font-size: 16px;color: #fff;} .hot_pro_list{width: 100%;height: auto;position: relative;margin: 30px 0 0;position: relative;position: relative;z-index: 1;overflow: hidden;} .hot_pro_list ul{margin: 0;padding: 0;width: 100%;overflow: hidden;} .hot_pro_list ul li{width: 280px;height: auto;float: left;margin: 0 26.5px 0 0;overflow: hidden;} .hot_pro_list ul li:last-child{margin: 0;} .hot_pro_img{width: 100%;height: 206px;text-align: center;overflow: hidden;} .hot_pro_img img{vertical-align: middle;max-width: 100%;} .hot_pro_text{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;overflow: hidden;} .hot_pro_text a{color: #666;} .hot_pro_text a:hover{color: #0c4d8f;} @media screen and (min-width: 992px) and (max-width: 1199px) { .hot_pro_list ul li{width: 24%;margin: 0 1.33% 0 0;} .hot_pro_img{height: calc(100vw * 0.96 * 0.24 * (206 / 280));} } @media screen and (max-width: 991px){ .hot_box{display: none;} } /*宸ョ▼涓氱哗*/ .p_eng_box{width: 100%;height: auto;overflow: hidden;} .p_eng_list{width: 100%;height: auto;overflow: hidden;} .p_eng_list ul{margin: -30px 0 0;padding: 0;overflow: hidden;} .p_eng_list ul li{width: 545px;height: 190px;margin: 30px 30px 0 0;padding: 20px;background: #f6f6f6;float: left;overflow: hidden;} .p_eng_list ul li:nth-child(2n){margin-right: 0;} .p_eng_img{width: 260px;height: 190px;text-align: center;float: left;overflow: hidden;} .p_eng_img img{vertical-align: middle;max-width: 100%;} .p_eng_text{width: 270px;height: 190px;float: right;overflow: hidden;} .p_eng_title{width: 100%;height: 44px;line-height: 44px;font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .p_eng_title a{color: #333;} .p_eng_title a:hover{color: #0c4d8f;} .p_eng_txt{width: 100%;height: 75px;line-height: 25px;font-size: 12px;color: #333;margin: 10px 0 20px;overflow: hidden;} .p_eng_more{width: 100%;height: 36px;line-height: 36px;font-size: 0;overflow: hidden;} .p_eng_more a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 36px;padding: 0 20px;font-size: 14px;background: #0960ba;color: #fff;border-radius: 3px;} @media screen and (min-width: 992px) and (max-width: 1199px){ .p_eng_list ul li{width: calc(100vw * 0.96 * 0.48 - 40px);height: auto;margin: 30px 1.33% 0 0;} .p_eng_list ul li:nth-child(2n){margin: 30px 1.33% 0 0;} .p_eng_list ul li:nth-child(4n){margin-right: 0;} .p_eng_img{width: calc(100vw * 0.96 * 0.2);height: calc(100vw * 0.96 * 0.2 * (190 / 270));} .p_eng_text{width: 50%;height: auto;} .p_eng_title{height: 30px;line-height: 30px;} .p_eng_txt{margin: 10px 0;} } @media screen and (min-width: 768px) and (max-width: 991px){ .p_eng_list ul li{width: 32%;height: auto;padding: 0;margin: 30px 0 0;} .p_eng_list ul li:nth-child(2n){margin: 30px 0 0 0;} .p_eng_list ul li:nth-child(3n-1){margin: 30px 2% 0;} .p_eng_img{width: 100%;height: calc(100vw * 0.96 * 0.32 * (190 / 270));} .p_eng_title{height: 30px;line-height: 30px;margin: 20px 0 0;} .p_eng_text{width: 90%;padding: 0 5%;} .p_eng_txt{margin: 10px 0;} .p_eng_more{text-align: center;} } @media screen and (max-width: 570px){ .p_eng_list ul li{width: 48%;height: auto;padding: 0;margin: 30px 4% 0 0;} .p_eng_list ul li:nth-child(2n){margin: 30px 0 0;} .p_eng_img{width: 100%;height: calc(100vw * 0.96 * 0.48 * (190 / 270));} .p_eng_title{height: 30px;line-height: 30px;margin: 20px 0 0;} .p_eng_text{width: 90%;padding: 0 5%;} .p_eng_txt{margin: 10px 0;} .p_eng_more{text-align: center;} } /*宸ョ▼涓氱哗*/ .p_eng_details{width: 100%;height: auto;overflow: hidden;} .eng_d_title{width: 100%;height: auto;padding: 25px 0;border-bottom: 1px solid #d9d9d9;text-align: center;font-size: 12px;color: #999;overflow: hidden;} .eng_d_title h1{margin: 0;padding: 0;font-weight: normal;font-size: 24px;color: #333;padding-bottom: 10px;} .eng_d_c{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 26px;*margin-top: 15px;overflow: hidden;} .eng_d_c img{vertical-align: middle;max-width: 100%;zoom:expression( function(elm) { if (elm.width>100%) { var oldVW = elm.width; elm.width=100%; elm.height = elm.height*(100% /oldVW); } elm.style.zoom = '1'; }(this));} .eng_d_c table {font-size:14px; width:100%; color:#666; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;} .eng_d_c table th {border-width: 1px; padding: 2px; border-style: solid; border-color: #d9d9d9;} .eng_d_c table td {border-width: 1px; padding:2px 2px; border-style: solid; border-color: #d9d9d9; text-align:center;} .eng_d_c iframe{width: 100%;} /*鐩稿叧宸ョ▼*/ .hot_eng_list{width: 100%;height: auto;overflow: hidden;} .hot_eng_list ul{margin: -30px 0 0;padding: 0;overflow: hidden;} .hot_eng_list ul li{width: 545px;height: 190px;margin: 30px 30px 0 0;padding: 20px;background: #f6f6f6;float: left;overflow: hidden;} .hot_eng_list ul li:nth-child(2n){margin-right: 0;} .hot_eng_img{width: 260px;height: 190px;text-align: center;float: left;overflow: hidden;} .hot_eng_img img{vertical-align: middle;max-width: 100%;} .hot_eng_text{width: 270px;height: 190px;float: right;overflow: hidden;} .hot_eng_title{width: 100%;height: 44px;line-height: 44px;font-size: 18px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .hot_eng_title a{color: #333;} .hot_eng_title a:hover{color: #0c4d8f;} .hot_eng_txt{width: 100%;height: 75px;line-height: 25px;font-size: 12px;color: #333;margin: 10px 0 20px;overflow: hidden;} .hot_eng_more{width: 100%;height: 36px;line-height: 36px;font-size: 0;overflow: hidden;} .hot_eng_more a{display: inline-block;*display: inline;*zoom: 1;width: auto;height: 36px;padding: 0 20px;font-size: 14px;background: #0960ba;color: #fff;border-radius: 3px;} @media screen and (min-width: 992px) and (max-width: 1199px){ .hot_eng_list ul li{width: calc(100vw * 0.96 * 0.48 - 40px);height: auto;margin: 30px 1.33% 0 0;} .hot_eng_list ul li:nth-child(2n){margin: 30px 1.33% 0 0;} .hot_eng_list ul li:nth-child(4n){margin-right: 0;} .hot_eng_img{width: calc(100vw * 0.96 * 0.2);height: calc(100vw * 0.96 * 0.2 * (190 / 270));} .hot_eng_text{width: 50%;height: auto;} .hot_eng_title{height: 30px;line-height: 30px;} .hot_eng_txt{margin: 10px 0;} } /*鍦ㄧ嚎鐣欒█*/ .p_fee_box{width: 100%;height: auto;margin: 50px 0;overflow: hidden;} .p_fee_list{width: 800px;height: auto;margin: 0 auto;overflow: hidden;} .p_fee_list ul{margin: 0;padding: 0;overflow: hidden;} .p_fee_list ul li{width: 100%;height: auto;padding: 8px 0;overflow: hidden;} .p_fee_list ul li.first-child{padding-top: 0;} .p_fee_list ul li label{display: block;width: 120px;height: 50px;line-height: 50px;text-align: right;font-size: 16px;color: #666;float: left;margin: 0 5px 0 0;overflow: hidden;} .p_fee_list ul li input{width: 400px;height: 48px;padding: 0 9px;border: 1px solid #d9d9d9;border-radius: 3px;color: #666;*line-height: 46px;font-size: 16px;float: left;} .p_fee_list ul li img{max-height: 50px; border-radius: 3px;font-size: 0;float: left;} .p_fee_list ul li.p_f_yzm input{width: 200px;float: left;margin: 0 10px 0 0;overflow: hidden;} .p_fee_list ul li textarea{width: 600px;height: 200px;padding: 9px;border: 1px solid #d9d9d9;border-radius: 3px;font-size: 16px;color: #666;} .p_fee_list ul li.p_f_sub input{width: 150px;height: 50px;border: 0;padding: 0;text-align: center;color: #fff;background: #0960ba;} @media screen and (min-width: 992px) and (max-width: 1199px) { .p_fee_list{width: 100%;} .p_fee_list ul li input{width: 50%;} .p_fee_list ul li textarea{width: 70%;} } @media screen and (max-width: 991px) { .p_fee_box{margin: 0;} .p_fee_list{width: 100%;} .p_fee_list ul li label{float: inherit;width: 100%;text-align: left;} .p_fee_list ul li input{width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: -ms-calc(100% - 20px);width: -o-calc(100% - 20px);width: calc(100% - 20px);height: 50px;} .p_fee_list ul li.p_f_yzm input{width: -webkit-calc(100% - 180px);width: -moz-calc(100% - 180px);width: -ms-calc(100% - 180px);width: -o-calc(100% - 180px);width: calc(100% - 180px);} .p_fee_list ul li textarea{width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: -ms-calc(100% - 20px);width: -o-calc(100% - 20px);width: calc(100% - 20px);} .p_fee_list ul li.p_f_sub label{display: none;} .p_fee_list ul li.p_f_sub input{width: 100%;background: #0960ba;color: #fff;border: 0;} } /*鎸夐挳*/ .list{width: 100%;height: 36px;line-height: 36px;font-size: 14px;text-align: center;padding: 30px 0px 10px;font-size: 0;overflow: hidden;} .list a{display: inline-block;background: #999;color: #fff;padding: 0 14px;margin: 0 5px;font-size: 14px;} .list span{display: inline-block;color: #999;padding: 0px;margin: 0 5px;font-size: 12px;} .list a.active{background: #0c4d8f;} .list a:hover{background: #0c4d8f;} /*鎵嬫満鐗堥〉鐮?/ .m_list{width: 100%;height: auto;line-height: 50px;font-size: 14px;text-align: center;padding: 20px 0px 0;font-size: 0;display: none;} .m_list a{display: inline-block;background: #999;color: #fff;padding: 0 22px;margin: 0 5px;font-size: 14px;vertical-align: top;} .m_list a.active{background: #0c4d8f;} .m_list a:hover{background: #0c4d8f;} .m_list span{display: inline-block;height: 100%;font-size: 18px;color: #999;font-family: '瀹嬩綋';padding: 0 3px;vertical-align: top;} .m_list .list_show{width: 50px;padding: 0;text-align: center;} .m_list .list_show img{vertical-align: middle;max-width: 50%;} /*鎵嬫満鐗堝脊鍑哄垎椤?/ .list_nav{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;opacity: 0;filter: alpha(opacity=0);display: none;overflow: hidden;} .list_close{width: 48px;height: 48px;position: fixed;top: 20px;right: 20px;background: #fff;text-align: center;border-radius: 50%;} .list_close img{vertical-align:middle;max-width: 50%;max-height: 50%;} .list_nav ul{padding: 0;width: 70%;height: auto;max-height: 70%;position: fixed;left: 50%;top: 50%;margin: 0 0 0 -35%;background: #fff;border-radius: 10px;overflow-x: hidden;overflow-y: auto;} .list_nav ul li{width: 100%;height: 59px;line-height: 59px;text-align: center;font-size: 16px;overflow: hidden;} .list_nav ul li:nth-child(odd){background: #f0f0f0;} .list_nav ul li a{display: block;width: 80%;height: 59px;padding: 0 10%;color: #666;} .list_nav ul li a.active{background: #0c4d8f;color: #fff;} @media screen and (max-width: 991px) { .list{display: none;} .m_list{display: block;} .list_nav{display: block;} } #mapshowbox{width:100%; height:500px;} #mapshowbox_big{width:100%; height:100%; position:absolute;} .goto_bigmap{width:100%; height:46px; padding-bottom:10px;} .goto_bigmap a{display:inline-block; width:100%; height:46px; line-height:46px; font-size:20px; font-family: Arial, "寰蒋闆呴粦"; text-align:center; color:#fff; background:#ff7000; text-decoration:none;} .goto_bigmap a:hover{background:#ff6000;} *html{background-image:url(about:blank); background-attachment:fixed;} .bottom_tools{position:fixed; z-index:999; right:0px; top:200px; _position:absolute;} .bottom_tools_mid {top:50%; margin-top:-100px;} .bottom_tools *{display:block; color:transparent;border:0;background-color:transparent;text-shadow:none;} .cl_kefubtn_1{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px 0px; margin-bottom:1px;} .cl_kefubtn_2{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -45px; cursor:pointer; overflow:hidden; margin-bottom:1px;} .cl_kefubtn_2_en{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -225px; cursor:pointer; overflow:hidden; margin-bottom:1px;} .cl_kefubtn_3{width:45px; height:45px; background:url(../images/cl_kefu.png); background-position:0px -90px; cursor:pointer; overflow:hidden; margin-bottom:1px;} .cl_kefubtn_4{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;} .cl_kefubtn_4_en{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -135px;cursor:pointer;} #cl_gotop{width:45px;height:45px;background:url(../images/cl_kefu.png);background-position:0px -180px;display:none; margin-top:1px;} .qr_img{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img.png) no-repeat;} .qr_img img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));} .qr_img_en{position:absolute;top:-45px;left:-183px; display:none; width:141px; height:168px; padding-left:32px; padding-top:50px; background:url(../images/qr_img_en.png) no-repeat;} .qr_img_en img{border:0px; vertical-align:middle; max-width:110px; height:auto; zoom:expression( function(elm) { if (elm.width>110) { var oldVW = elm.width; elm.width=110; elm.height = elm.height*(110 /oldVW); } elm.style.zoom = '1'; }(this));} .qr_menu{position:absolute;top:46px; left:-180px; width:180px; height:auto; display:none; text-align:right;} .qr_menu a{display:inline-block; width:100px; padding-left:58px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:left; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .qr_menu a.kefu_qq{background:url(../images/kefu_qq.png) no-repeat 20px #FFF;} .qr_menu a.kefu_ww{background:url(../images/kefu_ww.png) no-repeat 20px #FFF;} .qr_menu a.kefu_sk{background:url(../images/kefu_sk.png) no-repeat 20px #FFF;} .qr_menu span{display:inline-block; width:180px; height:auto; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;} .qr_menu_1{position:absolute;top:92px; left:-180px; width:180px; height:auto; display:none; text-align:right;} .qr_menu_1 ul{margin:0px; padding:0px;} .qr_menu_1 ul li{display:inline-block; width:158px; padding-left:10px; height:45px; float:left; color:#666; font-size:14px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#FFF;} .qr_menu_1 span{display:inline-block; width:180px; height:45px; float:left; color:#FFF; font-size:16px; font-family:Arial, "Microsoft Yahei"; line-height:45px; text-align:center; margin:0px; text-decoration:none; border-bottom:solid 1px #D9D9D9;} @media screen and (max-width: 991px) {.bottom_tools{display: none;}} /* 瀹氫箟鍦ㄧ嚎瀹㈡湇 */