@charset "utf-8"; /* CSS Document */ *{margin:0 ;padding:0;} a{text-decoration:none;outline:none;} a:hover{text-decoration:none;} img{outline:none;border:none;} li{list-style:none;} @font-face { font-family:"Anton-Regular"; src: url("../fonts/Anton-Regular.woff2") format("woff2"), url("../fonts/Anton-Regular.woff") format("woff"), url("../fonts/Anton-Regular.ttf") format("truetype"), url("../fonts/Anton-Regular.eot") format("embedded-opentype"), url("../fonts/Anton-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } body{font-family:Helvetica LT Std, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Noto Sans SC', sans-serif , Impact;} html {overflow-y: scroll;} :root {overflow-y: auto;overflow-x: hidden;font-family: 'Noto Sans SC', sans-serif;} :root body {position:absolute;} body {width:100vw;overflow:hidden;} @media screen and (min-width:1921px){ body{width:1920px;margin:0 auto;position:relative!important;} } .clear {clear:both;} /*-------------------------#goToTop-------*/ #goToTop{display:none;z-index:99999;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;} #goToTop.show{display:block;} #goToTop a{display:inline-block;font-size:24px;color:#222;text-align:center;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;} #goToTop a:hover{color:#0067ac;} /*------------right_contact---------*/ .right_contact{position:fixed;right:10px;top:20%;z-index:999;width:50px;box-shadow:1px 1px 4px #d0f1f1;} .right_contact .contact_title{width:100%;background:#fff;padding:8px;text-align:center;} .right_contact .contact_title img{max-width:100%;} .right_contact ul{margin:0;} .right_contact ul li{position:relative;background:#fff;text-align:center;padding:6px;border-top:1px solid #dbf0f1} .right_contact ul li span , .right_contact ul li>a{font-size:14px;color:#0067ac;} .right_contact ul li img{width:24px;} .right_contact ul li .hide_contact{position:absolute;top:0;right:95px;width:160px;background:#0067ac;font-size:14px;color:#fff;padding:16px 10px;display:none;line-height:24px;} .right_contact ul li .hide_contact a{color:#fff;} .right_contact ul li .hide_contact:hover a{color:#fff;} /*---------------------------------logo-----------------------------------------------------*/ .header{width:100%;z-index:99999;padding:0;background:#fff;} /* .header .topnav_list .top_contact{text-align:right;} */ .header .topnav_list .top_contact a{align-items:flex-end} .header .topnav_list .top_contact .top_phone{font-family:'Rubik', sans-serif;font-weight:500;font-size:24px;color:#0067ac;white-space:nowrap} .header .topnav_list .top_contact .connect{font-size:20px;border-radius:50px;display:inline-block;padding:4px 6px;background:#0067ac;color:#fff;margin-left:15px;border:1px solid #0067ac;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;white-space:nowrap} .header .topnav_list .top_contact .connect:hover{background:#fff;color:#0067ac;} .header .topnav_list .logo{z-index:999;margin-top:20px;margin-bottom:20px;padding:0;} .header .topnav_list .logo img{max-width:91%;} .header .topnav_list{position:relative;border-top:1px solid #dcf3f3;display:flex;align-items:center;} .nav_content{position:relative;z-index:99999;} nav.navbar.bootsnav{border:none;width:100%;background:none;} .navbar-default .navbar-collapse{padding:0;} .navbar-nav{width:100%;text-align:right;} nav.navbar.bootsnav ul.nav > li{padding:10px 0;} nav.navbar.bootsnav ul.nav > li > a{font-size:16px;color:#333;padding:6px 12px;font-weight:400;position:relative;transition:all 0.5s ease 0s;margin:0 4px;border-radius:50px;} nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{} .dropdown-menu.multi-dropdown{position:absolute;left:-100%!important;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu{box-shadow:2px 1px 5px #d8e7fb;border:none;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{font-size:16px;} nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{background:#cde7f8;color:#0067ac!important;} @media only screen and (max-width:990px){ nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after, nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{content: " "; } .dropdown-menu.multi-dropdown{left:0!important; } nav.navbar.bootsnav ul.nav > li:hover{background:transparent; } nav.navbar.bootsnav ul.nav > li > a{margin:0;border-top:none;} } @media screen and (max-width:992px){ #mengban{position: fixed;overflow-y:auto!important;overflow-x:hidden!important;display:block;background: rgba(0,0,0,0.5);z-index:9998;width:100%;height: 100% !important;left:0;top: 0;padding: 0;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;-ms-transition-duration: 1s;transition-duration: 1s;} .dropdown-menu{min-width:100%;} } .header.fixed_up{position:fixed;top:0;left:0;z-index:9999;background:#fff;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;box-shadow:2px 2px 5px #bfbfbf;} .header.fixed_up .topnav_list .logo{margin-top:5px;margin-bottom:5px;} .header.fixed_up .topnav_list .logo img{max-width:70%;} .header.fixed_up .topnav_list nav.navbar.bootsnav ul.nav > li > a{padding:6px 10px;} .header.fixed_up .topnav_list nav.navbar.bootsnav ul.nav li>a:hover, .header.fixed_up .topnav_list nav.navbar.bootsnav ul.nav li.active > a{color:#fff;} /*----------------------------banner-----------------------------*/ .banner{width:100%;position:relative;padding:0;} .slider-carousel.owl-carousel .owl-nav{display:block;z-index:999;} .details_item.owl-carousel .owl-nav button.owl-prev , .reviews_carousel.owl-carousel .owl-nav button.owl-prev , .index_aboutcarousel.owl-carousel .owl-nav button.owl-prev , .latest_newscarousel.owl-carousel .owl-nav button.owl-prev , .details_item.owl-carousel .owl-nav button.owl-next , .reviews_carousel.owl-carousel .owl-nav button.owl-next , .latest_newscarousel.owl-carousel .owl-nav button.owl-next , .index_aboutcarousel.owl-carousel .owl-nav button.owl-next , .slider-carousel.owl-carousel .owl-nav button.owl-next, .slider-carousel.owl-carousel .owl-nav button.owl-prev{left:8%;top:40%;bottom:auto;background:none;border-radius:50px;color:#39b0ff;font-size:60px;z-index:999;text-shadow: 1px 1px 1px #fff;} .details_item.owl-carousel .owl-nav button.owl-next , .reviews_carousel.owl-carousel .owl-nav button.owl-next , .latest_newscarousel.owl-carousel .owl-nav button.owl-next , .slider-carousel.owl-carousel .owl-nav button.owl-next , .index_aboutcarousel.owl-carousel .owl-nav button.owl-next{right:8%;left:auto;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{display:block;} .banner .owl-carousel .owl-dots{position:absolute;display:block;width:100%;left:0;bottom:15px;text-align:center;} .owl-carousel button.owl-dot{display:inline-block;width:12px;height:12px;background:#2dabff;margin:0 5px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:50px;} .owl-carousel button.owl-dot.active{background:#0067ac;} /*----------center_connect-------------*/ .center_connect{width:100%;background:url(../img/worldmap.jpg)center no-repeat;padding:30px 0} .center_connect .connect_partner .number{font-size:48px;color:#fff;font-family:'Rubik', sans-serif;font-weight:500;display:inline-block;margin-right:10px;padding-right:10px;position:relative;} .center_connect .connect_partner .number:after{position:absolute;content:"+";right:-10px;bottom:5px;font-size:30px;font-weight:600;} .center_connect .connect_partner span{font-size:36px;color:#d3edff;font-weight:500;display:inline-block;} .center_connect .connect_phone{display:flex!important;margin-top:14px;justify-content:flex-end;align-items:center;position:relative;} .center_connect .connect_phone .plan{margin-right:20px;padding-right:20px;margin-bottom:0;position:relative;} .center_connect .connect_phone .plan:before{position:absolute;content:"";width:1px;height:40px;background:#3aa2e8;right:0;top:5px;} .center_connect .connect_phone .plan a{color:#fff;font-family:'Rubik', sans-serif;font-weight:500;font-size:20px;display:block;} .center_connect .connect_phone .plan span{color:#d3edff;font-size:14px;} .center_connect .connect_phone .contact_online{color:#fff;font-size:16px;background:#3aa2e8;display:inline-block;padding:4px 14px;border-radius:50px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border:1px solid #0067ac;} .center_connect .connect_phone .contact_online:hover{color:#0067ac;font-size:16px;background:#fff;} /*----------total_title----------------*/ .total_title{text-align:center;width:100%;padding:15px 0;margin:15px 0 40px;position:relative;} .total_title span{font-size:60px;color:#fff;font-family:'Anton', sans-serif;position:absolute;width:100%;text-align:center;left:0;top:4px;} .total_title h5{font-size:40px;color:#333;font-weight:600;padding-bottom:30px;position:relative;z-index:999;} .total_title h5:before{position:absolute;content:"";width:40px;height:4px;background:#0067ac;left:0;right:0;bottom:0;margin:0 auto;border-radius:50px;} .total_title p{font-size:16px;margin-top:15px} /*----------------------index_advantage----------*/ .index_advantage{background:#fff;padding:30px 0 0 0;width:100%;} .advantage_title{text-align:center;} .advantage_title span{font-size:26px;color:#333;display:inline-block;margin:0 5px;font-weight:500;} .advantage_title span.adv_number{font-size:36px;color:#0067ac;font-family:'Rubik', sans-serif;font-weight:300;} .advantage_title p{font-size:16px;color:#666;margin-top:20px;margin-bottom:10px;line-height:26px;} /*----------------------新增的首页内容----------*/ .xin_title{display:flex;align-items:center;margin-bottom:30px} .xin_title span{font-size:42px;color:#0067ac;margin-right:10px;border:1px solid #0067ac;border-radius:50%;width:62px;height:62px;text-align:center;font-family: "Impact" !important;} .xin_title h5{font-size:32px;color:#0067ac;margin:0;font-weight:bold} .xin_title p{font-size:20px;color:#333;margin-bottom:0;font-weight:bold} .section_list{padding:50px 0;background:url(../img/28bg.jpg) center} .section_list li{padding:20px 0} .section_list li:nth-child(2n){background:rgba(255,255,255,.7)} .section_list li:nth-child(2n-1) .xin_text_box{display:flex;justify-content:flex-end} .xin_box{max-width:650px} .xin_text p{font-size:18px;margin-bottom:15px;background:url(../img/dian_icon.png) 0px 9px no-repeat;padding-left:15px} .xin_pic img{width:100%} .xin_title_blue span{background:#0067ac;color:#fff} .red{color:red;line-height:30px} .blue{color:#0067ac} /*-----------index_history-----------*/ /* .index_history{width:100%;padding:50px 0 30px;background:url(../img/indexhistorybg.jpg)center no-repeat;} */ .index_history{width:100%;padding:50px 0 30px;} .index_histortbox{width:100%;margin-top:20px;margin-bottom:20px;} .history-carousel.owl-carousel .owl-stage{display:flex;align-items:flex-end;padding:30px 0;} .history-carousel.owl-carousel .owl-stage:before{position:absolute;content:"";width:90%;height:1px;left:0;right:0;margin:0 auto;bottom:100px;background:#188bd8;} .history-carousel .owl-item{padding:0 15px;} .history-carousel .owl-item .history-item{display:flex;flex-wrap:wrap;justify-content:center;position:relative;} .history-carousel .owl-item .history-item:before{position:absolute;content:"";width:10px;height:10px;border:1px solid #188bd8;margin:0 auto;background:#fff;border-radius:50px;left:0;right:0;bottom:66px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:2;} .history-carousel .owl-item .history-item .history_text{background:#fff;box-shadow:2px 3px 10px #caddfa;font-size:16px;text-align:center;color:#333;padding:20px;line-height:26px;position:relative;margin-bottom:40px;width:100%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border-radius:0px 4px 4px 4px;min-height:210px;} .history-carousel .owl-item .history-item .history_text:after{position:absolute;content:"";width:26px;height:26px;background:url(../img/triangle.png)center no-repeat;left:0;top:0;background-size:100%;} .history-carousel .owl-item .history-item .history_text:before{position:absolute;content:"";width:24px;height:24px;background:#fff;left:0;right:0;margin:0 auto;bottom:-12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-shadow:9px 9px 8px #edf4ff;z-index:1;} .history-carousel .owl-item .history-item .history_time{color:#333;width:180px;font-size:18px;padding:10px;background:#fff;box-shadow:2px 3px 10px #caddfa;position:relative;text-align:center;border-radius:4px;margin-top:20px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .history-carousel .owl-item .history-item .history_time:before{position:absolute;content:"";width:18px;height:18px;background:#fff;left:0;right:0;margin:0 auto;top:-9px;-webkit-transform:rotate(45deg);transform: rotate(45deg);box-shadow:-4px -4px 8px #edf4ff;transition:all 0.2s ease-in-out;} .history-carousel .owl-item.center .history-item .history_text{box-shadow:2px 3px 15px #a9c8f8;} .history-carousel .owl-item.center .history-item:before{background:#188bd8;} .history-carousel .owl-item.center .history-item .history_time{background:#188bd8;color:#fff;} .history-carousel .owl-item.center .history-item .history_time:before{background:#188bd8;box-shadow:-8px -8px 8px #edf4ff;} .history-carousel .owl-item.center .history-item .history_text,.history-carousel .owl-item.center .history-item .history_text:before{background:#0067ac;color:#fff} .history-carousel.owl-carousel .owl-nav button.owl-next, .history-carousel.owl-carousel .owl-nav button.owl-prev{font-size:50px;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position:absolute;bottom:35%;left:-40px;font-size:40px;color:#188bd8;outline:none;} .owl-carousel .owl-nav button.owl-next{right:-40px;left:auto;} .index_honor_item.owl-carousel .owl-nav .owl-prev , .honor_list .owl-carousel .owl-prev , .companyimage_carousel.owl-carousel .owl-nav .owl-prev , .honor_list .owl-carousel .owl-next , .companyimage_carousel.owl-carousel .owl-nav .owl-next , .index_honor_item.owl-carousel .owl-nav .owl-next{position:absolute;left:-40px;top:33%;font-size:40px;color:#0067ac!important;} .honor_list .owl-carousel .owl-next , .index_honor_item.owl-carousel .owl-nav .owl-next{right:-40px;left:auto;} .companyimage_carousel.owl-carousel .owl-nav .owl-prev{left:-15px;right:auto;} .companyimage_carousel.owl-carousel .owl-nav .owl-next{right:-15px;left:auto;} /*------------index_partner-------------*/ .index_partner{width:100%;background:url(../img/partner_bg.jpg)center no-repeat;background-attachment:fixed;padding:70px 0;background-size:cover;} .index_partner .advantage_title span{color:#fff;} .index_partner .advantage_title span.adv_number{color:#fff;} .index_partner .advantage_title p{color:#fff;} .index_partner .partner_box{width:100%;text-align:center;} .index_partner .partner_box img{display:inline-block;max-width:100%;} /*---------------advantege_content-------------*/ .advantege_content{width:100%;margin-top:20px;padding:20px 0;display:flex;flex-wrap:wrap;} .advantege_content .advantage_title{width:100%;margin-bottom:20px;padding-bottom:15px;min-height:160px;} .advantege_content li{margin-bottom:20px;margin-top:20px;padding-top:10px;padding-bottom:5px;display:flex;flex-wrap:wrap;align-content:space-between;} .advantege_content li .advantage_list{width:100%;position:relative;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .advantege_content li .advantage_list:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px);} .advantege_content li:hover .advantage_title span{color:#0067ac;} /*-----------index_product---------------*/ .index_service{width:100%;background:url(../img/service_bg.jpg)top center no-repeat;padding:40px 0;} .index_service .total_title h5{color:#fff;} .index_service .total_title span{color:#1d85c5;} .index_service .index_service_box{padding:20px 15px 20px 15px;margin-bottom:20px;} .index_service .index_service_box ul{width:100%;padding:0;box-shadow:4px 4px 15px #075a92;} .index_service .index_service_box ul li{padding:1px;} .index_service_box .service_list{position:relative;} .index_service_box .service_list .service_pic{position:relative;overflow:hidden;} .index_service_box .service_list .service_pic img{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;max-width:100%;} .index_service_box .service_list .service_pic img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);} .index_service_box .service_list .service_text{position:absolute;left:0;bottom:0;width:100%;background:rgba(255,255,255,0.9);padding:10px 15px;} .index_service_box .service_list .service_text{position:absolute;left:0;bottom:0;width:100%;background:rgba(255,255,255,0.9);padding:10px 15px;} .index_service_box .service_list .service_text a{display:flex;align-items:center;margin-left:10px;font-size:18px;color:#333;} .index_service_box .service_list .service_text img{height:28px;} .index_service_box .service_list .service_text a span{display:inline-block;margin-left:15px;} .index_service_box .service_list:hover .service_text a{color:#1c96e8;} /*--------------index_about-------------*/ .index_about{width:100%;padding:50px 0;position:relative;} .index_about .index_aboutcontent{padding:30px 0;} .index_about .index_aboutcontent .total_title{text-align:left;padding:0;margin:0px;} .index_about .index_aboutcontent .total_title span{font-size:48px;text-align:left;left:0px;color:#f4f5f7;} .index_about .index_aboutcontent .total_title h5{font-size:30px;color:#333;padding-bottom:20px;} .index_about .index_aboutcontent .total_title h5:before{margin:0 10px 0 0;left:0;background:#fff;} .index_aboutcontent .index_abouttext{padding:0} .index_aboutcontent .index_abouttext span{font-size:18px;color:#f1f4fb;font-weight:700;} .index_aboutcontent .index_abouttext h5{font-size:24px;color:#333;margin-top:0;position:relative;padding-bottom:15px;margin-bottom:30px;} .index_aboutcontent .index_abouttext h5:before{position:absolute;content:"";width:22px;height:2px;background:#0067ac;left:0;bottom:0;} .index_aboutcontent .index_abouttext p{font-size:16px;color:#666;line-height:26px;margin-bottom:10px;} .index_aboutcontent .index_aboutpic{position:relative;} .index_aboutpic .index_aboutcarousel.owl-carousel .owl-dots{bottom:15px;position:absolute;left:00px;width:100%;text-align:center;} /*---------------index_honor----------------*/ .index_honor{width:100%;background:url(../img/history_bg.jpg)center no-repeat;padding:40px 0;} .index_honor_item .owl-item{padding:0 10px;} .index_honor_item.owl-carousel .owl-stage{padding:25px 0;} .index_honor_item .owl-item .honor_item{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border:1px solid #e1ebf9;box-shadow:2px 2px 5px #e5eef9;overflow:hidden;} .index_honor_item .owl-item .honor_item img{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;max-width:100%;} .index_honor_item .owl-item.center .honor_item{-webkit-transform:scale(1.1);transform:scale(1.1);border-color:#0067ac;box-shadow:4px 4px 15px #d8e7fb;} .index_honor_item .owl-item .honor_item:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .index_honor_item.owl-carousel .owl-nav{display:block;} /*------------index_news--------------*/ .index_news{width:100%;padding:50px 0;} .index_news .index_news_content{width:100%;padding:0;} .index_news_content .indexlatest_news .latest_item{text-align:center;} .indexlatest_news .latest_item .latest_pic{overflow:hidden;width:100%;} .indexlatest_news .latest_item .latest_pic{overflow:hidden;width:100%;} .indexlatest_news .latest_item .latest_pic img{max-width:100%;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;} .indexlatest_news .latest_item .latest_pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .index_news_content .indexlatest_news .latest_item .latest_text a{font-size:16px;color:#333;display:block;padding:10px 0;} .index_news_content .latest_newscarousel.owl-carousel .owl-dots{display:block;text-align:center;} .index_news_box li{width:100%;position:relative;padding-left:30px;} .index_news_box li:before{width:14px;height:14px;position:absolute;content:"";left:0;top:27px;background:#0067ac;border:3px solid #b7d5ff;border-radius:50px;z-index:99;} .index_news_box li:after{width:2px;height:100%;position:absolute;content:"";left:6px;top:0px;background:#cbd3db;border-radius:50px;} .index_news_box li .indexnews_list{width:100%;padding:8px 0;border-bottom:1px dashed #dde0e3;display:flex;justify-content:space-between;align-items:center} .index_news_box li .indexnews_list a{font-size:18px;color:#333;display:block;padding:10px 0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .index_news_box li .indexnews_list span{white-space:nowrap;margin-left:10px} .index_news_box li .indexnews_list a:hover{color:#0067ac;} /*---------friend_link-----------*/ .friend_link{width:100%;padding:20px 0;background:url(../img/history_bg.jpg)center no-repeat;} .friend_link .link_main span{font-size:14px;color:#666;} .friend_link .link_main a{font-size:14px;color:#333;margin:0 5px;} /*------------foot_content-------------*/ .foot_content{width:100%;background:url(../img/foot_bg.jpg);padding:40px 0 0 0;} .foot_content .foot_nav{padding:20px 0px;margin:10px 0;} .foot_content .foot_nav .foot_title , .foot_content .foot_contact span{font-size:18px;color:#fff;font-weight:500;margin-bottom:15px;} .foot_content .foot_nav .foot_navlist ul li a , .foot_content .foot_contact .contact_text p ,.foot_content .foot_contact .contact_text a{font-size:14px;color:#c2c9d3;display:block;padding:5px 0;margin:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .foot_content .foot_contact .contact_text a{padding:0} .foot_content .foot_nav .foot_navlist ul li a:hover , .foot_content .foot_contact .contact_text p{color:#fff;} .foot_content .foot_contact{margin-top:20px;padding-top:10px;display:flex;justify-content:flex-end;} .foot_content .foot_contact a.foot_phone{font-size:40px;color:#3fa4e7;font-family:'Rubik', sans-serif; font-weight:500;display:block;border-bottom:1px solid #3fa4e7;padding-bottom:2px;margin-bottom:15px;} .foot_bottom .bottom_content{width:100%;border-top:1px solid #102a51;display:flex;justify-content:space-between;padding:25px 0;flex-wrap:wrap;} .foot_bottom .bottom_content .copyright{display:flex;padding:0;flex-wrap:wrap;} .foot_bottom .bottom_content .copyright img{width:200px;border:4px solid #3fa4e7;background:#fff;} .foot_bottom .bottom_content .copyright p , .foot_bottom .bottom_content .copyright a{font-size:14px;color:#c2c9d3;margin:0 0 0 15px;} .foot_bottom .bottom_content .copyright .copy_text{margin-top:12px;} .foot_bottom .bottom_content .tech_support , .foot_bottom .bottom_content .tech_support a{text-align:right;font-size:14px;color:#c2c9d3;padding:0;} .foot_bottom .bottom_content .copyright p:hover{color:#fff;} /*--------------.inner_banner------------*/ .inner_banner{width:100%;padding:0;position:relative;} /*--------------bread_content------------*/ .bread_content{width:100%;position:absolute;left:0;bottom:00px;padding:0;} .bread_content .inner_title{border-top:1px solid #daf2f2;} .bread_content .bread_box{width:100%;text-align:right;line-height:50px;} .bread_content .bread_box a{font-size:14px;color:#fff;padding:0 20px 0 10px;display:inline-block;position:relative;} .bread_content .bread_box a:after{position:absolute;content:"\f105";font-size:20px;font-family:"FontAwesome";right:0;top:0;} .bread_content .bread_box a:last-child:after{display:none;} /*-------------inner_content---------------*/ .inner_content{width:100%;padding:0;} .inner_content .main_content{width:100%;padding:0;} .inner_title{text-align:center;padding:30px 0 10px 0;background:#fff;} .inner_title span{font-size:16px;color:#0067ac;font-weight:600;} .inner_title h5{font-size:24px;color:#101111;position:relative;padding-bottom:20px;margin-bottom:20px;} .inner_title h5:before{position:absolute;content:"";width:30px;height:3px;left:0;right:0;margin:0 auto;bottom:0;background:#0067ac;} /*--------------inner_about---------------*/ .inner_about .total_title , .inner_contact .total_title{text-align:left;margin-bottom:5px;} .inner_about .total_title span , .inner_contact .total_title span{font-size:48px;text-align:left;bottom:43px;} .inner_about .total_title h5 , .inner_contact .total_title h5{font-size:30px;} .inner_about .total_title h5:before , .inner_contact .total_title h5:before{left:0;right:auto;width:30px;} .about_main{background:url(../img/abuot_textbg.jpg)center no-repeat;padding:30px 0;;} .inner_about .inner_abouttext{padding:10px 30px 0 0;margin-bottom:30px;} .inner_about .inner_abouttext p{font-size:16px;color:#333;line-height:26px;margin-bottom:15px;} .inner_about .about_contact{background:none;text-align:right;padding:0 0 50px 0;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:50px;} .inner_about .about_contact .connect_partner .number{font-size:28px;padding-right:20px;color:#2c94da;display:block;margin:0;} .inner_about .about_contact .connect_partner .number:after{right:0;bottom:0px;font-size:24px; font-weight:500;} .inner_about .about_contact .connect_partner span , .inner_about .about_contact .about_phone span{font-size:14px;color:#333} .inner_about .about_contact .about_phone a{font-size:24px;font-family:'Rubik', sans-serif; font-weight:500;display:block;color:#2c94da;} .inner_about .about_contact .about_phone{position:relative;} .inner_about .about_contact .about_phone:before{position:absolute;content:"";width:1px;height:40px;background:#ccd2db;left:15px;top:12px;} .inner_history{background:url(../img/history_bg.jpg)center no-repeat;padding:40px 0;} .inner_companyimage{width:100%;padding:15px 0;background:#f5f8ff;} .company_image{width:100%;padding:30px 0;} .company_image .static_image li{width:100%;margin-bottom:20px;} .inner_about .inner_about_pic{position:relative;} .inner_about .inner_about_pic:before{position:absolute;content:"";width:90%;height:99%;background:#d8f4f9;top:30px;right:12px;} .inner_about .inner_about_pic img{max-width:95%;position:relative;} .company_vision{width:100%;padding:0;} .company_vision .vision_box{padding:0;position:relative;padding:0px;} .company_vision .vision_box .vision_text{padding:30px;position:absolute;width:100%;height:100%;display:flex;align-items:center;align-content:center;text-align:center;justify-content:center;flex-wrap:wrap;} .company_vision .vision_box .vision_text h5{width:100%;font-size:30px;padding-bottom:20px;margin-bottom:10px;color:#fff;position:relative;} .company_vision .vision_box .vision_text h5:before{width:30px;height:2px;position:absolute;content:"";background:#fff;left:0;right:0;bottom:0;margin:0 auto;} .company_vision .vision_box .vision_text p{width:60%;font-size:18px;margin-top:15px;color:#fff;} /*--------------inner_honor-------------*/ .inner_honor{width:100%;padding:30px 0;position:relative;} .inner_honor:before{width:100%;position:absolute;content:"";left:0;top:0;height:410px;background:#f4f8fe;} .inner_honor .inner_honorbox{width:100%;padding:30px 0;position:relative;} .inner_honor .inner_honorbox .honor_title{width:100%;text-align:center;margin-bottom:20px;padding-bottom:15px;} .inner_honor .inner_honorbox .honor_title h5{font-size:26px;color:#3fa4e7;position:relative;padding-bottom:15px;margin-bottom:15px;font-weight:600;} .inner_honor .inner_honorbox .honor_title h5:before{position:absolute;content:"";width:30px;height:2px;background:#3fa4e7;left:0;right:0;bottom:0;margin:0 auto;} .inner_honor .inner_honorbox .honor_title p{font-size:16px;color:#333;width:90%;line-height:28px;margin:0 auto;} .inner_honorbox .honor_list .owl-stage-outer{padding:30px 0;} .inner_honorbox .honor_list .owl-item{padding:0 10px;} .inner_honorbox .honor_list .owl-item .honor_item{-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:3px 3px 10px #cee1fd;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .honor_list .honor_item .innerhonor_pic{overflow:hidden;} .honor_list .honor_item .innerhonor_pic img{overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .honor_list .honor_item .innerhonor_pic img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);} .honor_list .owl-item.center .honor_item{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:5px 5px 15px #b2c5fc;} .inner_honorbox .honor_list .owl-carousel .owl-nav{display:block;} /*------------client_reviews-------------*/ .client_reviews{width:100%;background:url(../img/client_bg.jpg)center no-repeat;padding:40px 0;} .client_reviews .client_box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;} .client_reviews .client_title{text-align:left;padding-top:40px;margin-top:50px;} .client_reviews .client_title h5{font-size:26px;color:#3fa4e7;position:relative;padding-bottom:15px;margin-bottom:15px;font-weight:600;} .client_reviews .client_title h5:before{position:absolute;content:"";width:30px;height:2px;background:#3fa4e7;left:0;bottom:0;} .client_reviews .client_title p{font-size:16px;color:#333;width:90%;line-height:30px;} .client_main .reviews_carousel .owl-stage-outer{padding:40px 0;} .client_main .reviews_carousel .owl-item{padding:0 15px;} .client_main .reviews_carousel .reviews_item{padding:10px 30px;width:100%;background:#fff;position:relative;-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:3px 3px 10px #cee1fd;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .client_main .reviews_carousel .reviews_item:before{position:absolute;content:"";width:26px;height:26px;background:url(../img/triangle.png)center no-repeat;left:0;top:0;background-size:100%;transition:all 0.2s ease-in-out;} .reviews_carousel .reviews_item .reviews_title{width:100%;padding:25px 0;position:relative;} .reviews_carousel .reviews_item .reviews_title:before{width:110px;position:absolute;background:url(../img/client_icon.png)left center no-repeat;content:"";left:0;top:0;height:110px;background-size:90%;} .reviews_carousel .reviews_item .reviews_title h5{font-size:22px;color:#3fa4e7;font-weight:600;position:relative;} .reviews_carousel .reviews_item .reviews_text{position:relative;margin-bottom:30px;} .reviews_carousel .reviews_item .reviews_text p{font-size:14px;color:#333;position:relative;line-height:26px;} .reviews_carousel .reviews_item .reviews_name{margin-bottom:20px;} .reviews_carousel .reviews_item .reviews_name h6{font-size:16px;color:#333;font-weight:600;} .reviews_carousel .reviews_item .reviews_name span{font-size:14px;color:#999;} .reviews_carousel .owl-item.center .reviews_item{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:5px 5px 15px #b2c5fc;background:#47adf6;} .reviews_carousel .owl-item.center .reviews_item .reviews_title h5 , .reviews_carousel .owl-item.center .reviews_item .reviews_text p , .reviews_carousel .owl-item.center .reviews_item .reviews_name h6{color:#fff;} .reviews_carousel .owl-item.center .reviews_item .reviews_name span{color:#b7dffc;} .reviews_carousel .owl-item.center .reviews_item .reviews_title:before{opacity:0.2;} /*-------------inner_case-------------*/ .inner_case{width:100%;padding:30px 0;background:#f4f8fe;} .inner_case .case_nav{width:100%;background:#fff;text-align:center;margin-bottom:30px;} .inner_case .case_nav a{font-size:18px;color:#333;display:inline-block;padding:20px 0;margin:0 15px;border-bottom:2px solid #fff;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .inner_case .case_nav a:hover , .inner_case .case_nav a.active{color:#0067ac;border-color:#0067ac;} .case_main{width:100%;} .case_content{width:100%;padding:0;margin-bottom:30px;} .case_content li.inner_caselist{width:100%;position:relative;display:flex;flex-wrap:wrap;background:#fff;padding:0;} .case_content li.inner_caselist:nth-child(2n-2){flex-direction:row-reverse;} .case_content li.inner_caselist .inner_casepic{position:relative;overflow:hidden;padding:0;} .case_content li.inner_caselist .inner_casepic a{width:100%;position:absolute;height:100%;background:rgba(63,164,231,0.0);left:0;top:0px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .case_content li.inner_caselist .inner_casepic a:before , .case_content li.inner_caselist .inner_casepic a:after{content:"";position:absolute;background:#fff;left:0;right:0;margin:0 auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} .case_content li.inner_caselist .inner_casepic a:before{width:16px;height:2px;top:50%;right:100px;opacity:0;} .case_content li.inner_caselist .inner_casepic a:after{width:2px;height:16px;top:30%;opacity:0;} .case_content li.inner_caselist .inner_casepic:hover a{background:rgba(63,164,231,0.8);} .case_content li.inner_caselist .inner_casepic:hover a:before{right:0;opacity:1;} .case_content li.inner_caselist .inner_casepic:hover a:after{top:48.2%;opacity:1;} .case_content li.inner_caselist .inner_casetext{padding:30px;} .case_content li.inner_caselist .inner_casetext a.case_title{display:block;font-size:18px;color:#333;padding:15px 0;position:relative;font-weight:500;} .case_content li.inner_caselist .inner_casetext a.case_title:after{position:absolute;content:"";width:3px;height:20px;left:-29px;top:18px;background:#3fa4e7;} .case_content li.inner_caselist .inner_casetext p{font-size:16px;color:#666;line-height:30px;margin-bottom:30px;} .case_content li.inner_caselist .inner_casetext .check_details{font-size:14px;color:#3fa4e7;padding-right:30px;display:inline-block;background:url(../img/arrow_icon.png)right center no-repeat;} .case_content li.inner_caselist:hover .inner_casetext a{color:#0067ac;} /*-------------.inner_page--------------*/ .inner_page{text-align:center;width:100%;margin-bottom:30px;padding:10px 0;margin-top:30px;} .inner_page ul li{display:inline-block;margin:10px;} .inner_page ul li a{display:inline-block;font-size:16px;color:#333;background:#fff;padding:8px 16px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;border-radius:50px;} .inner_page ul li a:hover,.inner_page ul .active a{background:#0067ac;color:#fff;} /*-------------.latest_content--------------*/ .latest_content{background:#fff;width:100%;margin-bottom:30px;padding:30px 0 0 0;} .latest_content .latest_title{margin-bottom:30px;position:relative;padding-bottom:15px;} .latest_content .latest_title h5{font-size:18px;color:#101111;margin:0;} .latest_content .latest_title:before{position:absolute;content:"";width:100%;left:0;height:1px;bottom:0;background:#daf2f2;} .latest_content .latest_title:after{position:absolute;content:"";width:20px;left:0px;height:1px;bottom:0;background:#0067ac;} .latest_content .latest_news li{width:100%;margin-bottom:10px;border-bottom:1px solid #edeff6;padding-bottom:10px;} .latest_content .latest_news li:last-child{border-bottom:none;} .latest_content .latest_news li span.latest_time{font-size:14px;color:#8b8c90;display:inline-block;padding-left:30px;position:relative;} .latest_content .latest_news li span.latest_time:before{position:absolute;content:"";width:20px;left:0px;height:1px;top:10px;background:#0067ac;} .latest_content .latest_news li a{font-size:16px;color:#333;display:block;padding:10px 0;font-weight:500;} .latest_content .latest_news li p{font-size:14px;color:#999;line-height:22px;} .latest_content .latest_news li a:hover{color:#0067ac;} .latest_content .latest_case .owl-item{padding:10px;} .latest_content .latest_case .latest_caselist{background:#fff;width:100%;position:relative;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .latest_content .latest_case .latest_caselist .latest_casetext{width:100%;text-align:center;} .latest_content .latest_case .latest_caselist .latest_casetext a{display:block;font-size:14px;color:#333;width:100%;padding:10px;position:relative;} .case_carousel.owl-carousel .owl-nav{display:block;} .case_carousel.owl-carousel .owl-nav button.owl-next, .case_carousel.owl-carousel .owl-nav button.owl-prev{position:absolute;top:40%;left:-20px;width:30px;height:30px;font-size:20px;border-radius:50px;color:#fff;background:#0067ac;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;} .case_carousel.owl-carousel .owl-nav button.owl-next{right:-20px;left:auto;opacity:0;} .case_carousel.owl-carousel:hover .owl-nav button.owl-next{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);} .case_carousel.owl-carousel:hover .owl-nav button.owl-prev{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);} .latest_content .latest_case .latest_caselist:hover a{color:#3fa4e7;} /*--------contact_main--------------*/ .inner_contact{width:100%;padding:30px 0;position:relative;} .inner_contact:before{width:100%;content:"";position:absolute;height:400px;left:0;top:0;background: url(../img/history_bg.jpg)center no-repeat;} .contact_main{padding:30px 15px;} .contact_main .contact_box{width:100%;padding:0;margin-bottom:0px;align-items:stretch;display:flex;flex-wrap:wrap;background:#fff;box-shadow:5px 5px 15px #cee1fd;margin-top:20px} .contact_main .contact_icon{border-bottom:1px solid #f1f7ff;position:relative;padding-bottom:15px;margin-bottom:15px;} .contact_main .contact_icon img{height:24px;} .contact_main .contact_icon:before{position:absolute;content:"";width:30px;height:2px;left:0;bottom:0;background:#3fa4e7;} .contact_main .contact_icon span{font-size:18px;color:#333;} .contact_main li{border-right:1px solid #daf2f2;padding:0;border-bottom:1px solid #daf2f2;display:flex;flex-wrap:wrap;position:relative;} .contact_main li:nth-child(3n){border-right:none;} .contact_main li:nth-child(n+4){border-bottom:none;} .contact_main li .contact_list{width:100%;text-align:left;padding:30px 20px;background:#fff;} .contact_main li .contact_list .contact_text{width:100%;padding:10px 0;} .contact_main li .contact_list .contact_ewm{display:flex;flex-wrap:wrap;align-items:center;text-align:center;} .contact_main li .contact_list .contact_ewm img{height:150px;} .contact_main li .contact_list .contact_ewm span{display:inline-block;margin-left:20px;font-size:18px;color:#333;width:40%;} .contact_main .contact_box li .contact_list p , .contact_main .contact_box li .contact_list a{font-size:18px;color:#333;margin:0;line-height:26px;} .contact_main .contact_box li .contact_list p:hover , .contact_main .contact_box li .contact_list:hover{color:#0067ac;} .contact_main .contact_map{width:100%;height:100%;padding:0px;} .contact_main .contact_map #map{width:100%;height:266px;margin:0;padding:0;} /*--------------news_main--------------*/ .inner_news{background:#f4f8fe;padding:30px 0;} .news_main{width:100%;display:flex;flex-wrap:wrap;} .inner_news .news_nav{display:flex;flex-wrap:wrap;} .inner_news .news_nav .newsnav_box{width:100%;background:#fff;} .inner_news .news_nav h5{background:#fff;width:100%;text-align:center;padding:25px 15px;position:relative;color:#0067ac;font-size:20px;margin:0;border-bottom:1px solid #ebf0f7;} .inner_news .news_nav h5:before{background:#0067ac;position:absolute;content:"";left:0;top:22px;width:2px;height:30px;} .inner_news .news_nav .newsnav_list{background:#fff;width:100%;text-align:center;} .inner_news .news_nav .newsnav_list li a{display:block;font-size:18px;color:#333;padding:15px 0;border-bottom:1px solid #ebf0f7;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .inner_news .news_nav .newsnav_box li a:hover , .inner_news .news_nav .newsnav_box li.active a{background:#e7f5ff;color:#117bc1;} .inner_newsbox{margin:0;padding:0;} .inner_newsbox li{width:100%;padding:0;} .inner_newsbox li .inner_newslist{width:100%;background:#fff;display:flex;flex-wrap:wrap;padding:30px 15px;border-bottom:2px solid #ebf0f7;position:relative;} .inner_newsbox li .inner_newslist:before{width:2%;background:#0067ac;position:absolute;content:"";left:0;bottom:-2px;height:2px;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} .inner_newsbox li .inner_newslist:hover:before{width:100%;} .inner_newsbox li .inner_newslist .news_text{padding:10px 15px 10px 0;} .inner_newsbox li .inner_newslist .news_text a.news_title{font-size:18px;color:#333;display:block;font-weight:500;padding:5px 0;} .inner_newsbox li .inner_newslist .news_text a.detail_check{font-size:14px;color:#666;position:relative;border-right:1px solid #666;padding-right:15px;margin-right:15px;display:inline-block;} .inner_newsbox li .inner_newslist .news_text span.news_time{font-size:14px;color:#666;} .inner_newsbox li .inner_newslist .news_text p{font-size:14px;color:#666;padding:5px 0 10px 0;margin:10px 0;line-height:24px;} .inner_newsbox li .inner_newslist .news_pic{padding:0;overflow:hidden;} .inner_newsbox li .inner_newslist .news_pic img{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .inner_newsbox li .inner_newslist:hover .news_pic img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .inner_newsbox li .inner_newslist:hover .news_text a.detail_check , .inner_newsbox li .inner_newslist:hover .news_text a.news_title{color:#0067ac;} .news_details{width:100%;background:#fff;padding:0px;} .news_details .news_details_title{text-align:left;padding:15px 0;margin:15px 0;border-bottom:1px solid #daf2f2;} .news_details .news_details_title h5{font-size:18px;color:#38393b;padding-left:20px;margin-bottom:15px;position:relative;} .news_details .news_details_title h5:before{position:absolute;content:"";width:2px;height:20px;background:#0067ac;left:0;} .news_details .news_details_title span , .news_details .news_details_title a{font-size:14px;color:#919696;} .news_details .news_details_title a{display:inline-block;margin-left:20px;padding-right:15px;border-right:1px solid #daf2f2;margin-right:15px;} .news_details .news_details_text{margin-bottom:30px;padding:30px;} .news_details .news_details_text p{font-size:16px;line-height:30px;color:#333;margin-bottom:20px;} .news_details .news_details_text img{max-width:100%;} .news_details .news_details_text p.text_pic{text-align:center;} /*--------------inner_service----------------*/ .inner_service{width:100%;padding:40px 0;position:relative;background:url(../img/service_bg.jpg)center no-repeat;background-size:cover} .service_nav{padding:0;} .service_nav ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;background:#fff;padding:20px;border-radius:4px;} .service_nav ul li a{font-size:16px;color:#333;cursor:pointer;} .service_nav ul li img{height:28px;margin-right:15px;} .inner_service .service_main{width:100%;padding:20px 15px;} .inner_service .service_main .total_title span{color:#117dc1;} .inner_service .service_main .total_title h5{color:#fff;} .service_main .service_content{width:100%;padding:0;margin-top:26px;box-shadow:4px 4px 15px #d8e7fb;} .service_main .service_content li{margin:0px;padding:0;} .service_main .service_content li .inner_servicelist{position:relative;width:100%;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;cursor:pointer;} .service_main .service_content li .inner_servicelist .inner_servicetext{width:100%;position:absolute;left:0;bottom:0px;padding:0px;background:rgba(255,255,255,0.9);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .service_main .service_content li .inner_servicelist .inner_servicetext h5{width:100%;font-size:16px;color:#333;padding:6px 0 6px 50px;position:relative;background-position:10px 0px;background-repeat:no-repeat;background-size:26px;} .service_main .service_content li .inner_servicelist .inner_servicetext a{color:#333;} .service_main .service_content li:nth-child(01) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon001.png);} .service_main .service_content li:nth-child(02) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon002.png);} .service_main .service_content li:nth-child(03) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon003.png);} .service_main .service_content li:nth-child(04) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon004.png);} .service_main .service_content li:nth-child(05) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon005.png);} .service_main .service_content li:nth-child(06) .inner_servicelist .inner_servicetext h5{background-image:url(../img/service_icon006.png);} .service_main .service_content li .inner_servicelist:hover .inner_servicetext a, .service_navbox .service_nav ul li a:hover{color:#1c96e8;} .service_main .service_content li .inner_servicelist:hover .inner_servicetext{transform:translateY(-20px);-webkit-transform:translateY(-20px);} .service_contact{width:100%;text-align:center;padding:30px;margin-top:20px;} .service_contact a , .hide_service .hide_servicetext a{font-size:16px;color:#4285f4;display:inline-block;padding:10px 45px 10px 20px;background:#ecf3fe;border-radius:50px;box-shadow:3px 3px 15px #bad5ff;position:relative;} .service_contact a:before , .hide_service .hide_servicetext a:before , .advantage_content .advantage_main li .advantage_list .advantage_text a:before{position:absolute;content:"";width:18px;height:14px;right:15px;bottom:13px;background:url(../img/arrow_icon.png)center no-repeat;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .hide_service .hide_servicetext a:before{bottom:11px;} .service_contact a:hover:before , .hide_service .hide_servicetext a:hover:before , .advantage_content .advantage_main li .advantage_list .advantage_text a:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px);} .hide_service{display:none;position:fixed;top:20%;left:0;right:0;margin:0 auto;z-index:999;padding:0px;} .hide_service .hide_servicebox{background:#fff;padding:10px;} .hide_service .hide_servicepic{padding:0px;} .hide_service .hide_servicetext{padding:15px;} .hide_service .hide_servicetext h5{font-size:20px;color:#3fa4e8;position:relative;margin-bottom:15px;padding-bottom:15px;} .hide_service .hide_servicetext h5:before{position:absolute;content:"";width:20px;height:2px;background:#3fa4e8;left:0;bottom:0;} .hide_service .hide_servicetext p{font-size:14px;color:#333;line-height:28px;margin-bottom:20px;} .hide_service .close_bottom{position:absolute;width:40px;height:40px;left:0;right:0;bottom:-80px;margin:0 auto;} .hide_service .close_bottom .close_service{display:inline-block;width:100%;border:none;background:none;outline:none;} #close_bg{display:none;background:rgba(2,14,31,0.6);position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;} .hide_service .hide-service-carousel.owl-carousel .owl-dots{display:block;position:absolute;width:90%;text-align:right;bottom:20px;right:20px;} /*----------------.inner_advantage--------------*/ .inner_advantage{width:100%;padding:30px 0;background:url(../img/history_bg.jpg)center no-repeat;background-attachment: fixed;background-size:cover;} .inner_advantage .advantage_content{width:100%;padding:0;} .inner_advantage .advantage_content .advantage_main{width:100%;padding:0;} .advantage_content .advantage_main li{padding:0 0 10px 0;display:flex;flex-wrap:wrap;margin-bottom:20px;} .advantage_content .advantage_main li .advantage_list{padding:0;display:flex;align-items:center;flex-wrap:wrap;} .advantage_content .advantage_main li .advantage_list .advantage_pic{padding:0;} .advantage_content .advantage_main li .advantage_list .advantage_text{padding:0;} .advantage_content .advantage_main li:nth-child(2n){justify-content:flex-end;} .advantage_content .advantage_main li:nth-child(2n) .advantage_list{flex-direction:row-reverse} .advantage_content .advantage_main li:nth-child(2n-1) .advantage_list .advantage_text , .advantage_content .next_advantage li:nth-child(2n) .advantage_list .advantage_text{display:flex;justify-content:flex-end;} .advantage_content .next_advantage li:nth-child(2n-1) .advantage_list .advantage_text{justify-content:flex-start;} .advantage_content .advantage_main li .advantage_list .advantage_text span{color:#0067ac;font-family:'Rubik', sans-serif;font-weight:300;font-size:36px;position:relative;} .advantage_content .advantage_main li .advantage_list .advantage_text span:before{position:absolute;content:"";width:30px;height:2px;background:#0067ac;left:60px;top:20px;} .advantage_content .advantage_main li .advantage_list .advantage_text h5{color:#333;font-size:26px;font-weight:500;margin-bottom:20px;} .advantage_content .advantage_main li .advantage_list .advantage_text p{color:#666;font-size:14px;margin-bottom:20px;line-height:24px;} .advantage_content .advantage_main li .advantage_list .advantage_text a{color:#4285f4;font-size:14px;background:#ecf3fe;display:inline-block;padding:4px 45px 4px 10px;border-radius:50px;position:relative;} .advantage_content .advantage_main li .advantage_list .advantage_text a:before{bottom:7px;} /*-------------inner_job----------------*/ .inner_job{width:100%;padding:50px 0;background:#f4f8fe;} .inner_job .job_box{width:100%;position:relative;} .inner_job .job_box .job_title{width:100%;position:relative;background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #e9edf3;} .inner_job .job_box .job_title span{font-size:18px;color:#333;font-weight:500;} .inner_job .job_box .job_content{background:#fff;padding:0;} .inner_job .job_box .panel-default>.panel-heading{background:#fff;border:none;padding:0;box-shadow:none;} .inner_job .job_box .panel-group{margin:0;} .inner_job .job_box .panel-group .panel{border:none;box-shadow:none;margin:0;} .inner_job .job_box .panel-default>.panel-heading a{font-size:16px;color:#333;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;padding:14px 30px;background:#fff;border-bottom:1px solid #e9edf3;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0;} .inner_job .job_box .panel-default>.panel-heading a:hover{background:#ecf3fe;color:#1c99ee;} .inner_job .job_box .panel-default>.panel-heading span.open_bar{display:inline-block;width:20px;height:20px;position:relative;} .inner_job .job_box .panel-default>.panel-heading span.open_bar:before, .inner_job .job_box .panel-default>.panel-heading span.open_bar:after{position:absolute;width:14px;height:1px;background:#333;content: "";right:0;left:0;top:10px;margin:0 auto;-webkit-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .inner_job .job_box .panel-default>.panel-heading .collapsed span.open_bar:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);} .inner_job .job_box .panel-collapse{padding:15px;width:100%;} .inner_job .job_box .panel-body{background:#f4f8fe;} .inner_job .job_box .panel-body h5{font-size:18px;color:#3fa4e7;font-weight:600;margin-bottom:15px;} .inner_job .job_box .panel-body .job_list{margin-bottom:15px;} .inner_job .job_box .panel-body .job_text p{font-size:16px;color:#666;line-height:28px;margin:2px 0;} .job_box .panel-body .job_contact{margin-bottom:20px;} .job_box .panel-body .job_contact span{font-size:14px;color:#666;position:relative;display:inline-block;margin-right:20px;padding-left:15px;} .job_box .panel-body .job_contact span:before{position:absolute;content:"";width:6px;height:6px;background:#3fa4e7;left:0;top:7px;border-radius:50px;} /*--------------product_details---------------*/ /*-----------inner_details--------------*/ .inner_details{width:100%;background:#fff;} .inner_details .details_top{width:100%;padding:30px 15px;margin-bottom:10px;margin-top:10px;display:flex;flex-wrap:wrap;} .inner_details .details_top .details_pic{padding:0;margin:0 auto;float:none;} .details_item.owl-carousel .owl-dots{position:absolute;left:20px;bottom:20px;display:block;} .inner_details .details_title{text-align:center;border-bottom:1px solid #e9ecef;margin-bottom:25px;padding-bottom:20px;margin-top:20px;} .inner_details .details_title h5{font-size:24px;color:#333;} .inner_details .details_title a{display:inline-block;font-size:14px;color:#999;margin-right:15px;padding-right:15px;border-right:1px solid #daf2f2;} .inner_details .details_top .details_top_text{padding-left:0;padding-right:20px;} .inner_details .details_top .details_top_text h6{font-size:16px;color:#3fa4e7;position:relative;padding-bottom:15px;margin-bottom:20px;font-weight:600;} .inner_details .details_top .details_top_text h6:before{position:absolute;content:"";bottom:-1px;left:0;width:20px;height:2px;background:#3fa4e7;} .inner_details .details_top .details_top_text p{font-size:14px;color:#333;margin-top:10px;margin-bottom:30px;line-height:28px;} .inner_details .details_top .details_top_text a{font-size:14px;color:#fff;background:#0067ac;display:inline-block;padding:6px 26px;margin-top:30px;border-radius:50px;} .inner_details .details_box h6{font-size:20px;color:#3fa4e7;position:relative;padding-bottom:15px;margin-bottom:20px;font-weight:600;} .inner_details .details_box h6:before{position:absolute;content:"";bottom:-1px;left:0;width:20px;height:2px;background:#3fa4e7;} .inner_details .details_box{padding-top:15px;margin-bottom:20px;} .inner_details .details_box p{font-size:16px;color:#333;line-height:30px;margin-bottom:15px;} .inner_details .details_box img{max-width:100%;} .inner_content .more_info{background:#fff;padding:20px 30px;border-top:1px solid #ced5df;} .inner_content .more_info p{font-size:16px;color:#6d6e71;margin:5px 0;line-height:32px;} .inner_content .more_info a{color:#6d6e71;} .inner_content .more_info a:hover{color:#0067ac;} .product_details{width:100%;background:#f4f8fe;padding:30px 0;} .frilink {margin-top:50px;margin-bottom:50px} .frilink a{margin:0 12px 10px 0;color:#333} .flex_wrap{display:flex;flex-flow:wrap} .flex_column{display:flex;flex-flow:column} .clamp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .clamp2,.clamp3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .clamp3{-webkit-line-clamp:3}