/*====================瀵艰埅*********/ .header{ width:100%; /*position:fixed;*/ top:0; left:0; z-index:999; height:100px; padding-top: 23px; box-sizing: border-box; } /*宸︿晶logo*/ .header .logo{ width: 17%; } .header .nav_tel{ min-width: 210px; margin-top: -4px; } .header .nav_tel img{ margin-right: 10px; margin-top: 20px; } .header .nav_tel p:nth-child(3){ font-size: 20px; } .header .nav_tel p:last-child{ font-size: 20px; } /*鍙充晶*/ .header .nav{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 50px; display: block; margin-top: 6px; margin-right: 4%; } .header .navbar_nav li{ float:left; position: relative; display: block; } .header .navbar_nav li:after{ content: ""; width: 0; height: 2px; background: #3250A8; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .header .navbar_nav li:hover:after, .header .navbar_nav li.active:after{ width: 100%; } .header .navbar_nav li a{ text-decoration: none; height: 100%; padding: 0 25px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #555555; font-size: 16px; } .header .navbar_nav li:hover a, .header .navbar_nav li.active a{ color: #3250A8; } .header .navbar_nav li.dropdown{ display: inherit; position: relative; } .header .navbar_nav li.dropdown .jt{ width: 20px; height: 20px; background: url(i/top.png) no-repeat; background-size: 100% 100%; display: block; } .header .navbar_nav li.dropdown .dropdown_menu{ display: none; position: absolute; top:50px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 120%; left: -10%; z-index: 99; } .header .navbar_nav li.dropdown .dropdown_menu a{ font-size: 14px; color: #666; padding: 0 10px; line-height: 40px; text-align: center; background: #fff; margin-bottom: 2px; } .header .navbar_nav li.dropdown:hover .dropdown_menu{ display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header .navbar_nav li.dropdown:hover .dropdown_menu a{ color: #666; } .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color: #fff; background: #3250A8; } /*鐧借壊鑳屾櫙鐨勫ご閮?/ .header.on{ background: #fff; border-bottom: 1px solid #ccc; } .header.on .left .img1{ display: none; } .header.on .left .img2{ display: block; } .header.on .navbar_nav li a{ color: #333; } .header.on .navbar_nav li:hover a{ color: orangered; } #navToggle{ display: none; } .m_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); } .m_nav.open{ transform: translateX(0); } .m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer; } .m_nav .logo{ width: 100%; margin:0 auto; } .m_nav .logo img{ height: 50px; display: block; margin:30px auto; } .m_nav .ul{ margin-top: 30px; } .m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(7) { -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; } .m_nav .ul li .dropdown_menu{ display: none; } .m_nav .ul li.dropdown.active .dropdown_menu{ display: block; } .m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .m_nav .ul li .dropdown_menu a:last-child{ border: none; } /*banner*/ .swiper { width: 100%; height: 100%; } .swiper-container{ width: 100%; height: 100%; position: relative; } .swiper-slide { 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; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper { margin-left: auto; margin-right: auto; } .pbanner{ display: none; } .banner .swiper-button-next, .banner .swiper-button-prev{ width: 70px; height: 70px; } .banner .swiper-button-next{ background: url(../images/R1.png)no-repeat center; } .banner .swiper-button-prev{ background: url(../images/L1.png)no-repeat center; } .banner .swiper-button-next:hover{ background: url(../images/R2.png)no-repeat center; } .banner .swiper-button-prev:hover{ background: url(../images/L2.png)no-repeat center; } .banner .swiper-button-prev::after,.banner .swiper-button-next::after{ content: ''; } /*浜у搧寮€濮?/ .global_title{ position: relative; margin-top: 85px; } .global_title h3{ font-size: 36px; font-weight: bold; color: #314FA7; position: relative; z-index: 1; } .global_title p.en{ display: block; font-size: 100px; font-weight: bold; text-transform: uppercase; color: #F8F8F8; position: absolute; top: -36px; left: 0; width: 100%; z-index: 0; font-family: 'Impact'; } .global_title p.content{ position: relative; z-index: 1; margin-top: 20px; font-size: 18px; } .global_title img{ margin:15px auto 25px; } .product_content { overflow: hidden; } .product_content .swiper-slide { transform: scale(0.8) !important; } .product_content .swiper-slide-active, .product_content .swiper-slide-duplicate-active{ transform: scale(1) !important; } .product_index .more{ display: inline-block; padding: 5px 0; border:1px solid #314FA7; border-left:none; border-right:none; margin:40px auto; } .product_index .swiper-button-next, .product_index .swiper-button-prev{ width: 70px; height: 70px; } .product_index .swiper-button-next{ background: url(../images/R1.png)no-repeat center; } .product_index .swiper-button-prev{ background: url(../images/L1.png)no-repeat center; } .product_index .swiper-button-next:hover{ background: url(../images/R2.png)no-repeat center; } .product_index .swiper-button-prev:hover{ background: url(../images/L2.png)no-repeat center; } .product_index .swiper-button-prev::after,.product_index .swiper-button-next::after{ content: ''; } .product_index a.more{ color: #314FA7; font-size: 18px; } .product_index a.more:hover{ border-color: #0ea097 ; color: #0ea097 ; } /*鍏徃绠€浠?/ .company_index .half{ width: 50%; display: flex; align-items: center; vertical-align: middle; box-sizing: border-box; background-color: #EEEDF4; } .company_index .half .cici{ width: 100%; height: 100%; } .company_index .half.text{ padding: 0 5%; } .company_index .half h3{ font-size: 32px; } .company_index .half .content{ line-height: 26px; margin-top: 10px; } .company_index .half .btn{ margin-top: 30px; } .btn{background-color: #314FA7;color: #fff; display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;} .btn{position:relative;color: #fff;overflow: hidden;-webkit-transition: color .3s;transition: color .3s;} .btn .bg_brf, .btn .bg_aft{background:#0ea097;position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: 0; -webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1); transition-timing-function: cubic-bezier(.75, 0, .125, 1);} .btn .bg_brf{ opacity:0.5;} .btn:hover {color: #fff;} .btn:hover .bg_brf, .btn:hover .bg_aft{bottom:0;} .btn:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;} .btn span{ position:relative; z-index:1;} /*鏍稿績浼樺娍*/ .code_index .box .tabPanel .panes{ width: 73%; } .code_index .box .tabPanel .panes .pane{ display: none; position: relative; } .code_index .box .tabPanel .panes .bmg{ float: right; } .code_index .box .tabPanel .panes .inner{ width: 50%; position: absolute; left: 0px; top: 0px; } .code_index .box .tabPanel .panes .title{ padding-top: 5%; } .code_index .box .tabPanel .panes .title p.t1{ font-size: 30px; color: #324FA8; } .code_index .box .tabPanel .panes .title p.t2{ font-size: 14px; } .code_index .box .tabPanel .panes .title span{ display: block; width: 60px; height: 3px; background-color: #324FA8; margin-top: 20px; } .code_index .box .tabPanel .panes .box{ background-color: #F4F4F4; line-height: 26px; padding: 11% 8%; box-sizing: border-box; display: inline-block; margin-top: 10%; position: relative; } .code_index .box .tabPanel .panes .box .content{ padding-bottom: 30px; border-bottom: 1px solid #ccc; } .code_index .box .tabPanel .panes .box .btn{ position: absolute; bottom: -20px; right: 20px; } .code_index .box .tabPanel .panes .box .btn img{ margin-right: 10px; } .code_index .box .tabPanel .tabul{ width: 26%; background-color: #F4F4F4; } .code_index .box .tabPanel .tabul li{ width: 100%; display: flex; box-sizing: border-box; padding: 6% 3% 6% 10%; transition: all 0.5s ease; cursor: pointer; } .code_index .box .tabPanel .tabul li p{ transition: all 0.5s ease; } .code_index .box .tabPanel .tabul li .img{ width: 42px; height: 42px; margin:5px 20px 0 0; } .code_index .box .tabPanel .tabul li:first-child .img{ background: url(../images/1-1.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(2) .img{ background: url(../images/2-1.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(3) .img{ background: url(../images/3-1.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(4) .img{ background: url(../images/4-1.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:first-child.hit .img { background: url(../images/1-2.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(2).hit .img{ background: url(../images/2-2.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(3).hit .img{ background: url(../images/3-2.png) no-repeat center center; } .code_index .box .tabPanel .tabul li:nth-child(4).hit .img{ background: url(../images/4-2.png) no-repeat center center; } .code_index .box .tabPanel .tabul li .text p.title{ font-size: 20px; } /*.code_index .box .tabPanel .tabul li:hover{ background-color: #324FA8; color: #fff; }*/ .code_index .box .tabPanel .tabul li.hit{ background-color: #324FA8; color: #fff; } .code_index .box .tabPanel .tabul .name{ font-size: 50px; font-family: 'Impact'; color: #EBEBEB; text-align: center; text-transform: uppercase; padding: 20px 0; position: relative; margin-top: 30px; } .code_index .box .tabPanel .tabul .name:before{ content: ''; display: block; width: 300%; position: absolute; left: 20px; top: 0px; border-top: 2px solid #324FA8; } /*鏂伴椈璧勮*/ .news_index{ background: url(../images/bj.jpg) no-repeat top; padding-top: 45px; margin:80px 0 0 0; } .news_index .nlogo{ border-radius: 50%; margin:0 auto 10px; } .news_index .global_title p.content{ margin-top: 0px; } .news_index .global_title{ margin-top: 0px; } .news_index .news_nav .global_title, .news_index .news_nav .news_tab{ width: 50%; } .news_index .news_box{ padding: 5% 3%; box-sizing: border-box; background-color: #fff; } .news_index .news_tab li{ padding: 5px 20px; border-radius: 20px; display: inline-block; margin:10px 0 0 6px; cursor: pointer; } .news_index .news_tab li.hit, .news_index .news_tab li:hover{ background: #324FA8; color: #fff; } .news_index .news_box .content{ border-top: 2px solid #ccc; margin-top: 3.5%; } .news_index .news_box .content .con{ display: none; } .news_index .news_box .content .con ul li{ width: 33.33%; padding: 2% 2% 4% 2%; box-sizing: border-box; } .news_index .news_box .content .con ul li .time span{ display: block; } .news_index .news_box .content .con ul li .time .time_d{ font-size: 48px; } .news_index .news_box .content .con ul li .time .time_m{ font-size: 16px; } .news_index .news_box .content .con ul li .title{ font-size: 24px; margin:10px 0; } .news_index .news_box .content .con ul li .area{ font-size: 15px; line-height: 24px; } .news_index .news_box .content .con ul li .more{ margin-top: 35px; color: #324FA7; display: inline-block; } .news_index .news_box .content .con ul li:hover{ background-color: #527AC8; color: #fff; } .news_index .news_box .content .con ul li:hover a{ color: #fff; } /*搴曢儴*/ .footer { background-color: #324FA7; padding-bottom: 40px; } .footer .foot_nav{ border-bottom: 1px solid #536FB6; } .footer .foot_nav a{ display: block; width: 25%; font-size: 15px; color: #fff; border-left: 1px solid #536FB6; box-sizing: border-box; padding: 35px 0; } .footer .foot_nav a:last-child{ border-right: 1px solid #536FB6; } .footer .foot_nav a .bt{ font-size: 20px; padding-top: 17px; margin-bottom: 3px; } .footer .foot_nav div[class*='im']{ width: 84px; height: 84px; border-radius: 50%; border:1px solid #fff; vertical-align: middle; display: grid; margin:0 5% 0 10%; } .footer .foot_nav div[class*='im'] img{ margin:0 auto; align-self: center; justify-self:center; } .footer .foot_link{ color: #fff; } .footer .foot_link .link1{ width: 25%; padding-top: 50px; } .footer .foot_link .link1 p.title{ font-size: 40px; font-family: 'Impact'; margin-bottom: 30px; } .footer .foot_link .link1 p.title span{ font-size: 24px; margin-left: 10px; } .footer .foot_link .link1 .tt p{ line-height: 29px; } .footer .foot_link .link2{ padding-top: 131px; width: 60%; background: url(../images/dt.png) no-repeat center; } .footer .foot_link .link2 ul{ width: 50%; } .footer .foot_link .link2 ul li{ line-height: 29px; } .footer .foot_link .link3{ padding-top: 67px; } .footer .foot_link .link3 img{ width: 160px; height: 160px; margin-bottom: 15px; } .bottom{ padding: 20px 0; background-color: #324FA7; border-top: 1px solid #536FB6; color: #fff; } .bottom a{ color: #fff; } /*鍐呴〉寮€濮?/ .in_banner.com{ width: 100%; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; color: #324FA7; display: flex; align-items: center; } .in_banner.com .box h4{ font-size: 40px; } .in_banner.com .box p{ font-size: 18px; text-transform: uppercase; } .in_nav{ height: 50px; line-height: 48px; border-bottom: 1px solid #eee; } .in_nav .list, .in_nav .crumbs{ width: 50%; } .in_nav .list a{ display: inline-block; border-bottom: 2px solid #fff; padding: 0 30px; margin-right: 20px; transition: all 0.5s; } .in_nav .list a.active, .in_nav .list a:hover{ border-bottom: 2px solid #324FA7; } .in_com_inner{ background: #F5F5F5; padding-top: 75px; } .in_com_inner .global_title{ margin-top: 0px; } .in_com_inner .global_title .en{ color: #ECECEC; } .in_com_inner .in_com_box .content .cici, .in_com_inner .in_com_box .content .text{ width: 50%; background: #fff; font-size: 15px; } .in_com_inner .in_com_box .content{ margin:25px 0; } .in_com_inner .in_com_box .content .text{ padding: 50px 40px; box-sizing: border-box; } .in_com_inner .in_com_box .content .text h3{ font-size: 34px; font-weight: bold; color: #324FA7; } .in_com_inner .in_com_box .content .text span{ display: inline-block; width: 50px; height: 0px; border:1px solid #324FA7; margin:15px 0; } /*鑽h獕璧勮川*/ .in_com_honor{ padding:80px 0; } .in_com_honor .honor{ margin-top: 35px; position: relative; } .in_com_honor .honor .swiper-slide{ padding: 2%; box-sizing: border-box; background: #fff; font-size: 18px; } .in_com_honor .honor .swiper-slide p{ margin-bottom: 15px; text-align: left; } .in_com_honor .honor .swiper-button-prev,.in_com_honor .honor .swiper-rtl .swiper-button-next{ top: -25%; left: 90%; } .in_com_honor .honor .swiper-button-next,.in_com_honor .honor .swiper-rtl .swiper-button-prev{ top: -25%; } .in_com_honor .adv ul li{ width: 24%; background: #fff; position: relative; padding: 5% 1.2% 3%; box-sizing: border-box; margin-top: 80px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .in_com_honor .adv ul li h3{ font-size: 26px; margin-bottom: 10px; } .in_com_honor .adv ul li .content{ font-size: 15px; line-height: 28px; } .in_com_honor .adv ul li .cover{ width: 94px; height: 94px; border-radius: 50%; background: #314FA7; position: absolute; left: 50%; top: 0px; margin-left: -47px; margin-top: -47px; display: grid; } .in_com_honor .adv ul li .cover img{ align-self: center; justify-self:center; } /*浼佷笟鏂囧寲*/ .in_com_inner .culture{ padding-bottom: 80px; } .in_com_inner .culture .list{ margin-top: 35px; } .in_com_inner .culture .list.hh{ display: none; } .in_com_inner .culture .list .c{ width: 50%; } .in_com_inner .culture .list .c .cici, .in_com_inner .culture .list .c .text{ width: 50%; background: #fff; text-align: center; } .in_com_inner .culture .list .c .text{ display: flex; align-items: center; justify-content: center; } .in_com_inner .culture .list .c .text .title{ font-size: 30px; font-weight: bold; } .in_com_inner .culture .list .c .text span{ font-size: 14px; text-transform: uppercase; display: inline-block; margin:5px auto 15px; } .in_com_inner .culture .list .c .text .cont{ font-size: 18px; } /*浜у搧涓績*/ .in_com_inner .in_product .de-product-list{ margin-top: 35px; } .in_com_inner .in_product .de-product-list ul li{ width: 32%; margin-right: 1.5%; margin-bottom: 2%; position: relative; color: #fff; } .in_com_inner .in_product .de-product-list ul li:nth-child(3n){ margin-right: 0px; } .in_com_inner .in_product .de-product-list ul li .cover{ background: rgba(51,87,162,.6); position: absolute; left: 0px; top: 0px; padding: 5px; box-sizing: border-box; width: 100%; height: 100%; opacity: 0; } .in_com_inner .in_product .de-product-list ul li .cover .box{ border:1px solid #fff; display: flex; align-items: center; justify-content: center; height: 100%; } .in_com_inner .in_product .de-product-list ul li .cover .box h3{ font-size: 28px; } .in_com_inner .in_product .de-product-list ul li .cover .box .content{ font-size: 15px; padding: 0 8%; box-sizing: border-box; line-height: 26px; margin:15px 0 30px; } .in_com_inner .in_product .de-product-list ul li:hover .cover{ opacity: 1; } /*璇︽儏椤?/ .in_com_inner .info_top .keyword{ padding: 2%; box-sizing: border-box; background: #fff; width: 27%; font-size: 15px;t } .in_com_inner .info_top h3{ font-size: 30px; margin-bottom: 23px; } .in_com_inner .info_top .keyword .sp{ padding: 5px 30px; background: #324FA7; color: #fff; font-size: 14px; display: inline-block; margin:0; } .in_com_inner .info_top .keyword p{ margin:10px 0 20px; line-height: 26px; } .in_com_inner .info_top .keyword .btn{ margin-top: 40px } .in_com_inner .info_top .img{ text-align: center; width: 37%; } .in_com_inner .info_top .img img{ margin:0 auto; } .in_com_inner .info_top .link{ padding: 2%; box-sizing: border-box; background: #fff; width: 33%; box-sizing: border-box; font-size: 15px; } .in_com_inner .info_top .link p{ line-height: 30px; } .info_content { margin-top: 80px; } .info_content .xq{ font-size: 30px; padding-bottom: 20px; border-bottom: 2px solid #DFDFDF; } .info_content .cont{ padding: 25px 0; } .info_content .cont img{ margin:0 auto; } .info_other{ padding-bottom: 80px; } .info_other .xq{ font-size: 30px; } .info_other p{ margin:15px 0; } .info_other .swiper-slide:hover{ background: #3150A7; } .info_other .swiper-slide:hover a{ color: #fff; } /*鏈嶅姟缃戠偣*/ .network{ border:1px solid #ccc; margin-top: 35px; } .network .n{ width: 33.333%; box-sizing: border-box; border:1px solid #ccc; padding: 2%; empty-cells: hide; } .network .n img{ margin-right: 20px; } .network .n p{ font-size: 18px; line-height: 30px; } .network .n p.f{ margin-top: 5px; } /*涓嬭浇涓績*/ .download{ padding: 80px 0; } .download ul{ margin-top: 35px; } .download ul a .cl1{ width: 80%; line-height: 50px; } .download ul a:hover, .download ul a:hover p{ color: #3444AD; } .download ul a span{ line-height: 50px; } .download li.pdf{ position: relative; padding-left: 50px; } .download li.pdf::before { content: ''; width: 25px; height: 25px; display: block; position: absolute; border-radius: 0px; left: 10px; top: 21px; background: url(../images/pdf.png) no-repeat center; } .download ul li{ padding: .7% 0% .7% 2%; box-sizing: border-box; border-bottom: 1px solid #ccc; position: relative; font-size: 16px; } .download ul li:hover{ border-bottom: 1px solid #3444AD; } /*鏂伴椈璧勮*/ .in_com_inner .fnews{ padding: 0 1%; box-sizing: border-box; } .in_com_inner .fnews .fnews_img{ width: 45%; } .in_com_inner .fnews .fnews_img .cici{ width: 100%; height: 100%; } .in_com_inner .fnews .time{ font-size: 20px; margin-bottom: 3px; } .in_com_inner .fnews .time img{ margin-right: 10px; margin-top: -3px; } .in_com_inner .fnews .fnews_text{ width: 52%; display: flex; align-items: center; } .in_com_inner .fnews .fnews_text h3{ font-size: 30px; margin:1% 0 3%; } .in_com_inner .fnews .fnews_text h3 a{ color: #555555; } .in_com_inner .fnews .fnews_text .content{ font-size: 16px; line-height: 30px; color: #555555; margin-bottom: 40px; } .in_com_inner .news_in ul.gli{ padding: 80px 0; } .in_com_inner .news_in ul.gli li{ width: 33.33%; padding: 2% 2% 4% 2%; box-sizing: border-box; border:1px solid #DDDDDD; } .in_com_inner .news_in ul.gli li .time span{ display: block; } .in_com_inner .news_in ul.gli li .time .time_d{ font-size: 48px; } .in_com_inner .news_in ul.gli li .time .time_m{ font-size: 16px; } .in_com_inner .news_in ul.gli li .title{ font-size: 24px; margin:10px 0; } .in_com_inner .news_in ul.gli li .area{ font-size: 15px; line-height: 24px; } .in_com_inner .news_in ul.gli li .more{ margin-top: 35px; color: #324FA7; display: inline-block; } .in_com_inner .news_in ul.gli li:hover{ background-color: #527AC8; color: #fff; } .in_com_inner .news_in ul.gli li:hover a{ color: #fff; } /*鏂伴椈璇︽儏*/ .com_inner.newsinfo{ background: #F5F5F5; padding-bottom: 80px; } .com_inner .news_info_box .news_info_text{ width: 75%; background: #fff; box-sizing: border-box; } .com_inner .news_info_box .onews{ border-left: 1px solid #eeeeee; box-sizing: border-box; width: 25%; background: #fff; } .com_inner .news_info_box .news_info_text .news_detail_title{ border-bottom: 1px solid #eeeeee; padding: 3% 2% 2%; box-sizing: border-box; } .com_inner .news_info_box .news_info_text .news_detail_title h3{ font-size: 26px; margin-bottom: 5px; } .com_inner .news_info_box .news_info_text .news_detail_title .b{ font-size: 15px; color: #555555; margin-top: 12px; } .com_inner .news_info_box .news_info_text .news_detail_title .b i{ margin-right: 10px; color: #B60000; } .com_inner .news_info_box .news_info_text .news_detail_title .b a{ color: #555555; font-size: 18px; margin-right: 10px; } .com_inner .news_info_box .news_info_text .news_detail_title .b a.f-add{ font-size: 22px; } .com_inner .news_info_box .news_info_text .news_detail_title .b a.f-dec{ font-size: 14px; margin-right: 0px; } .com_inner .news_info_box .news_info_text .news_detail_title .b a:hover{ color: #B60000; } .com_inner .news_info_box .news_info_text .content{ padding: 4%; box-sizing: border-box; } .com_inner .news_info_box .onews_title{ font-size: 20px; color: #555555; font-weight: 400; padding: 5% 5%; border-bottom: 1px solid #eeeeee; } .com_inner .news_info_box .other_list{ padding: 2.5% 5%; box-sizing: border-box; margin-bottom: 0px; } .com_inner .news_info_box .other_list li{ margin-bottom: 6%; } .com_inner .news_info_box .other_list .cici{ width: 40%; position: relative; padding-bottom: 32%; height: 0px; } .com_inner .news_info_box .other_list.cate_list li{ width: 50%; } .com_inner .news_info_box .other_list.cate_list li .imc{ overflow: hidden; margin-bottom: 5px; } .com_inner .news_info_box .other_list.cate_list li a{ color: #555555; } .com_inner .news_info_box .other_list .cici img{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .com_inner .news_info_box .other_list .g{ width: 55%; padding-top: 3%; box-sizing: border-box; } .com_inner .news_info_box .other_list .g a{ color: #555555; } .com_inner .news_info_box .other_list .g h4{ margin-bottom: 10px; } .com_inner .news_info_box .other_list .g p{ font-size: 14px; color: #777777; } .com_inner .news_info_box .other_list .g p i{ margin-right: 5px; } .com_inner .news_info_box .other_list .g p a{ color: #555555; } .com_inner .news_info_box .other_list .g p.more{ margin-top: 10px; } .com_inner .news_info_box .other_list li:hover img{ transform: scale(1.1); } .com_inner .news_info_box .other_list.cate_list li:hover img{ transform: scale(1); -webkit-transform: rotate(360deg); animation: rotation 4s linear infinite; -moz-animation: rotation 4s linear infinite; -webkit-animation: rotation 4s linear infinite; -o-animation: rotation 4s linear infinite; } .com_inner .news_info_box .other_list.cate_list li:hover a{ color: #3444AD; } .com_inner .news_info_box .other_list li:hover p.more a{ color: #3444AD; } .com_inner .onews .newsPage .page-a{ padding: 0 5%; box-sizing: border-box; border-bottom: 1px solid #eeeeee; font-size: 14px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .com_inner .onews .newsPage{ border-top:1px solid #eeeeee; } .com_inner .onews .newsPage .page-a a{ color: #555; line-height: 55px; display: inline; } .com_inner .onews .newsPage .cl1{ position: relative; overflow: hidden; } .com_inner .onews .newsPage .cl1:before{ content: ''; display: block; position: absolute; width: 0; height: 0px; border-bottom:2px solid #3444AD; left: 0px; bottom: 0px; transition: all 0.5s; } .com_inner .onews .newsPage .cl1:hover:before{ width: 100%; } .com_inner .onews .newsPage .cl1:hover a{ color: #3444AD; } .com_inner .news_info_box .news-img{ margin-bottom: 30px; } .com_inner .news_info_box .news-img img{ max-width: 100%; } /*鑱旂郴鎴戜滑*/ #dituContent{ width: 100%; height: 540px; margin-top: 35px; } .contact-map{ position: relative; } .contact-map .lx{ position: absolute; width: 35%; right: 0px; top: 0px; color: #fff; padding: 3% 2%; box-sizing: border-box; background: rgba(51,85,156,.9); } .contact-map .lx h3{ font-size: 32px; } .contact-map .lx span{ display: inline-block; width: 50px; height: 0px; border:1px solid #fff; background: #314EA6; margin: 10px 0 20px; } .contact-map .lx p{ line-height: 28px; } .message{ padding: 80px 0; } .contact-liuyan{ margin-top: 35px; } .contact-liuyan .form-right{ display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; } .contact-liuyan .inputbox{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; } .contact-liuyan input[type=text]{ width: 48.5%; line-height: 45px; border:1px solid #eee; padding-left: 15px; outline: none; background: #fff; font-size:14px; color:#333; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin-bottom: 8px; } .contact-liuyan input:focus{ border:1px solid #3444AD; } .contact-liuyan input[type=text]::placeholder{ font-size:14px; color:#999; } .contact-liuyan input[name=captcha]{ width: 40%; margin-right: 15px; } .contact-liuyan .verify{ height: 45px; width: 20%; } .contact-liuyan .verify img{ height: 100%; } .contact-liuyan textarea{ width:100%; height: 155px; border:1px solid #eee; padding:15px; outline: none; resize: none; font-size:14px; color:#333; margin-bottom: 8px; font-family: "Microsoft Yahei"; } .contact-liuyan textarea::placeholder{ font-size:14px; color:#999; } .contact-liuyan textarea:focus{ border:1px solid #3444AD; } .contact-liuyan .submit{ display: block; width: 30%; line-height: 47px; text-align:center; color:#fff; height: 47px; font-size:20px; background: #3444AD; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .contact-liuyan .inputbox .submit:hover{ background: #0ea097; } .de-page-mian { overflow: hidden; text-align: center; font-size: 0; padding: 30px 0 45px; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #04308A; background: #04308A; } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; } /*搴曢儴*/ .bd{ display: none; position: fixed; width: 100%; left: 0px; bottom: 0px; padding: 8px 0 ; width: 100%; background: #3444AD; color: #fff; text-align: center; z-index: 9999; } .bd div{ width: 33.3333%; border-right:1px solid #eeeeee; box-sizing: border-box; } .bd div a{ color: #fff; } .bd div i{ margin-bottom: 5px; font-size: 24px; } /**/ #videoiFrame{ width: 680px; height: 470px; } /*.MagnifierMain.video{ text-align: center; }*/ .MagnifierMain.video .v1{ position: relative; width: auto; display: inline-block; cursor: pointer; margin:0 auto; } /*#playercontainer{ margin:0 auto; }*/ .MagnifierMain.video .v1:before{ content: ''; position: absolute; display: block; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; left: 50%; top: 50%; background-image: url(../images/video-icon.png); background-repeat: no-repeat; background-size: cover; z-index: 10; }