@charset "UTF-8";

@keyframes trans0 { 100% { opacity: 1; transform: translate(0, 0); } }

.trans0 { animation: trans0 1s forwards; }



.trans40 { transform: translate(0, 40px); opacity: 0; }



.trans-X100 { transform: translate(-100%, 0); opacity: 0; }



.trans-aX100 { transform: translate(100%, 0); opacity: 0; }



.margin1400 { margin: 0 auto; width: 1400px; }



.menu-btn { position: relative; margin: auto 0; width: 30px; height: 30px; display: none; }



.menu-btn span { position: absolute; top: 14px; left: 0; right: 0; display: block; margin: 0 auto; margin-bottom: 6px; width: 24px; height: 2px; background: #666; transition: all .5s; }



.menu-btn span:first-child { top: 6px; }



.menu-btn span:last-child { top: 22px; }



.close-btn span { opacity: 0; }



.close-btn span:first-child { top: 14px; transform: rotate(45deg); opacity: 1; }



.close-btn span:last-child { top: 14px; transform: rotate(-45deg); opacity: 1; }



.white span { background: #fff; }



.public-header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 99; transition: all .5s; }

.public-header .margin1400 { height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.public-header .header-right { height: 100%; }

.public-header .header-flex { display: flex; height: 100%; transition: all .5s; }



.fixed-header { background: #fff; box-shadow: 0 5px 10px #aaa; transition: all .5s; }

.fixed-header .header-nav a { color: #333; }

.fixed-header .header-nav a::after { background: #07578f; }

.fixed-header .header-nav ul { display: flex; display: -webkit-flex; }

.fixed-header .header-nav ul li { margin-right: 30px; }

.fixed-header .header-nav ul li:last-child { margin-right: 0; }

.fixed-header .header-nav ul li.on a, .fixed-header .header-nav ul li:hover a { color: #07578f; }

.fixed-header .search-language .header-search .search { background: url(../images/icon/fix_search.png) no-repeat center; }



.header-logo { margin-top: 19px; }

.header-logo a { height: 62px; }



.header-nav { margin-top: 40px; }

.header-nav ul { display: flex; display: -webkit-flex; }

.header-nav ul li { margin-right: 30px; }

.header-nav ul li:last-child { margin-right: 0; }

.header-nav ul li.on a:after, .header-nav ul li:hover a:after { transform: scale(1); }

.header-nav a { color: #f0f0f0; font-family: MuseoSansForDell; }

.header-nav a:after { content: ""; display: block; margin-top: 12px; width: 100%; height: 1px; background: #fff; transition: all .5s; transform: scale(0); }



.search-language { display: flex; display: -webkit-flex; height: 100%; }

.search-language .header-search { position: relative; margin: 0 40px; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }

.search-language .header-search .search { width: 22px; height: 22px; background: url(../images/icon/search.png) no-repeat center; cursor: pointer; }

.search-language .header-search .header-form { position: absolute; bottom: -16px; right: 0; width: 200px; height: 30px; border-radius: 6px; box-shadow: 0 0 12px #07578f; }

.search-language .header-search .header-form input[type="text"] { padding-left: 10px; width: 100%; height: 100%; border-radius: 6px; }

.search-language .header-lang { height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }

.search-language .header-lang .icon-lang { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; }

.search-language .header-lang .en { background-image: url(/images/icon/en.png); }

.search-language .header-lang .chn { background-image: url(/images/icon/chn.png); }



.footer-top { padding: 60px 0; background: #323232; }

.footer-top .footer-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.footer-top .footer-ul .footer-li { padding: 0 16px; text-align: center; }

.footer-top .footer-ul .footer-li .img { height: 38px; line-height: 38px; }

.footer-top .footer-ul .footer-li h4 { margin: 10px 0; font-size: 24px; color: #fff; font-weight: lighter; }

.footer-top .footer-ul .footer-li p { color: #777777; font-weight: lighter; line-height: 24px; }

.footer-top .footer-ul .line { margin: auto 0; width: 1px; height: 54px; background-color: #555555; border-radius: 1px; opacity: 0.6; }



.footer-btm { padding: 50px 0; background: #222; }

.footer-btm .footer-nav ul { display: flex; display: -webkit-flex; }

.footer-btm .footer-nav ul li { margin-right: 35px; }

.footer-btm .footer-nav ul li:last-child { margin-right: 0; }

.footer-btm .footer-nav a { font-size: 12px; color: #777; }

.footer-btm .footer-nav a:hover { color: #fff; }

.footer-btm .copyright-link { margin-top: 14px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; font-size: 12px; }

.footer-btm .copyright-link .footer-copyright { color: #999; }

.footer-btm .copyright-link .footer-copyright a { color: #999; }

.footer-btm .copyright-link .footer-link .icon-footer { margin-left: 10px; width: 15px; height: 18px; background-repeat: no-repeat; background-position: center; }

.footer-btm .copyright-link .footer-link .t { background-image: url(../images/icon/t.png); }

.footer-btm .copyright-link .footer-link .f { background-image: url(../images/icon/f.png); }

.footer-btm .copyright-link .footer-link .in { background-image: url(../images/icon/in.png); }

.footer-btm .copyright-link .footer-link .g { background-image: url(../images/icon/g.png); }

.footer-btm .copyright-link .footer-link .tube { background-image: url(../images/icon/tube.png); }



.index-banner { position: relative; }

.index-banner > .margin1400 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.index-banner .swiper-text { position: absolute; padding: 0 20px; top: 50%; right: 0; left: 0; margin: 0 auto; transform: translate(0, 0); opacity: 0; transition: all 1s; transition-delay: .3s; color: #fff; font-family: Baskerville Old Face; font-size: 70px; text-align: center; font-style: italic; }

.index-banner .swiper-text::first-letter { font-size: 120px; }

.index-banner .swiper-slide img { transition: all .5s; }

.index-banner .swiper-slide-active .swiper-text { transform: translate(0, -50%); opacity: 1; }

.index-banner .swiper-button-prev, .index-banner .swiper-button-next { width: 64px; height: 64px; transition: all .5s; }

.index-banner .swiper-button-prev { left: -64px; background: url(../images/icon/i01.png) no-repeat center; }

.index-banner .swiper-button-next { right: -64px; background: url(../images/icon/i02.png) no-repeat center; }

.index-banner .swiper-pagination-bullet { width: 88px; height: 5px; border-radius: 5px; background: #fff; opacity: .3; transition: all .5s; }

.index-banner .swiper-pagination-bullet-active { opacity: .7; }

.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.index-banner .swiper-container-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction { bottom: 30px; }



.index-title { text-align: center; transform: translate(0, 40px); opacity: 0; }

.index-title h3 { font-size: 40px; font-weight: lighter; color: #0f0f0f; }

.index-title h3::after { content: ""; display: block; margin: 0 auto; margin-top: 20px; width: 70px; height: 3px; background: #0f0f0f; }



.index-about { padding: 70px 0 80px; }



.index-about-con { margin-top: 80px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; overflow: hidden; }

.index-about-con .img-wrapper { padding-top: 35.8%; width: 58%; }

.index-about-con .index-about-text { position: relative; width: 42%; }

.index-about-con .index-about-text .index-about-title { position: absolute; top: 50px; right: 0; padding: 20px 30px 0; width: 600px; height: 120px; background: rgba(7, 87, 143, 0.8); }

.index-about-con .index-about-text .index-about-title h4 { margin-bottom: 6px; font-size: 32px; font-weight: bold; color: #fff; letter-spacing: 1px; }

.index-about-con .index-about-text .index-about-title p { text-align: right; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: 2px; }

.index-about-con .index-about-text .text { margin-top: 170px; padding: 30px 45px 0; line-height: 24px; color: #333; font-family: Arial, Helvetica, sans-serif; transform: translate(0, 40px); opacity: 0; }

.index-about-con .index-about-text .more { position: absolute; bottom: 0; left: 45px; width: 120px; height: 46px; line-height: 46px; text-align: center; color: #555555; border: solid 1px #777777; }

.index-about-con .index-about-text .more:hover { background: #777; color: #fff; }



.index-business { padding: 90px 0 60px; background: #f6f6f6; transition: all .5s; }



.index-business-con { margin-top: 80px; }



.index-business-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; transform: translate(0, 40px); }

.index-business-ul .index-business-li { width: 23.3%; transition: all .5s; }

.index-business-ul .index-business-li:hover { background: #fff; box-shadow: 0 0 10px #ccc; }

.index-business-ul .index-business-li:hover .img-wrapper img { transform: scale(1.1); }

.index-business-ul .index-business-li a { display: block; }

.index-business-ul .index-business-li .img-wrapper { padding-top: 117.8%; }

.index-business-ul .index-business-li .text { padding: 15px 5px; font-family: Century Gothic; }

.index-business-ul .index-business-li .text h4 { margin-bottom: 6px; font-size: 16px; }

.index-business-ul .index-business-li .text p.ellipselist { max-height: 36px; line-height: 18px; color: #999; -webkit-line-clamp: 2; overflow: hidden; }



.e-link { position: relative; display: block; margin: 0 auto; margin-top: 18px; width: 46px; height: 46px; border: solid 1px #999; border-radius: 50%; transition: all .5s; }

.e-link:hover { transform: rotate(180deg); border-color: #07578f; }

.e-link:hover::before, .e-link:hover::after { background: #07578f; }

.e-link::before, .e-link::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #999; }

.e-link::before { width: 24px; height: 1px; }

.e-link::after { width: 1px; height: 24px; }



.index-service { padding-top: 65px; transition: all .5s; }



.index-service-con { margin-top: 60px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; }

.index-service-con p { transform: translate(0, 40px); opacity: 0; }

.index-service-con .icon-quot { width: 26px; height: 24px; }

.index-service-con .icon-quot:first-of-type { margin-right: 10px; background: url(../images/icon/quot1.png) no-repeat center; }

.index-service-con .icon-quot:last-of-type { margin-left: 10px; background: url(../images/icon/quot2.png) no-repeat center; }

.index-service-con .img { margin-top: 30px; transform: translate(0, 40px); opacity: 0; }



.public-title { text-align: left; }

.public-title h3 { font-size: 32px; color: #393939; letter-spacing: 2px; font-weight: normal; }

.public-title h3::after { margin: 14px 0 0; }



.team-service { background: #f4f4f4; }



.team-news { padding: 65px 0 80px; }



.team-news-con { margin-top: 60px; }



.team-news-ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.team-news-ul .team-news-li { width: 32%; }

.team-news-ul .team-news-li:hover .img-wrapper img { transform: scale(1.1); }

.team-news-ul .team-news-li:hover .text { transform: translate(0, -10px); }

.team-news-ul .team-news-li:hover .text .icon-arr { transform: translate(100%, 0); opacity: 0; }

.team-news-ul .team-news-li a { display: block; }

.team-news-ul .team-news-li .img-wrapper { padding-top: 72.7%; }

.team-news-ul .team-news-li .img-wrapper .time { position: absolute; right: 15px; top: 0; color: #000000; font-family: 思源黑体; font-weight: bold; }

.team-news-ul .team-news-li .img-wrapper .day { font-size: 50px; }

.team-news-ul .team-news-li .text { padding: 22px 28px 30px; background: #f8f8f8; transition: all .5s; }

.team-news-ul .team-news-li .text p.ellipselist { height: 48px; font-size: 16px; line-height: 24px; -webkit-line-clamp: 2; overflow: hidden; }

.team-news-ul .team-news-li .text .icon-arr { display: block; margin: 0 auto; margin-top: 16px; width: 48px; height: 5px; background: url(../images/icon/i04.png) no-repeat center; transition: all .2s; }



@keyframes filter85 { 100% { transform: translate(-50%, -36%); opacity: .85; } }

.filter85 { animation: filter85 1s forwards; }



.public-banner { position: relative; }

.public-banner .banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); padding: 20px; width: 660px; height: 370px; background: #00487b; opacity: 0; }

.public-banner .banner-text .text { padding: 0 40px; height: 100%; border: solid 2px rgba(255, 255, 255, 0.5); }

.public-banner .banner-text h3 { font-family: Elephant; font-size: 80px; color: #fff; margin-bottom: 10px; transition: all .5s; }

.public-banner .banner-text h3::before { content: ""; display: block; margin-top: 30px; margin-bottom: 15px; width: 64px; height: 5px; background-color: #fff; }

.public-banner .banner-text p { font-size: 18px; color: #fff; font-family: Century Gothic; line-height: 30px; }



.bread-nav { height: 56px; line-height: 56px; background: #f4f8f9; position: relative;}

.bread-nav a { color: #555; }

.bread-nav a:hover { color: #07578f; }

.bread-nav .brea-ti{padding-left: 5%; display: none;}

.bread-nav dd { float: left; margin-right: 20px;}

.bread-nav .brea-col{color: #3b576b; font-weight: bold;}

.bread-nav dd.on a { color: #07578f; }

.bread-nav dd .icon-home { transform: translate(0, 2px); width: 18px; height: 16px; background: url(../images/icon/home.png) no-repeat center; }

.bread-nav dd .icon-arr { width: 5px; height: 9px; background: url(../images/icon/i03.png) no-repeat center; }



.team-about-con { padding: 60px 0 70px; }



.team-about { margin-top: 0; }

.team-about .index-about-text .index-about-title { top: 90px; left: 0; z-index: 5; }

.team-about .index-about-text .team-about-h3 { margin-top: 22px; font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #738693; transform: translate(-100%, 0); }

.team-about .index-about-text .team-about-h3 .add-color { color: #07578f; font-family: 微软雅黑; }

.team-about .index-about-text .text { padding: 30px 60px 0 0; }



.team-about-text { margin-top: 40px; font-size: 16px; color: #3b576b; line-height: 30px; font-family: Arial, Helvetica, sans-serif; transform: translate(0, 40px); opacity: 0; }



.team-sec1 { background: url(../images/team/bg01.jpg) no-repeat center; background-size: cover; }

.team-sec1 .team-filter { padding: 70px 0; background: rgba(0, 0, 0, 0.6); }

.team-sec1 .public-title h3 { color: #fff; }

.team-sec1 .public-title h3::after { background: #fff; }

.team-sec1 .team1-text { margin-top: 24px; }

.team-sec1 .team1-text p { font-size: 16px; color: #fff; line-height: 30px; font-family: Arial, Helvetica, sans-serif; }

.team-sec1 .team1-text .content-ul { margin-top: 44px; margin-bottom: 45px; }

.team-sec1 .team1-text .ask { width: 240px; height: 56px; line-height: 56px; border-radius: 28px; border: solid 1px #fff; text-align: center; color: #fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

.team-sec1 .team1-text .ask:hover { background: #fff; color: #3b576b; }



.content-ul li { position: relative; padding-left: 30px; color: #fff; margin-bottom: 30px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }

.content-ul li:last-child { margin-bottom: 0; }

.content-ul li .icon-circle { position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #fff; }



.team-sec2-top { padding-top: 70px; padding-bottom: 140px; background: #fff; }

.team-sec2-top .team2-top-text { margin-top: 40px; font-family: Arial; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #3b576b; }



.team-sec2-btm { background: #2a2a2a; }

.team-sec2-btm .wide { position: relative; padding-top: 210px; padding-bottom: 40px; }

.team-sec2-btm .team2-btm-text { font-family: Arial; font-size: 16px; line-height: 30px; letter-spacing: 1px; color: #d4d4d4; }

.team-sec2-btm .name { margin-top: 30px; overflow: hidden; }

.team-sec2-btm .name h2 { text-align: center; font-size: 100px; font-family: Elephant; letter-spacing: 5px; color: #373a3c; }



.team-swiper { position: absolute; top: -120px; left: 0; width: 100%; }

.team-swiper .swiper-slide { padding: 45px 0 90px; width: 33%; text-align: center; cursor: pointer; }

.team-swiper .swiper-slide img { transition: all .5s; }

.team-swiper .swiper-slide .img { margin: 0 auto; width: 150px; height: 150px; border: 1px solid #8f8e8e; border-radius: 50%; transition: all .5s; transform-origin: center;overflow: hidden; }

.team-swiper .swiper-slide .text { margin-top: 16px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; transition: all .5s; }

.team-swiper .on .img { transform: scale(1.6); border: 5px solid #3979a5; }

.team-swiper .on .text { transform: translate(0, 45px); font-size: 18px; font-weight: bold; }

.team-swiper .swiper-button-next, .team-swiper .swiper-button-prev { top: 120px; }



.team-sec3 { padding-top: 74px; padding-bottom: 50px; transition: all .5s; }

.team-sec3 .wide { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }



.team3-left .team3-text { margin-top: 76px; width: 460px; }



.content-ul.public-ul li { font-size: 20px; color: #3b576b; font-family: Arial, Helvetica, sans-serif; }

.content-ul.public-ul .icon-circle { background: #3b576b; }



.team3-right { width: 52%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }



@keyframes bg8 { 100% { background: rgba(0, 72, 123, 0.8); } }

@keyframes tshadow { 100% { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); } }

.public-banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -36%); }

.public-banner-text .text-con { width: 530px; }

.public-banner-text .text-con h3 { font-size: 80px; font-family: Elephant; letter-spacing: 4px; color: #ffffff; transform: translate(0, 40px); opacity: 0; animation: trans0 1s forwards,tshadow .8s 1.5s forwards; }

.public-banner-text .text-con .bg-color { display: inline-block; padding: 0 30px; transform: translate(0, 40px); opacity: 0; animation: trans0 1s .5s forwards,bg8 1s .8s forwards; }

.public-banner-text .text-con p { margin-top: 18px; font-size: 20px; line-height: 30px; color: #ffffff; letter-spacing: 1px; transform: translate(0, 40px); opacity: 0; animation: trans0 1s .8s forwards,tshadow .8s 1.5s forwards; }



.ecom-sec1 { padding-top: 55px; padding-bottom: 70px; overflow: hidden; }



.ecom1-con { margin-top: 45px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.ecom1-con .ecom1-text { width: 55.5%; font-size: 16px; line-height: 30px; color: #3b576b; font-family: Century Gothic; text-align: justify; }

.ecom1-con .ecom1-img { width: 42.5%; }



.ecom-sec2 { padding-top: 65px; padding-bottom: 70px; background: #f4f8f9; }



.ecom2-con { margin-top: 50px; }



.ecom-sec3 { display: flex; display: -webkit-flex; overflow: hidden; }



.ecom3-left, .ecom3-right { width: 50%; overflow: hidden; }



.ecom3-left { background: #3979a5; }

.ecom3-left .ecom3-left-text { width: 600px; height: 100%; font-family: Century Gothic; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }

.ecom3-left .ecom3-left-text h3 { font-size: 46px; letter-spacing: 1px; color: #ffffff; }

.ecom3-left .ecom3-left-text h5 { margin-top: 30px; margin-bottom: 70px; font-size: 24px; letter-spacing: 1px; color: #ffffff; }

.ecom3-left .ecom3-left-text .icon-arr { width: 45px; height: 28px; background: url(../images/icon/i05.png) no-repeat center; }



.ecom3-right { padding: 56px 0; background: #2b313e; }

.ecom3-right .ecom3-right-form { width: 600px; }

.ecom3-right .ecom3-right-form .flex-con { display: flex; display: -webkit-flex; justify-content: flex-end; }

.ecom3-right .ecom3-right-form form { width: 490px; }

.ecom3-right .ecom3-right-form .form-box { position: relative; margin-bottom: 20px; padding-right: 12px; border-radius: 3px; border: solid 1px #80838b; }

.ecom3-right .ecom3-right-form .form-box .icon-star { position: absolute; top: 21px; right: 18px; width: 8px; height: 7px; background: url(../images/icon/i.png) no-repeat center; }

.ecom3-right .ecom3-right-form .input-box { height: 52px; }

.ecom3-right .ecom3-right-form .textarea-box { height: 110px; }

.ecom3-right .ecom3-right-form input[type="text"] { padding: 0 18px; width: 100%; height: 100%; background: transparent; color: #aaa; }

.ecom3-right .ecom3-right-form textarea { padding: 18px; width: 100%; height: 100%; background: transparent; color: #aaa; }

.ecom3-right .ecom3-right-form button[type="submit"] { width: 150px; height: 46px; background-color: #1c202a; border-radius: 23px; border: none; font-family: ArialMT; font-size: 16px; color: #ffffff; }



.port-sec1 { padding: 55px 0 80px; }



.port1-con { margin-top: 45px; font-size: 16px; line-height: 30px; color: #3b576b; font-family: Century Gothic; }

.port1-con .img { margin-top: 40px; text-align: center; }



.port-sec2 { padding: 65px 0 70px; background: #f4f8f9; }



.port2-con { margin-top: 50px; }



.inter-banner { overflow: hidden; }

.inter-banner .text-con { float: right; }



.inter-sec1 { padding: 60px 0 75px; }

.inter-sec1 .public-title h3::after { display: none; }

.inter-sec1 .public-title h4 { margin-top: 10px; font-size: 24px; font-family: Century Gothic; letter-spacing: 1px; color: #3b576b; }



.inter1-con { margin-top: 45px; }

.inter1-con .img { text-align: center; }

.inter1-con .inter1-text { margin-top: 35px; }



.inter-sec2 { padding-top: 65px; padding-bottom: 80px; background: #f4f8f9; }



.inter2-con { margin-top: 40px; }

.inter2-con .inter2-text { margin-top: 35px; }



@keyframes transY40 { 100% { transform: translate(0, 40px); opacity: 1; } }

.transY40 { animation: transY40 1s forwards; }



.italy-sec1 { padding: 60px 0 140px; }



.italy1-con { position: relative; margin-top: 50px; }

.italy1-con .italy1-left { padding: 45px 90px 20px 35px; width: 58.3%; min-height: 400px; background: #f4f8f9; font-size: 18px; line-height: 36px; letter-spacing: 1px; color: #393939; font-family: Century Gothic; opacity: 0; }

.italy1-con .italy1-right { position: absolute; top: 0; right: 0; width: 45.8%; transform: translate(0, 40px); opacity: 0; }

.italy1-con .italy1-right .img-wrapper { padding-top: 69.1%; width: 100%; }



.italy-sec2 { padding: 65px 0 95px; background: #f4f8f9; }



.italy2-con { margin-top: 45px; display: flex; display: -webkit-flex; }

.italy2-con .italy2-left { padding-top: 34.5%; width: 620px; }

.italy2-con .italy2-right { padding-left: 60px; width: 580px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }



.italy-sec3 { padding: 60px 0 70px; }


.italy-sec33{background-color: #fff;}
.italy3-con { margin-top: 40px; }

.italy3-con .italy3-text { margin-top: 40px; }

.italy3-con .italy3-text .italy3-p { margin-top: 26px; font-family: Arial; font-size: 20px; line-height: 30px; letter-spacing: 1px; color: #3b576b; }

.italy3-con .italy3-text .italy3-p a { color: #d81001; }



.contact { padding: 60px 0 80px; }



.contact-con { display: flex; display: -webkit-flex; }

.contact-con h3.contact-h3 { margin-bottom: 30px; font-size: 36px; color: #443f3f; font-weight: lighter; }

.contact-con .contact-left, .contact-con .contact-right { width: 50%; }

.contact-con .contact-left { padding-right: 70px; }

.contact-con .contact-ul .contact-li { position: relative; margin-bottom: 10px; padding-left: 80px; min-height: 50px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }

.contact-con .contact-ul .contact-li:last-child { margin-bottom: 0; }

.contact-con .contact-ul .contact-li .icon { position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; width: 40px; height: 40px; }

.contact-con .contact-ul  h4 ,.contact-co h4{ font-size: 20px; font-weight: bold; color: #2b72a3;line-height: 50px; }

.contact-con .contact-ul .contact-li p, .contact-co p { font-size: 16px; font-weight: lighter; line-height: 28px; }

.contact-con .line { margin: 22px 0; width: 100%; height: 1px; background: #bfbfbf; }

/* 2019.10.9改 */
.contact-con .contact-ul .contact-li .new-weixin{
	position: relative;
	margin-left: 40px;
}
.contact-con .contact-ul .contact-li .new-weixin a{
	padding-right: 22px;
	background: url(/images/icon/arr09.png) no-repeat right center;
	font-size: 14px;
	color: #2b72a3;
}
.contact-con .contact-ul .contact-li .new-weixin-img{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -56px;
	width: 112px;
	height: 112px;
	display: none;
}


.contact-form form { width: 100%; }

.contact-form .form-box { position: relative; margin-bottom: 20px; padding-right: 32px; background-color: #f8f8f8; border: solid 1px #e5e5e5; }

.contact-form .form-box ::-webkit-input-placeholder { font-size: 16px; letter-spacing: 1px; color: #999999; }

.contact-form .form-box .icon-star { position: absolute; top: 24px; right: 18px; width: 12px; height: 12px; background: url(../images/icon/i1.png) no-repeat center; }

.contact-form .form-box input[type="text"] { padding-left: 20px; width: 100%; height: 60px; background-color: #f8f8f8; }

.contact-form .form-box textarea { padding: 20px 0 0 20px; width: 100%; height: 180px; background-color: #f8f8f8; }

/* 2019.10.9改 */
.contact-form .yanzhengma{
	display: flex;
	padding-right: 0;
	background-color: #fff;
    border: none;
}
.contact-form .yanzhengma input[type="text"]{
	flex: 1;
	margin-right: 20px;
	background-color: #f8f8f8;
    border: solid 1px #e5e5e5;
}
.contact-form .yanzhengma .yanzhengma-img{
	position: relative;
	width: 150px;
	height: 60px;
	background: #f2f4f6;
	overflow: hidden;
}
/* 2019.10.9改 */


.contact-form button[type="submit"] { width: 150px; height: 52px; background-color: #d0002c; font-size: 20px; letter-spacing: 1px; color: #ffffff; border: none; border-bottom: 4px solid #84001c; cursor: pointer; transition: all .3s; }

.contact-form button[type="submit"]:hover { border-bottom: 1px solid #d0002c; transform: translate(0, 4px); }



.news { padding: 60px 0 80px; }

.news .team-news-ul { flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.news .team-news-ul .team-news-li { margin-bottom: 25px; }

.news .team-news-ul .team-news-li:hover .text { background: #00487b; }

.news .team-news-ul .team-news-li:hover .text p.ellipselist { color: #fff; }

.news .team-news-ul .team-news-li:hover .icon-arra { transform: translate(0, 0); opacity: 1; }

.news .team-news-ul .team-news-li .text { position: relative; }

.news .team-news-ul .team-news-li .icon-arra { position: absolute; bottom: 30px; left: 0; right: 0; display: block; margin: 0 auto; margin-top: 16px; width: 48px; height: 5px; background: url(../images/icon/i04a.png) no-repeat center; transition: all .2s; transform: translate(-100%, 0); transition-delay: .3s; opacity: 0; }



.page { margin-top: 50px; text-align: center; }



.page ul { display: inline-block; }



.page ul li { margin: 0 3px; display: inline-block; height: 34px; line-height: 34px; background: #eee; border-radius: 3px; }



.page ul li a { padding: 0 16px; color: #666; }



.page ul li:hover, .page ul li.on { background: #00487b; }



.page ul li:hover a, .page ul li.on a { color: #fff; }



.page form { margin-left: 3px; display: inline-block; }



.page form select { height: 34px; width: 60px; border: 5px solid #eee; border-radius: 3px; }



.news-details { padding: 70px 0 80px; }

.news-details header { padding-bottom: 16px; text-align: center; border-bottom: 1px solid #eee; }

.news-details header h1 { margin-bottom: 10px; font-family: Century Gothic; font-size: 24px; letter-spacing: 1px; color: #222222; }

.news-details header .time { font-family: Century Gothic; letter-spacing: 1px; color: #999999; }

.news-details .content { padding: 0 25px; font-size: 16px; line-height: 30px; font-family: Century Gothic; }



.prev-next { padding: 0 26px; width: 100%; height: 60px; line-height: 60px; background-color: #f6f6f6; border-radius: 5px; }

.prev-next li { width: 49%; }

.prev-next li.fr { text-align: right; }

.prev-next li a { font-family: Century Gothic; font-size: 16px; letter-spacing: 1px; color: #424242; }

/* 2019.10.15改 */
@keyframes bowen{
	0%{
		box-shadow: 0 0 1px rgba(7, 87, 143, 1);
	}
	60%{
		box-shadow: 0 0 8px rgba(7, 87, 143, .6);
	}
	100%{
		box-shadow: 0 0 20px rgba(7, 87, 143, .1);
	}
}
#phone-ask{
	display: none;
	border-radius: 50%;
	animation: bowen 3s linear infinite;
}
#phone-ask a{
	display: block;
}
#phone-ask img{
	border-radius: 50%;
}
/* 2019.10.15改 */
/*# sourceMappingURL=style.css.map */