@import "https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap";
body{font-size:15px;line-height:1.6;color:#444;font-weight:400;	font-family:livvic,Arial, sans-serif,"思源黑体";}p{color:#444;font-weight:400}a{display:inline-block;-webkit-transition:all .5s;transition:all .5s;text-decoration:none}a:hover,a:focus{text-decoration:none}button{margin:0;padding:0;outline:0}button:focus{outline:0;border:0}h1,h2,h3,h4,h5,h6{font-weight:600;color:#252525}h3{font-size:22px}
.d-table{width:100%;height:100%}
.d-table-cell{display:table-cell;vertical-align:middle}img{max-width:100%}
.ptb-100{padding-top:100px;padding-bottom:100px}
.pt-100{padding-top:100px}
.pt-80{padding-top:80px}
.ptb-70{padding-top:70px;padding-bottom:70px}
.pb-100{padding-bottom:100px}
.pb-70{padding-bottom:70px}
.pt-50{padding-top:50px}
.pt-45{padding-top:45px}
.pt-20{padding-top:20px}
.mt-30{margin-top:30px}
.ml-25{margin-left:15px}
.ml-20{margin-left:20px}
.mr-20{margin-right:20px}
.margin-auto{margin:0 auto}
.border-radius-50{border-radius:50px}
.border-radius-5{border-radius:5px}
@font-face {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:600;
  font-style: normal;
}
/* CSS Document */
.top-header{padding:0px}
.top-header-bg{background-color:#0f5da1}
.top-left-side 
.top-header-text{display:inline-block;position:relative;margin-left:30px}
.top-left-side .top-header-text::before{content:'';position:absolute;left:-20px;width:1px;height:22px;background-color:#fff;top:1px}
.top-left-side .top-header-text p{font-size:16px;color:#fff;font-weight:500;margin-bottom:0; height:40px;}
.top-left-side .top-header-text p b{color:#ffc221;font-weight:500;margin-right:5px}
.top-head-left{float:left}
.top-head-left .top-contact{position:relative;display:inline-block}
.top-head-left .top-contact:hover i{background-color:#1762a5;color:#fff}
.top-head-left .top-contact:hover h3 a{color:#ffc221}
.top-head-left .top-contact h3{font-size:14px;color:#fff;margin-bottom:0;font-weight:500}
.top-head-left .top-contact h3 a{color:#fff;margin-bottom:0;text-decoration:none}
.top-head-left .top-contact h3 a:hover{color:#ffc221}
.top-header-right{float:right}
.top-header-right .top-header-social{display:inline-block}
.top-header-right .top-header-social h3 a{color:#fff;margin-bottom:0;font-size:14px;text-decoration:none; height:20px;}
.top-header-right .top-header-social h3 a:hover{color:#ffc221}
.top-header-right .top-header-social ul{list-style:none;margin:0;padding:0}
.top-header-right .top-header-social ul li{display:inline-block;top:1px;position:relative}
.top-header-right .top-header-social ul li a{width:30px;height:30px;line-height:32px;text-align:center;background-color:transparent;color:#fff;border-radius:50px;font-size:18px}
.top-header-right .top-header-social ul li a:hover{color:#ffc221}
.top-header-right .language-list{top:-6px;margin-bottom:0;position:relative;display:inline-block;margin-left:-20px;z-index:9999}

/*
.top-header-right .language-list .language-list-item{height:0;padding:0 15px;border:0;color:#fff;background-color:transparent;font-weight:500;font-size:14px;border-radius:5px 0 0 5px;padding-left:30px;padding-right:30px}
.top-header-right .language-list .language-list-item:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
*/

.top-header-right .language-list .nice-select{height:0;width:125px;line-height:0;font-size:15px;margin-bottom:0;border-radius:0;background-color:transparent;color:#fff;border-radius:5px 0 0 5px;z-index:9999;text-align:right!important}
.top-header-right .language-list .nice-select .list{background-color:#fff;-webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);box-shadow:0 0 29px 0 rgba(102,102,102,.1);border-radius:0;margin-top:20px;width:100%;padding-top:0;padding-bottom:0;margin-bottom:0}
.top-header-right .language-list .nice-select .list .option{-webkit-transition:.6s;transition:.6s;color:#252525;padding-left:15px;padding-right:15px;margin-bottom:0;width:180px;border-bottom:1px solid #e1e1e1}
.top-header-right .language-list .nice-select .list .option:hover{background-color:transparent!important;color:#1762a5}
.top-header-right .language-list .nice-select .list .option .selected{background-color:transparent!important;font-weight:500;color:#1762a5!important}
.top-header-right .language-list .nice-select::after{content:'\e98c';height:8px;width:8px;border:0;top:0;margin-bottom:0;right:10px;background-color:transparent;font-family:boxicons!important;color:#fff;font-size:18px;-webkit-transform-origin:none;transform-origin:none;-webkit-transform:none;transform:none;margin-top:0}
.main-nav{background-color:#ffffff;top: 0;	position: inherit;	left: 0;	padding: 0;	width: 100%;	height: auto;}
.main-nav .navbar{padding-left:0;padding-right:0; background-color:#FFF;}
.main-nav nav .navbar-nav .nav-item:hover a,.main-nav nav .navbar-nav .nav-item .active{color:#1762a5!important}
.main-nav nav .navbar-nav .nav-item:hover a::before,.main-nav nav .navbar-nav .nav-item .active::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item:hover a i,.main-nav nav .navbar-nav .nav-item .active i{color:#1762a5}
.main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#252525;font-weight:500;margin-left:12px;margin-right:12px;position:relative}
.main-nav nav .navbar-nav .nav-item a::before{content:'';position:absolute;bottom:0;width:0;height:1px;left:0;right:0;background-color:#1762a5;opacity:0;-webkit-transition:.7s;transition:.7s}
.main-nav nav .navbar-nav .nav-item a i{line-height:0;position:relative;top:3px;font-size:18px;color:#444}
.main-nav nav .navbar-nav .nav-item a:hover,.main-nav nav .navbar-nav .nav-item a :focus{color:#1762a5!important}
.main-nav nav .navbar-nav .nav-item a:hover::before,.main-nav nav .navbar-nav .nav-item a :focus::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item a:hover i,.main-nav nav .navbar-nav .nav-item a :focus i{color:#1762a5}
.main-nav nav .navbar-nav .nav-item a.active{color:#1762a5!important}
.main-nav nav .navbar-nav .nav-item a.active::before{opacity:1;width:100%}
.main-nav nav .navbar-nav .nav-item a.active i{color:#1762a5}
.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu{-webkit-transform:scale(1);transform:scale(1)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu{z-index:5;border:0;padding:0;border-radius:0;background-color:#fff!important;-webkit-transform:scale(0);transform:scale(0)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li{border-bottom:1px solid #e1e1e1}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child{border-bottom:0}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{text-transform:capitalize;color:#252525!important;position:relative;z-index:1;-webkit-transition:.7s;transition:.7s;font-weight:600;padding:10px 25px;font-size:15px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i{float:right;top:12px;position:relative}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background-color:#1762a5;-webkit-transition:.9s;transition:.9s;z-index:-1}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active{border-radius:0;color:#fff!important;padding-left:35px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active{color:#fff!important;border-radius:0;padding-left:35px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus::before,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active{color:#fff!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active::before{width:100%}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active i{color:#fff}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{left:100%;margin-top:18px!important;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0)}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu{-webkit-transform:scaleX(1);transform:scaleX(1)}
.main-nav .nav-side.nav-side{position:relative}
.main-nav .nav-side .nav-side-item{margin-right:20px;display:inline-block}
.main-nav .nav-side .nav-side-item:last-child{margin-right:0}
.main-nav .nav-side .nav-side-item .search-box{position:relative;top:-5px}
.main-nav .nav-side .nav-side-item .search-box i{cursor:pointer;font-size:24px;color:#252525;position:relative;display:inline-block;top:0}
.main-nav .nav-side .nav-side-item .search-box:hover i{color:#1762a5}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form{position:relative;top:-10px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control{height:45px;background-color:#f8f8f8;padding:10px 20px;width:100%;border-radius:50px;border:0}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form .form-control:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button{position:absolute;top:3px;right:3px;height:40px;width:40px;background-color:#ffc221;-webkit-transition:all .5s;transition:all .5s;border:0;outline:0;border-radius:50px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button i{color:#fff;position:relative;top:1.9px}
.main-nav .nav-side .nav-side-item .search-side-widget .search-side-form button:hover{background-color:#1762a5}
.main-nav .nav-side .nav-side-item .get-btn{display:inline-block;position:relative;top:5px}
.main-nav .nav-side .nav-side-item .get-btn .default-btn{padding:9px 25px}
.nav-side-mt{margin-top:6px}
.side-nav-responsive{display:none}
.side-nav-responsive .dot-menu{padding:0 10px;height:30px;cursor:pointer;z-index:999;position:absolute;right:60px;top:20px}
.side-nav-responsive .dot-menu .circle-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px}
.side-nav-responsive .dot-menu .circle-inner .in-circle{height:5px;width:5px;border-radius:100%;margin:0 2px;-webkit-transition:.7s;transition:.7s;background-color:#1762a5}
.side-nav-responsive .dot-menu:hover .circle-inner .circle{background-color:#ffc221}
.side-nav-responsive .container-max{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.side-nav-responsive .container-max .container{position:absolute;top:70px;right:0;max-width:220px;margin-left:auto;opacity:0;visibility:hidden;-webkit-transition:.7s;transition:.7s;-webkit-transform:scaleX(0);transform:scaleX(0);z-index:2;padding-left:15px;padding-right:15px}
.side-nav-responsive .container-max .container.active{opacity:1;visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.side-nav-responsive .side-nav-inner{padding:12px 10px 10px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,.09);box-shadow:0 15px 40px rgba(0,0,0,.09);background-color:#fff}
.side-nav-responsive .side-nav-inner .side-nav{background-color:#1762a5;padding:10px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box{position:relative;display:inline-block;top:-10px;margin-right:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box i{cursor:pointer;font-size:24px;color:#fff;position:relative;display:inline-block;top:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .search-box:hover i{color:#1762a5}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn{display:inline-block;position:relative;top:5px}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .get-btn .default-btn{padding:7px 15px;background-color:#fff;color:#252525}
.sticky-nav{top:0;position:fixed;-webkit-transition:.7s;transition:.7s;width:100%!important;z-index:999}
.sticky-nav .main-nav{top:0;border:0;position:fixed;z-index:999;-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3)}
.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden}
.search-overlay .search-layer{position:absolute;top:0;right:0;bottom:0;z-index:1;-webkit-transform:translateX(100%);transform:translateX(100%)}
.search-overlay .search-layer:nth-child(1){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.search-overlay .search-layer:nth-child(2){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.search-overlay .search-layer:nth-child(3){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .9s ease-in-out .6s;transition:all .9s ease-in-out .6s}
.search-overlay .search-close{position:absolute;top:40px;right:40px;width:50px;z-index:2;text-align:center;cursor:pointer;padding:10px;-webkit-transition:all .9s ease-in-out 1.5s;transition:all .9s ease-in-out 1.5s;opacity:0;visibility:hidden}
.search-overlay .search-close .search-close-line{width:100%;height:3px;float:left;margin-bottom:5px;background-color:#fff;-webkit-transition:all 500ms ease;transition:all 500ms ease}
.search-overlay .search-close .search-close-line:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.search-overlay .search-close .search-close-line:nth-child(2){margin-top:-7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-overlay .search-close:hover .search-close-line{background:#1762a5;-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.search-overlay .search-form{-webkit-transition:all .9s ease-in-out 1.4s;transition:all .9s ease-in-out 1.4s;opacity:0;visibility:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:2;max-width:500px;width:500px;padding:0 15px}
.search-overlay .search-form sub4{position:relative}
.search-overlay .search-form sub4 .input-search{display:block;width:100%;height:60px;border:0;border-radius:30px;color:#252525;padding:3px 0 0 25px}
.search-overlay .search-form sub4 .input-search::-webkit-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form sub4 .input-search:-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form sub4 .input-search::-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form sub4 .input-search::placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.search-overlay .search-form sub4 .input-search:focus{border:0;outline:0}
.search-overlay .search-form sub4 .input-search:focus::-webkit-input-placeholder{color:transparent}
.search-overlay .search-form sub4 .input-search:focus:-ms-input-placeholder{color:transparent}
.search-overlay .search-form sub4 .input-search:focus::-ms-input-placeholder{color:transparent}
.search-overlay .search-form sub4 .input-search:focus::placeholder{color:transparent}
.search-overlay .search-form sub4 button{position:absolute;right:5px;top:5px;width:50px;color:#fff;height:50px;border-radius:50%;background-color:#1762a5;-webkit-transition:.7s;transition:.7s;border:0;font-size:20px;line-height:55px}
.search-overlay .search-form sub4 button:hover{background-color:#ffc221;color:#fff}
.search-overlay .search-form sub4:hover{border:0;outline:0}


.input-search{display:block;width:100%;height:60px;border:0;border-radius:30px;color:#252525;padding:3px 0 0 25px}
.input-search::-webkit-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.input-search:-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.input-search::-ms-input-placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.input-search::placeholder{-webkit-transition:.7s;transition:.7s;letter-spacing:.5px;color:#252525}
.input-search:focus{border:0;outline:0}
.input-search:focus::-webkit-input-placeholder{color:transparent}
.input-search:focus:-ms-input-placeholder{color:transparent}
.input-search:focus::-ms-input-placeholder{color:transparent}
.input-search:focus::placeholder{color:transparent}
.button{position:absolute;right:5px;top:5px;width:50px;color:#fff;height:50px;border-radius:50%;background-color:#1762a5;-webkit-transition:.7s;transition:.7s;border:0;font-size:20px;line-height:55px}
.button:hover{background-color:#ffc221;color:#fff}
.sub4:hover{border:0;outline:0}





.search-overlay.search-overlay-active.search-overlay{opacity:1;visibility:visible}
.search-overlay.search-overlay-active.search-overlay .search-layer{-webkit-transform:translateX(0);transform:translateX(0)}
.search-overlay.search-overlay-active.search-overlay .search-close{opacity:1;visibility:visible}
.search-overlay.search-overlay-active.search-overlay .search-form{opacity:1;visibility:visible}

/*hotpro*/
.case-study-area .section-title h2{max-width:500px;margin-left:auto;margin-right:auto;}
.case-study-area .section-title li p{line-height:40px;max-width:500px;margin-left:auto;margin-right:auto; font-size:16px; color:#666666;}
.case-study-item{position:relative;margin-bottom:80px}
.case-study-item a{display:block}
.case-study-item a img{border-radius:5px}
.case-study-item .content{position:absolute;left:0;right:0;width:90%;bottom:-80px;margin-left:auto;margin-right:auto;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);border-radius:5px;padding:20px;margin-bottom:30px}
.case-study-item .content h3{margin-bottom:5px}
.case-study-item .content h3 a{color:#252525}
.case-study-item .content h3:hover a{color:#1762a5}
.case-study-item .content ul{list-style:none;margin:0;padding:0}
.case-study-item .content ul li{display:inline-block;margin-right:15px;color:#444;font-weight:500;position:relative}
.case-study-item .content ul li::before{content:'';position:absolute;top:5px;right:-10px;width:2px;height:15px;background-color:#444;-webkit-transform:skew(-20deg);transform:skew(-20deg)}
.case-study-item .content ul li a{color:#444}
.case-study-item .content ul li:last-child{margin-left:0}
.case-study-item .content ul li:last-child::before{display:none}
.case-study-item .content ul li:hover a{color:#1762a5}
.case-study-item .content .more-btn{position:absolute;bottom:0;right:0;width:45px;height:45px;line-height:50px;font-size:20px;color:#1762a5;text-align:center;border-top-left-radius:30px;border-bottom-right-radius:5px;background-color:#e6f1fc;-webkit-transition:.5s;transition:.5s}
.case-study-item .content .more-btn:hover{background-color:#1762a5;color:#fff}
.case-study-item:hover .content h3 a{color:#1762a5}
.case-study-item:hover .content .more-btn{background-color:#1762a5;color:#fff}

/*Knowledge & Service */
.clients-area{position:relative;z-index:1;background-color:#0a66a8}
.clients-area::before{content:'';position:absolute;z-index:-1;top:0;width:100%;height:100%;left:0;right:0;background-image:url(/img/client-bg.png);background-position:center center;background-size:cover;background-repeat:no-repeat}
.clients-area .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#fff}
.clients-area .owl-nav{margin-top:0}
.clients-area .owl-nav .owl-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-7%;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;border-radius:50px;line-height:47px!important;background-color:transparent!important;color:#1762a5!important;border:1px solid #1762a5!important}
.clients-area .owl-nav .owl-prev:hover{color:#fff!important;background-color:#1762a5!important}
.clients-area .owl-nav .owl-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-7%;color:#444!important;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;line-height:47px!important;border-radius:50px;background-color:transparent!important;color:#1762a5!important;border:1px solid #1762a5!important}
.clients-area .owl-nav .owl-next:hover{color:#fff!important;background-color:#1762a5!important}
.clients-area-two{background-color:#fff}
.clients-area-two .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#252525}
.clients-content{position:relative;z-index:1;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.06);box-shadow:0 0 15px rgba(0,0,0,.06);padding:30px 40px 25px;margin-bottom:30px;border-radius:10px}
.clients-content::before{content:'';position:absolute;z-index:-1;bottom:0;width:95%;height:100%;margin:0 auto;left:0;right:0;background-color:#fff;opacity:.5;border-radius:10px}
.clients-content .content{padding-left:110px;position:relative;margin-bottom:30px}
.clients-content .content img{position:absolute;top:0;left:0;border-radius:50%;width:unset!important;width:85px!important;height:85px!important}
.clients-content .content i{position:absolute;bottom:-10px;left:60px;border-radius:50px;width:35px;height:35px;line-height:35px;background-color:#ffc221;color:#fff;text-align:center}
.clients-content .content h3{padding-top:20px;margin-bottom:0}
.clients-content .content span{margin-bottom:0}
.clients-content p{margin-bottom:0}
.client-circle .client-circle-1{position:absolute;top:10%;left:0}
.client-circle .client-circle-2{position:absolute;top:40%;left:3%}
.client-circle .client-circle-3{position:absolute;top:75%;left:0}
.client-circle .client-circle-4{position:absolute;top:10%;right:20%}
.client-circle .client-circle-5{position:absolute;top:25%;right:5%}
.client-circle .client-circle-6{position:absolute;top:70%;right:0}
.client-circle .client-circle-7{position:absolute;bottom:5%;right:35%}
.circle{width:40px;height:40px;background-color:#1762a5;border-radius:50px;position:relative;z-index:1;border:13px solid #f6fbff}

/*news*/
.news1 {font-family: "Arial"; font-size: 16px; line-height:60px;color: #444;text-decoration: none; font-weight:500; padding-left:20px;}

.ny-time{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:60px;font-weight:400;  color:#025194; font-style:italic; float:left; padding-left:20px;}

.newsM{font-family:Arial, Helvetica, sans-serif;font-size: 14px; line-height:36px;color: #888; text-align:center; border:1px #eaeaea double; background:#f2f2f2; text-decoration: none; border-radius:1px; float:right; width:120px; height:36px; margin:auto 20px 10px;}

.newsbt{font-family:"Arial";font-size: 22px;none;line-height: 45px;color: #444; text-align:center;text-decoration: none; font-weight:500;}
.news2{font-family:"Arial";font-size:16px;color: #363636; font-style: normal; line-height:24px;font-weight:400; }

.news {font-family:"Arial";font-size: 15px;none;line-height: 21px;color: #565656;text-decoration: none;}
.news a:link  {font-family:"Arial";font-size: 15px;none;line-height: 21px;color: #565656;text-decoration: none;}
.news a:visited {font-family:"Arial";font-size: 15px;none;line-height: 21px;color: #565656;text-decoration: none;}
.news a:hover {font-family:"Arial";font-size: 15px;none;line-height: 21px;color: #565656;text-decoration: none;}
.news a:active {font-family:"Arial";font-size: 15px;none;line-height: 21px;color: #565656;text-decoration: none;}


/*case */
.clients-area2{position:relative;z-index:1;}
.clients-area2::before{content:'';position:absolute;z-index:-1;top:0;width:100%;height:100%;left:0;right:0;background-position:center center;background-size:cover;background-repeat:no-repeat}
.clients-area2 .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#000000;}
.clients-area2 .owl-nav{margin-top:0}
.clients-area2 .owl-nav .owl-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-7%;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;border-radius:50px;line-height:47px!important;background-color:transparent!important;color:#1762a5!important;border:1px solid #1762a5!important}
.clients-area2 .owl-nav .owl-prev:hover{color:#fff!important;background-color:#1762a5!important}
.clients-area2 .owl-nav .owl-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-7%;color:#444!important;font-size:25px!important;-webkit-transition:.7s;transition:.7s;width:45px;height:45px;line-height:47px!important;border-radius:50px;background-color:transparent!important;color:#1762a5!important;border:1px solid #1762a5!important}
.clients-area2 .owl-nav .owl-next:hover{color:#fff!important;background-color:#1762a5!important}
.clients-area-two2{background-color:#fff}
.clients-area-two2 .section-title h2{max-width:430px;margin-left:auto;margin-right:auto;color:#252525}

.clients-content2{position:relative;z-index:1;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.06);box-shadow:0 0 15px rgba(0,0,0,.06);padding:30px 40px 25px;margin-bottom:30px;border-radius:10px}
.clients-content2::before{content:'';position:absolute;z-index:-1;bottom:0;width:95%;height:100%;margin:0 auto;left:0;right:0;background-color:#fff;opacity:.5;border-radius:10px}
.clients-content2 .content2{padding-left:0px;position:relative;margin-bottom:30px}
.clients-content2 .content img{position:absolute;top:0;left:0;border-radius:33%;width:unset!important;width:85px!important;height:85px!important}
.clients-content2 .content i{position:absolute;bottom:-10px;left:60px;border-radius:50px;width:35px;height:35px;line-height:35px;background-color:#ffc221;color:#fff;text-align:center}
.clients-content2 .content h3{padding-top:20px;margin-bottom:0; font-size:24px;}
.clients-content2 .content span{margin-bottom:0}
.clients-content2 p{margin-bottom:0; font-size:15px;}

.circle2{width:40px;height:40px;background-color:#1762a5;border-radius:50px;position:relative;z-index:1;border:13px solid #f6fbff}

/*left*/
.pageMain{width: 1200px; auto 50px;}
.pageMenu{float: left;width: 320px; margin:20px; box-shadow: 0px 0px 8px #888; text-align:left;}
.pageMenuAB{width: 320px; background:#fff;  height:100px; margin-bottom:15px; text-align:left;}
.pageMenuAB h1{ padding-top:30px; color: #222; text-indent:25px; font-weight:500; font-size:28px;}
.pageMenuAB h3{ padding-bottom:36px;color: #888; line-height:36px;text-indent:25px; font-weight:500; font-size:18px;}
.pageMenuUl{width:320px; padding:0;}
.pageMenuLi{width: 320px; border-bottom:1px #e2e2e2 solid; }
a.pageMenuLi:hover{background:#F2F2F2;}

.pageMenuA{width: 320px;height:58px;line-height:58px;color: #fff; background-image: url(../images/icon1.png);background-repeat: no-repeat; background-position: 20px center; display: block;font-size:20px; margin-top: 1px; padding: 0 20px 0 30px; background:#0a63a7; }
.pageMenuA a{color: #fff; }


.pageMenuDiv{width: 320px;display: none; background-color:#FFFFFF;}
.pageMenuDiv a{ color:#444; font-family:"Arial"; display: block;width: 180px; font-size:18px; height:58px;line-height:58px;margin-top: 1px; padding: 0 0 0 40px; background-image: url(../images/icon1.png);background-repeat: no-repeat;background-position: 20px center; }
a.pageMenuDiv:hover{color: #444;}
.pageMenuDivB{width: 320px;height:58px;line-height:58px;color: #fff; display: block; }
a.pageMenuDivB:hover{color: #025194;}

/*pro*/
.pageRight{width:100%; margin-left:auto;float: left;}
.pagePro{width: 100%;margin-left:10px;}
.pageProUl{width: 100%;}
.pageProLi{width: 350px; padding: 0 0 20px 20px;float: left;}

.pageProImg{width: 350px;height: 350px;display: block;border: 1px #E5E5E5 double; padding:5px; background:#FFFFFF;}
.pageProImg img{width: 350px;height: 350px; }

.pageProA{display: block;width: 350px;height: 48px;line-height:48px;overflow: hidden;text-align: center; background:#f2f2f2; color:#333; font-size:18px;}
.pageProLi:hover .pageProA{color: #fd6d03;}


.proShowCon{ float:right;margin: 40px 30px 20px 30px; text-align:left; color:#555; font-family:"Arial";}
.proShowCon a{ color:#555;}
a.proShowCon:hover{color: #025194;}

.pageNewsUl{width: 780px;}
.pageNewsUl li{width: 780px;}
.pageNewsUl li a{float: left;line-height: 50px;color: #333;width: 550px;height: 50px;overflow: hidden;}
.pageNewsUl li:hover a{color: #025194;}
.pageNewsUl li span{float: right;line-height: 50px;color: #333;width: 90px;height: 50px;text-align: right;}
.newsInfoTit{width: 780px;font-size: 20px;color: #333;margin-bottom: 20px;text-align: center;}
.newsInfo{width: 780px;}
.newsInfo p{width: 780px;text-align: justify;text-indent: 2em;line-height: 30px;color: #666;}
.newsInfo p a{color: #666;}
.newsInfo img{max-width: 780px;}


/* 产品详细多图 */
#preview{ float:none; margin:20px auto; text-align:left; width:500px;}

.list-h li{ float:left;}
#spec-n5{width:350px; height:56px;  overflow:hidden;}
#spec-left{ background:url(/img/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(/img/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px; z-index:1111111;}
#spec-list{ width:500px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list .list-h{ float:left; width:322px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.jqzoom{position:relative;padding: 20px; }
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


/*栏目*/
.nyp2{ float:left; width:170px; height:60px; line-height:60px; text-align:center; font-weight:500; font-size:16px; color:#fff;font-weight:bold; }
.nyp1{  float:left; height:60px; line-height:60px;  text-align:center; font-size:16px; font-weight:500; color:#fff; font-weight:bold; width:170px; text-decoration:none;}
.nyp1 a{ height:92px; color:#fff;text-decoration:none;}



/*contact*/
.contact-form{max-width:800px;position:relative;z-index:1;margin-bottom:30px;margin-left:auto;margin-right:auto}
.contact-form h2{color:#252525;margin-bottom:30px;font-weight:700;font-size:26px;line-height:1}
.contact-form .form-group{margin-bottom:20px;position:relative}
.contact-form .form-group label{color:#252525;font-size:15px;margin-bottom:15px;font-weight:500}
.contact-form .form-group label span{color:#1762a5}
.contact-form .form-group.checkbox-option{position:relative}
.contact-form .form-group.checkbox-option #chb2{position:absolute;top:6px;left:0}
.contact-form .form-group.checkbox-option p{padding-left:25px;font-size:15px}
.contact-form .form-group.checkbox-option p a{color:#1762a5}
.contact-form .form-group.checkbox-option p a:hover{color:#ffc221}
.contact-form .form-group .form-control{height:50px;color:#252525;border:1px solid #1762a5;background-color:#fff;font-size:15px;padding:10px 20px;width:100%;border-radius:0;font-weight:500}
.contact-form .form-group .form-control:focus{outline:0;border-color:#252525;-webkit-box-shadow:none;box-shadow:none}
.contact-form .form-group textarea.form-control{height:auto}
.contact-form .agree-label{margin-bottom:15px;position:relative}
.contact-form .agree-label #chb1{position:absolute;top:5px;left:0}
.contact-form .agree-label label{font-weight:500;color:#252525;margin-left:25px}
.contact-form .agree-label label a{color:#1762a5}
.contact-form .agree-label label a:hover{color:#ffc221}
.contact-form .with-errors{float:left;font-size:14px;margin-top:10px;margin-bottom:0;color:red;font-weight:400;display:block}
.contact-form .text-danger{font-size:18px;margin-top:15px}
.contact-form .default-btn{border:0;outline:0}
.contact-form .form-group .form-control::-webkit-input-placeholder,.contact-form .form-group .form-control:-ms-input-placeholder,.contact-form .form-group .form-control::-ms-input-placeholder,.contact-form .form-group .form-control::-webkit-input-placeholder{color:#444}
.contact-form .form-group .form-control::-webkit-input-placeholder,.contact-form .form-group .form-control:-ms-input-placeholder,.contact-form .form-group .form-control::-ms-input-placeholder,.contact-form .form-group .form-control::placeholder{color:#444}
.contact-card{text-align:center;margin-bottom:30px;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.05);box-shadow:0 0 15px rgba(0,0,0,.05);padding:30px 20px;border-radius:15px}
.contact-card i{width:60px;height:60px;line-height:60px;background-color:#fff;font-size:24px;color:#1762a5;border-radius:50px;border:1px solid #e2e2e2;margin-bottom:10px}
.contact-card h3{font-size:24px;margin-bottom:10px;color:#252525}
.contact-card span{color:#444;font-weight:500;font-size:17px;display:block}
.contact-card span a{color:#444;display:block}
.contact-card span a:hover{color:#1762a5}
.contact-info{margin-bottom:30px;background-color:#070b3b;padding:52px 35px 22px;border-radius:15px;position:relative;z-index:1}
.contact-info::before{content:'';position:absolute;opacity:.1;z-index:-1;top:0;left:0;right:0;width:100%;height:100%;background-image:url(../images/call-us/call-shap1.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
.contact-info span{color:#ffc221;display:block;margin-bottom:5px}
.contact-info h2{color:#fff;font-size:26px;margin-bottom:15px}
.contact-info p{color:#fff;margin-bottom:20px}
.contact-info ul{list-style:none;margin:0;padding:0}
.contact-info ul li{display:block;margin-bottom:30px;padding-left:60px;position:relative}
.contact-info ul li .content i{width:45px;height:45px;line-height:45px;background-color:#fff;font-size:20px;color:#1762a5;border-radius:50px;border:1px solid #e2e2e2;margin-bottom:10px;text-align:center;position:absolute;left:0;top:0}
.contact-info ul li .content h3{font-size:18px;margin-bottom:10px;color:#fff;display:block}
.contact-info ul li .content a{color:#fff;display:block;font-weight:400;font-size:15px}
.contact-info ul li .content a:hover{color:#1762a5}
.contact-info ul li .content span{color:#fff;font-weight:400;display:block;font-size:15px}

/*foot*/
.footer-box{background:#ececec;overflow:hidden;width:100%;color:#666666;padding:20px 0 0;}
.footer-container{width:90%;margin:0 auto;padding:0 60px;}
.footer-line{height:0;display:block;clear:both;/*border-bottom:1px solid #393854;*/}
.footer-links{padding-top:20px;padding-left:10px; padding-bottom:20px;}
.footer-article-item{width:15%;;float:left;margin-right:14px;line-height:2;font-size:15px; margin-bottom:20px;}
.footer-article-item dt{color:#333333;font-size:18px;margin-bottom:10px;line-height:2;font-weight:600}
.footer-article-item dd{line-height:2}
.footer-article-item dd a{color:#666666;transition:all .1s}
.footer-article-item dd a:hover{color:#333333;}
.footer-article-itema{width:40%;;float:left;margin-right:14px;line-height:2;font-size:15px; margin-bottom:20px;}
.footer-article-itema dt{color:#333333;font-size:18px;margin-bottom:10px;line-height:2;font-weight:600}
.footer-article-itema dd{line-height:2}
.footer-article-itema dd a{color:#666666;transition:all .1s}
.footer-article-itema dd a:hover{color:#333333;}
.footer-contact-item{width:20%;float:left}
.footer-contact-item dt{color:#333333;font-size:18px;margin-bottom:10px;line-height:2;font-weight:600}
.footer-contact-item h3{font-size:18px;color:#393939;line-height:2;margin-bottom:10px;font-weight:600}
.footer-contact-item p{font-size:22px;color:#fff;font-family:Arial,microsoft yahei,hanhei sc,PingHei,pingfang sc,helvetica neue,Helvetica,Arial,hiragino sans gb,heiti sc,wenquanyi micro hei,sans-serif;margin-bottom:15px}
.footer-ewm{float:left;width:110px;margin-right:18px;text-align:center}
.footer-ewm img{width:84px;height:84px;display:block;border:none}
.footer-ewm p{font-size:14px;color:#737373;margin-top:12px}
.footer-copyright{ background:#ffffff;font-size:14px;text-align:center;}
.footer-copyright p{font-size:14px;color:#666666; line-height:52px;}