@charset "utf-8";
/* CSS Document*/
@import url('font-awesome.min.css');
@import url('jquery-ui.min.css');
@import url('animate.css');
@import url('owl.css');
@import url('isotop.css');
@import url('magnific-popup.css');
@import url('menuzord.css');
@import url('hover.css');
@import url('fancyBox.css');
@import url('flexslider.css');
@import url('flaticon.css');
@import url('fonticon-linearicons.css');
@import url('pe-icon-7-stroke.css');
/* ========== Table of contents ==========*/
/* ========== BODY TEXT*/
/* ========== HEADINGS FONT-SIZE ==========*/
/* ========== TITLE LINE ==========*/
/* ========== SCROLL TO TOP ==========*/
/* ========== BODY TEXT*/
body{background-attachment: fixed;color: #777777;font-size: 14px;font-family: 'Microsoft Yahei', sans-serif;background-color: #ffffff;overflow-x: hidden;max-width: 100%;overflow-x: hidden !important;}
img{max-width: 100%;}
p{font-family: 'Microsoft Yahei', sans-serif;font-size: 14px;line-height: 26px;}
ul,
ol{list-style: none;margin: 0;padding: 0;}
iframe{border: none;width: 100%;}
a{color: #808080;text-decoration: none;}
a:hover,
a:focus{color: #595959;text-decoration: none;}
a img{border: none;}
iframe{border: none;}
/* ========== HEADINGS FONT-SIZE ==========*/
h1,h2,h3,h4,h5,h6{font-family: "Microsoft Yahei",sans-serif;font-weight: 600;line-height: 1.42857143;color: #000000;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
.img-fluid{max-width: 100%;}
.text-thm{color: #00538c !important;}
.et-btn-thm{border-radius: 0px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.et-btn-thm{background-color: #00538c;border-color: #00538c;color: #fff;}
.et-btn-thm:hover,
.et-btn-thm:active,
.et-btn-thm:focus{background-color: #1e1e1e;border-color: #1e1e1e;color: #fff;}
.et-button-styledark{background-color: #00538c;border-color: #00538c;color: #fff;font-size: 14px;border-radius: 0px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.et-button-styledark:hover,
.et-button-styledark:active,
.et-button-styledark:focus{background-color: #00538c;border-color: #00538c;color: #fff;}
.btn-default{font-size: 14px;font-family: 'Microsoft Yahei', sans-serif;}
/* ========== TITLE LINE ==========*/
.et-title-line{background-color: #00538c;height: 1px;left: 34%;position: absolute;top: 20px;width: 50px;}
.et-title-line::before{background-color: #00538c;content: "";height: 1px;position: absolute;right: 0;top: -3px;width: 40px;}
.et-title-line::after{background-color: #00538c;content: "";height: 1px;position: absolute;right: 0;top: 3px;width: 40px;}
.et-title-line2{background-color: #00538c;height: 1px;position: absolute;right: 34%;top: 20px;width: 50px;}
.et-title-line2::before{background-color: #00538c;content: "";height: 1px;left: 0;position: absolute;top: -3px;width: 40px;}
.et-title-line2::after{background-color: #00538c;content: "";height: 1px;left: 0;position: absolute;top: 3px;width: 40px;}
/* ========== SECTION AND SEPARATOR ==========*/
section{position: relative;}
/* ========== SCROLL TO TOP ==========*/
.scrollToTop{background-color: #232323;bottom: 2%;color: #ffffff;display: none;font-size: 20px;padding: 3px 10px;position: fixed;right: 2%;text-align: center;z-index: 999;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.scrollToTop:hover{color: #ffffff;background-color: #00538c;}
/* ========== PRELOADER ==========*/
.preloader{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/preloader.gif);}
/* ========== HEADER TOP ==========*/
.et-header-topped{background: #00538c none repeat scroll 0 0;}
.et-ht-cntct-details li a{color: #fff;font-size: 16px;letter-spacing: 0.2px;line-height: 60px;}
.et-ht-cntct-details li a i{padding-right: 10px;display: none;}
.et-social-linked a{color: #fff;font-size: 14px;line-height: 60px;padding-right: 10px;}
.et-social-linked a:hover{color: #00538c;}
.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a{color: #00538c;}
.menuzord-menu ul.dropdown li:hover > a{color: #00538c;}
@media screen and (max-width:740px){.menuzord-brand img{width: 85%;max-width: 180px;}}
/* .menuzord-brand img{max-height: 36px;}*/
.header-nav .main-header-nav.scrollingto-fixed{background: #fff;box-shadow: 2px 0 10px;}
.header-nav.et-style2 .main-header-nav.scrollingto-fixed.scroll-to-fixed-fixed{background: transparent;}
.header-nav.et-style2{display: inline-table;left: 0;margin: 0 auto !important;position: absolute;right: 0;z-index: 999;}
.main-header-nav.et-style3.scrollingto-fixed{background: none;margin-top: 25px;}
.menuzord.et-style4{background-color: rgba(255, 255, 255, 0.8);}
/*=========== INNER HEADER ==========*/
.menuzord{padding: 5px !important;}
.menuzord-menu > li{margin-bottom: 0;margin-top: 0;}
.header-nav .main-header-nav .menuzord{padding: 0;}
.menuzord-menu > li > a{color: #333333;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.menuzord-menu ul.dropdown li{margin: 0;}
.menuzord-menu ul.dropdown li a{color: #000;font-size: 14px;font-weight: normal;padding: 7px 25px 7px 22px;}
/*=========== WELCOME SECTION ==========*/
.et-introduction{padding-top: 80px;}
.et-welcome-para{line-height: 48px;letter-spacing: .5px;font-weight: bold;margin-top: 0;}
.et-welcome-half .et-welcome-sub-title{margin-bottom: 0;}
.et-welcome-half p{color: #1e1e1e;font-size: 14px;line-height: 26px;margin-bottom: 25px;}
.et-welcome-list-style{margin-bottom: 40px;}
.et-welcome-list-style > li{color: #1e1e1e;font-family: "Microsoft Yahei",sans-serif;font-size: 14px;font-weight: 400;line-height: 36px;padding-left: 23px;}
.et-welcome-list-style > li::before{color: #00538c;content: "";font-family: fontawesome;position: absolute;left: 15px;}
.et-welcome-support{background: rgba(255, 255, 255, 0.9);box-shadow: 2px 0 10px;left: 0;padding: 35px 97px;position: absolute;top: 60px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-welcome-estimate{background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;box-shadow: 2px 0 10px;left: 12%;padding: 35px 83px;position: absolute;top: 39%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-welcome-price{background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;box-shadow: 2px 0 10px;bottom: 7.5%;left: 24%;padding: 35px 109px;position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-welcome-price:hover, .et-welcome-estimate:hover, .et-welcome-support:hover{background: rgba(0, 83, 140, 0.72);color: #ffffff;}
.et-welcome-price:hover .et-pric, .et-welcome-estimate:hover .et-estmt, .et-welcome-support:hover .et-support{color: #ffffff;}
.et-welcome-support .et-support, .et-welcome-estimate .et-estmt, .et-welcome-price .et-pric{color: #1e1e1e;font-size: 14px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;}
.et-welcome-support .et-icon, .et-welcome-estimate .et-icon, .et-welcome-price .et-icon{font-size: 36px;letter-spacing: 0.6px;line-height: 60px;}
.et-welcome-support:hover em,.et-welcome-price:hover em,.et-welcome-estimate:hover em{color: #ffffff;}
/*=========== FEATURE SECTION ==========*/
.et-featuresz{padding: 0;}
.et-feature-one{border: 1px solid #eeeeee;padding: 30px 70px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-feature-one:hover{background-color: #00538c;color: #fff;}
.et-feature-one:hover i, .et-feature-one:hover h3, .et-feature-one:hover .etfeature-subtitle{color: #fff;}
.et-feature-icon i{color: #00538c;font-size: 60px;}
.et-feature-one .et-feature-title{margin-top: 0;}
.et-feature-one .etfeature-subtitle{color: #b6b6b6;}
/*=========== SEVICES SECTION ==========*/
.et-services-one{padding-top: 80px;}
.et-service-sect{padding: 0 55px;}
.et-services-sub-title{margin-bottom: 0;}
.et-services-title{position: relative;}
.et-services-title h1{margin-top: 0;}
.et-services-title > p{color: #1e1e1e;}
.et-service-icon{position: relative;margin-bottom: 45px;}
.et-service-column .et-service-thumb{position: relative;overflow: hidden;}
.et-service-column.style2{margin-bottom: 30px;}
.et-service-thumb:hover .et-service-thumb2{opacity: 0;}
.et-service-thumb2{position: absolute;right: 0;top: 0;z-index: 999;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.et-service-overlay{background-color: rgba(0, 0, 0, 0.8);bottom: 0;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-service-thumb:hover .et-service-overlay{transform: scale(1);}
.et-srvc-ovrly-icon{position: absolute;margin: 0 auto;left: 0;right: 0;top: 45%;}
.et-slash{margin-top: 30px;letter-spacing: 2.5px;}
/*=========== PROJECT SECTION ==========*/
.et-project-one{padding-top: 80px;padding-bottom: 80px;}
.et-project-sect{padding: 0 55px;}
.et-project-sub-title{margin-bottom: 0;}
.et-project-title h1{margin-top: 0;}
.second-raw{margin-top: 30px;}
.et-project-column .et-project-thumb{position: relative;overflow: hidden;}
.et-project-thumb:hover .et-project-thumb2{opacity: 0;}
.et-project-thumb2{position: absolute;right: 0;top: 0;z-index: 999;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.et-project-overlay{background-color: rgba(0, 0, 0, 0.5);bottom: 0;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-project-thumb:hover .et-project-overlay{transform: scale(1);}
.et-srvc-ovrly-icon{position: absolute;margin: 0 auto;left: 0;right: 0;top: 40%;}
.et-srvc-ovrly-icon span{color: #fafbfd;font-size: 18px;}
.et-srvc-ovrly-icon h3{margin-top: 10vpx;margin-bottom: 0;text-transform: uppercase;color: #ffffff !important;}
.et-repair{color: #fafbfd;text-transform: uppercase;}
/*=========== First Section Divider ==========*/
.et-section-divider{background-image: url(../images/bgx.jpg);background-position: center center;background-size: cover;}
.et-section-divider{position: relative;}
.et-section-divider::before{background: rgba(28, 189, 233, 0.95);content: " ";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-section-divider{padding-top: 100px;padding-bottom: 100px;}
.et-section-divider h2{color: #ffffff;font-family: 'Microsoft Yahei', sans-serif;letter-spacing: 1.5px}
.et-section-divider .et-cell{margin-top: 0;color: #1e1e1e;}
/*=========== Team ==========*/
.et-team-one{padding-bottom: 80px;padding-top: 80px;}
.et-team-sub-title{margin-bottom: 0;}
.et-team-title{position: relative;}
.et-team-title h1{margin-top: 0;}
.et-team-title > p{color: #1e1e1e;}
.et-team-col{position: relative;overflow: hidden;}
.extraspac{padding: 5px;}
.second-rawn{margin-top: 40px;}
.et-team-one .et-team-col .et-thumb .et-thumb-content{background-color: rgba(0, 0, 0, 0.9);bottom: 110px;left: 0;padding: 18px 20px;position: absolute;right: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-team-one .et-team-col:hover .et-thumb-content{background-color: rgba(0, 83, 140, 0.72);bottom: 130px;}
.et-team-one .et-team-col .et-thumb .et-thumb-content:hover, .et-thumb-content .et-sub-title{color: #fff !important;}
.et-team-one .et-team-col .et-thumb .et-thumb-content .et-title{color: #ffffff;font-size: 16px;line-height: 17px;font-weight: 500;text-transform: uppercase;}
.et-team-one .et-team-col .et-thumb .et-thumb-content .et-sub-title{font-family: "Raleway",sans-serif;font-size: 11px;text-transform: uppercase;}
.et-team-one .et-team-col:hover .et-team-icons{left: 0;}
.et-team-one .et-team-col .et-team-icons{top: 30px;padding-bottom: 10px;position: absolute;left: -40px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-team-one .et-team-col .et-team-icons li{background: #f5f5f5;color: #ffffff;height: 40px;line-height: 40px;margin-bottom: 5px;text-align: center;width: 40px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-team-one .et-team-col .et-team-icons li:hover{background-color: #00538c;}
.et-team-one .et-team-col .et-team-icons li:hover a{color: #fff;}
.et-team-one .et-team-col .et-team-icons li a{color: #1e1e1e;font-size: 16px;}
/*=========== Testimonials ==========*/
.et-testimonials{background: #00538c;color: #fff;padding-top: 100px;padding-bottom: 100px;}
.et-client{display: none;color: #ffffff;}
.et-client-thumb{height: 80px;margin: 0 auto;display: none;width: 80px;line-height: 20px;}
.et-client-thumb::after{content: "";font-family: fontawesome;font-size: 36px;left: 80px;position: absolute;right: 0;top: 40px;}
.testimonial-carousel .owl-controls .owl-dot span{background-color: #1e1e1e;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot:focus span{background: #03A9F4;}
/*=========== Blog ==========*/
.et-blog-one{padding-bottom: 80px;padding-top: 80px;}
.second-rawnd{margin-top: 35px;}
.et-blog-sub-title{margin-bottom: 0;}
.et-blog-title{position: relative;}
.et-blog-title h1{margin-top: 0;}
.et-blog-title p{color: #1e1e1e;}
.et-blog-thumb{position: relative;}
.et-thumb-cntnt{position: absolute;bottom: 0px;background-color: rgba(0,0,0, .9);padding: 14px 18px 14px 38px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-thumb-cntnt .et-like{color: #fff;font-size: 14px;line-height: 26px;margin-right: 15px;}
.et-thumb-cntnt .list-inline{margin-left: -28px;}
.et-like i{padding-right: 10px;}
.et-thumb-cntnt .et-comment{color: #fff;font-size: 14px;}
.et-comment i{padding-right: 10px;}
.et-blog-col:hover .et-thumb-cntnt{background-color: rgba(0, 83, 140, 0.72)}
.et-blog-col:hover .et-blog-ftr{background: #00538c;}
.et-blog-col:hover .et-readmore, .et-blog-col:hover .et-date{color: #fff;}
.et-blog-ftr{background-color: #f6f6f6;margin-top: 23px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-blog-ftr .et-readmore{margin-right: 110px;padding-bottom: 15px;padding-left: 20px;padding-top: 15px;}
.et-blog-ftr .et-date{padding-right: 20px;padding-top: 15px;padding-bottom: 15px;}
.et-date i{padding-right: 10px;}
/*=========== Footer ==========*/
.et-footer{padding-bottom: 50px;padding-top: 80px;}
.et-footer{background-position: center center;background-size: cover;}
.et-foter-title{position: relative;margin-bottom: 30px;}
.et-foter-sub-title{color: #fff;font-family: raleway;font-size: 24px;font-weight: bold;letter-spacing: 0.5px;position: relative;}
.et-footer{position: relative;}
.et-footer a{color: #ccc;}
.et-footer p{color:#fff;}
.et-footer::before{background: #00538c;content: " ";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-twitter-feed-widget{position: relative;}
.et-twitter-feed-widget p{color:#fff;}
.et-twitter-feed-widget li{margin-bottom: 20px;padding-left: 25px;}
.et-twitter-feed-widget li:before{color: #00538c;content: "";font-family: fontawesome;left: 0;position: absolute;}
.et-twitter-feed-widget li a{color: #ffffff;font-family: 'Microsoft Yahei', sans-serif;font-size: 14px;letter-spacing: 0.2px;line-height: 26px;}
.foter-logo ul{margin-top: 40px;}
.foter-logo > p{color: #fff;margin-top: 20px;}
.foter-logo .list-inline li a{display: inherit;background: #00538c none repeat scroll 0 0;border: 1px solid rgba(252, 254, 255, 0.38);color: #fff;margin-bottom: 40px;padding: 10px 14px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.foter-logo .list-inline > li:hover a{background: #00538c;color: #fff;}
/* footer flickr widget*/.et-flickr-widget .et-thumb{margin-bottom: 15px;position: relative;}
.et-flickr-widget .et-thumb .et-flckr-overlay{background-color: rgba(28, 189, 233, 0.8);bottom: 0;left: 0;position: absolute;right: 0;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-flickr-widget .et-thumb:hover .et-flckr-overlay{transform: scale(1);}
.et-flickr-widget .et-thumb .et-flckr-overlay i{color: #ffffff;font-size: 20px;margin-top: 40%;}
.et-extra-spcng{padding-right: 0;}
/*=========== About layout two ==========*/
.et-introduction.et-second-style{padding-bottom: 80px;}
.et-about-column2 .et-about2-thumb{position: relative;overflow: hidden;}
.et-about2-thumb:hover .et-service-thumb2{opacity: 0;}
.et-about2-overlay{background-color: rgba(28, 189, 233, 0.8);bottom: 0;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-about2-thumb:hover .et-about2-overlay{transform: scale(1);}
.et-abut-ovrly-icon{position: absolute;margin: 0 auto;left: 0;right: 0;top: 25%;}
.et-about2-thumb .et-ovrly-sub-title{color: #fff;font-family: "Raleway",sans-serif;font-size: 16px;font-weight: 600;line-height: 26px;margin-top: 15px;}
.et-about2-extspcng{padding: 0;}
.et-fact-count{margin-top: 70px;padding-top: 50px;}
.et-fact-counterd{position: relative;}
.et-fact-counterd .animate-numbers{color: #1e1e1e;font-family: 'Microsoft Yahei', sans-serif;font-size: 24px;line-height: 26px;font-weight: 500;}
.et-fact-counterd .et-facticon span{font-size: 36px;}
/*=========== Service layout two ==========*/
.et-services-one.et-styledd{background-color: #f9f9f9;padding-bottom: 45px;}
.et-service-column2{position: relative;}
.et-octagonWrap{width:86px;height:86px;position: relative;margin: 0 auto;transform: rotate(25deg);}
.et-service-iconbg2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.et-service-iconbg2:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: rotate(45deg);background: #1e1e1e;content: '';}
.et-service-iconbg2 > img{margin-left: 32px;margin-top: 28px;position: absolute;transform: rotate(-25deg);}
.et-service-column2{padding: 25px 10px;position: relative;}
.et-service-column2:hover .et-service-iconbg2:before{background: #00538c;}
.et-srvc-sntnt-titl{color: #1e1e1e;font-family: "Raleway",sans-serif;font-weight: 700;letter-spacing: 0.5px;}
.et-service-iconbg2.et-style2 > img{margin-left: 27px;margin-top: 30px;}
.et-service-iconbg2.et-style3 > img{margin-left: 26px;margin-top: 32px;}
.service-carousel-et-one .owl-prev, .owl-next{font-family: fontawesome;}
.service-carousel-et-one .owl-prev i, .owl-next i{color: #1e1e1e;font-style: normal;}
.service-carousel-et-one .owl-prev i, .owl-next i:hover{color: #00538c;}
.owl-theme .owl-nav [class*="owl-"]{background-color: transparent;}
.owl-theme .owl-nav [class*="owl-"]:hover{background-color: transparent;}
/*=========== Call Back Service Service ==========*/
.et-cllback-service{background-color: #1e1e1e;padding-top: 35px;padding-bottom: 35px;}
.et-cllback-srbc-inner{color: #ffffff;text-align: center;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-cllback-srbc-inner.et-right{border-right: 1px solid #3f4041;}
.et-callback-icon{padding-bottom: 15px;}
.et-cllback-srbc-inner:hover .et-callback-icon span{color: #fff;}
.et-callback-icon span{color: #00538c;font-size: 36px;}
.et-cllback-srbc-inner .et-callback-heading{font-size: 14px;text-transform: uppercase;font-family: 'Microsoft Yahei', sans-serif;}
/*=========== Secont Divider Second Layout ==========*/
.et-dividerplumbingbg{background-image: url(../images/secong-dividerbg.jpg);background-size: cover;background-position: center center;padding: 225px;}
.et-plumbingbg{background-color: #00538c;padding-bottom: 53px;padding-left: 50px;}
.et-plumbingbg h2{color: #fff;font-weight: 800;line-height: 48px;padding-top: 20px;}
.et-plumbingbg > p{color: #fff;font-size: 16px;font-style: italic;}
.et-plum-snd-divider{position: relative;}
.et-plum-snd-divider li{padding-left: 40px;}
.et-plum-snd-divider > li::before{color: #fff;content: "";font-family: fontawesome;font-size: 24px;left: 0;position: absolute;}
.et-plum-snd-divider p{color: #fff;}
/*=========== Pricing Table Second Layout ==========*/
.et-pricing-one{padding-bottom: 80px;padding-top: 80px;}
.et-pricing-sub-title{margin-bottom: 0;}
.et-pricing-title{position: relative;}
.et-pricing-title h1{margin-top: 0;}
.et-pricing-title > p{color: #1e1e1e;}
.et-pricing-table{border: 1px solid #d9d9d9;}
.et-pricing-head{background-image: url(../images/pric-thumb1.jpg);background-size: cover;background-position: center center;overflow: hidden;position: relative;padding-bottom: 200px;}
.et-prc-ttl{color: #fff;font-size: 14px;font-weight: 400;line-height: 22px;margin-top: 15px;text-transform: uppercase;}
.et-pricing-prc{color: #00538c;font-family: 'Microsoft Yahei', sans-serif;font-size: 30px;font-weight: bold;}
.et-prc-sbttl{color: #fff;font-size: 12px;}
.et-prcbgc{background: #1e1e1e none repeat scroll 0 0;border-radius: 50%;height: 65%;left: -61px;padding-top: 18px;position: absolute;right: -61px;top: -22px;z-index: 999;}
.et-prcng-ovrly{background-color: rgba(28, 189, 233, 0.8);bottom: 0;left: 0;margin: auto;position: absolute;right: 0;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-pricing-table:hover .et-prcng-ovrly{transform: scale(1);}
.et-prc-inner{padding: 40px;}
.et-pricing-btn{background: #1e1e1e none repeat scroll 0 0;border: 1px solid #1e1e1e;border-radius: 0;color: #fff;font-size: 14px;line-height: 22px;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}

.et-pricing-btn:hover{background-color: #00538c;border: 1px solid #00538c;color: #fff;}
/*=========== Intro section Third Layout ==========*/
.et-introduction-second{padding-top: 80px;}
.et-project-one.et-extone-project{padding-bottom: 20px;}
.et-project-title.et-styl-snd{padding-bottom: 45px;}
.et-service-icon.et-style-scnd{margin-bottom: 15px;}
.et-intro-thumbt-cont{position: relative;}
.et-suprtcntnt .et-ext{margin-right: 45px;}
.et-intro-thumbt-cont .et-intro-sec-cntnt{background-color: rgba(0, 83, 140, 0.72);border-color: rgba(28, 189, 233, 0.5) transparent transparent;border-style: solid;border-width: 10px;display: table;left: 0;margin: 0 auto;padding: 35px;position: absolute;right: 0;top: 35%;}
.et-intro-sec-cntnt .et-welcome-support-scnd .et-icon{color: #fff;font-size: 36px;}
.et-welcome-support-scnd .et-support{color: #ffffff;font-size: 14px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;}
.et-welcome-support-scnd .et-celll{color: #1e1e1e;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;}
.et-service-column2:hover .et-mv{color: #00538c;}
.et-project-one-carousel .owl-dot > span, .et-project-one-carousel .owl-dot.active > span{height: 7px !important;width: 49px !important;}
.et-project-one-carousel .owl-dot:hover > span, .et-project-one-carousel .owl-dot:focus > span, .et-project-one-carousel .owl-dot.active > span{background-color: #00538c !important;}
.et-project-one-carousel .owl-controls{margin-top: 25px;}
/*=========== About Inner Pages ==========*/.et-pgttl{color: rgb(239, 239, 239);font-size: 40px;font-weight: 800;line-height: 24px;text-transform: uppercase;}
.et-pgsbttl{color: rgba(230, 230, 230, 0.85);font-size: 14px;line-height: 24px;padding-top: 15px;text-transform: uppercase;max-width: 450px;margin: 0px auto;display: none;}
.et-pgsbttl span.line{border-left: solid 1px rgba(230, 230, 230, 0.85);height:28px;width: 0;display:block;margin: 5px auto;}
.et-pagetitled{padding-top: 100px;padding-bottom: 60px;}
.et-pagetitled{background-image: url(../images/banner_1920x700.jpg);background-position: center center;background-size: cover;position: relative;min-height: 358px;}
.et-pagetitled::before{background-color: rgba(0, 83, 140, 0);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-lione{color: #fff;font-family: "Raleway",sans-serif;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;}
.et-litwo{color: #1e1e1e;font-family: "Raleway",sans-serif;letter-spacing: 0.5px;font-size: 14px;font-weight: 600;}
.et-whychoose-ttl{color: #1e1e1e;font-size: 16px;font-weight: bold;letter-spacing: .5px;margin-bottom: 30px;position: relative;text-transform: uppercase;}
.et-whychoose-ttl::after{background: #00538c none repeat scroll 0 0;content: "";height: 1px;left: 0;position: absolute;top: 30px;width: 60px;}
.et-extspc{padding-right: 0;}
.et-whychs-ttl{font-weight: 600;letter-spacing: 0.5px;margin-bottom: 0;text-transform: uppercase;}
.et-whychoose-ttl.et-scnd-style{color: #fff;}
.et-whychose-icon{color: #00538c;font-size: 48px;}
.et-whychs-sbttl{color: #1e1e1e;font-family: "Raleway",sans-serif;font-size: 11px;font-weight: 500;letter-spacing: 0.5px;}
.et-extspc .media > p{color: #1e1e1e;font-size: 14px;}
.et-extspctwo{padding-top: 60px;padding-bottom: 40px;}
.et-queck-contact-form{position: relative;}
.et-queck-contact-form input{background: #f6f6f6 none repeat scroll 0 0;border-radius: 0;height: 45px;max-width: 370px;}
.et-queck-contact-form textarea{background: #f6f6f6 none repeat scroll 0 0;border-radius: 0;max-width: 370px;}
.et-extracolor{color: #1e1e1e;}
.et-extrabg-dgn{padding-left: 90px;padding-top: 60px;padding-bottom: 40px;}
.et-why-choosed{background-color: #f6f6f6;position: relative;}
.et-extrabg-dgn{background-image: url(../images/bgqueck-contact.jpg);background-position: center center;background-size: cover;position: relative;}
.et-extrabg-dgntwo:before{background-color: rgba(0, 83, 140, 0.72);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-mailsubscriber-bg{background-image: url(../images/subscriberbg.png);background-position: center center;background-size: cover;background-repeat: no-repeat;padding-top: 20px;}
.et-mailsubscriber-ttl{color: #fff;margin-top: 5px;text-transform: uppercase;}
.et-mailsubscriber .mailchimped{background: transparent;border: 1px solid #60ddff;border-radius: 0;height: 40px;}
.et-mailsubscriber-bg{left: 0;margin: 0 auto;position: absolute;right: 0;top: -45px;z-index: 999;}
.mailchimp input.form-control::-moz-placeholder{color: #fff;}
.et-clients{background-image: url(../images/client-bg.jpg);background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 60px;padding-top: 100px;}
.et-clients .et-clindicon{margin-bottom: 30px;}
/*=========== About Inner Pages Two ==========*/
.et-abouttwo{padding-bottom: 80px;padding-top: 80px;}
.et-service-column3{margin-bottom: 25px;position: relative;}
.et-octagonWrap2{width:86px;height:86px;position: relative;margin: 0 auto;transform: rotate(25deg);}
.et-service-iconbg2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.et-service-iconbg2:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: rotate(45deg);background: #1e1e1e;content: '';}
.et-service-iconbg2 > img{margin-left: 32px;margin-top: 28px;position: absolute;transform: rotate(-25deg);}
.et-service-column3{position: relative;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.et-octagonWrap2.styles{margin-right: 30px;}
.et-service-column3:hover .et-service-iconbg2:before{background: #00538c;}
.et-service-column3 .et-srvc-sntnt > p{padding-left: 21%;}
.et-exitespc{padding: 5px;}
.flex-direction-nav a.flex-next, .flex-direction-nav a.flex-prev{display:none;}
.flex-control-nav.flex-control-thumbs > li{overflow: hidden;position: relative;}
.et-flexovrlay-one{background-color: rgba(0, 0, 0, 0.3);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-flexovrlay-two{position: relative;}
.et-flexovrlay-one i{color: #00538c;display: block;font-family: fontawesome;font-size: 48px;font-style: normal;left: 12.2%;margin: 0 auto;position: absolute;right: 0;top: 40%;z-index: 999999;}
/*=========== Service Inner Pages ==========*/
.et-services-one.et-srvc-dtls{padding-bottom: 60px;}
.service-details-carousel .owl-prev, .service-details-carousel .owl-next{background: transparent;border: 1px solid #1e1e1e;border-radius: 0 !important;color: #1e1e1e !important;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.service-details-carousel .owl-prev:hover, .service-details-carousel .owl-next:hover{background: #00538c !important;border: 1px solid #00538c;}
.service-details-carousel .owl-prev:hover i, .service-details-carousel .owl-next:hover i{color: #fff;}
.service-details-carousel .owl-prev i, .service-details-carousel .owl-next i{font-size: 20px;padding: 5px 17px;}
.et-srvc-ovrly-icon.styledetails{left: 0%;}
.tmsps > h3{color: #1e1e1e;font-family: "Raleway",sans-serif;text-transform: uppercase;}
.et-divider-innerstyle{border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;padding-bottom: 80px;padding-top: 70px;}
.tmsps-according{padding-top: 28px;}
.list-inline.et-srvc-itext{background-color: #1e1e1e;bottom: 20px;left: 0;padding: 0 41px;position: absolute;z-index: 999;}
.et-srvc-itext > li{color: #fff;font-size: 14px;line-height: 60px;padding-right: 13px;text-transform: uppercase;}
.et-srvc-itext img{margin-bottom: -9px;}
/*=========== Team Inner Pages ==========*/
.et-team-one.et-innertm{padding-bottom: 20px;padding-top: 40px;}
.et-team-col.et-innerteam{margin-bottom: 40px;}
.et-team-one.et-innertm.et-tmdetails{background: #f6f6f6;}
.et-teatmembr-contact{background: #00538c none repeat scroll 0 0;bottom: 31%;color: #fff;font-size: 14px;letter-spacing: 2px;padding: 10px 37px;position: absolute;right: 0;text-transform: uppercase;}
.et-tmpersonal-info h2{font-weight: 400;letter-spacing: 0.5px;margin-top: 8px;text-transform: uppercase;}
.et-tmpersonal-info{padding-top: 75px;}
.et-tmpersonal-inf-sbttl{color: #ccc;letter-spacing: 2px;}
.et-tmpi-contact{margin-top: 15px;}
.et-tmpi-contact span{color: #c5c0a6;padding-right: 15px;}
.et-tmpi-contact > li{font-size: 13px;margin-right: 15px;}
.et-team-pdicons{right: 50px;top: 33%;position: absolute;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-team-pdicons li{background: #f5f5f5;color: #ffffff;height: 40px;line-height: 40px;margin-bottom: 5px;text-align: center;width: 40px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-team-pdicons li:hover{background-color: #00538c;}
.et-team-pdicons li:hover a{color: #fff;}
.et-team-pdicons li a{color: #1e1e1e;font-size: 16px;}
.et-tmp-detls{color: #1e1e1e;margin-top: 20px;padding-right: 119px;}
.et-tm-skill{color: #1e1e1e;font-size: 24px;margin-top: 30px;padding-left: 15px;}
/* ========== PROGRESS BAR 2 ==========*/
.progress-levels{position: relative;}
.progress-levels .progress-box{overflow: hidden;position: relative;}
.progress-levels .progress-box .inner{background-color: #fff;}
.progress-levels .progress-box .bar{border: 1px solid #00538c;height: 10px;position: relative;}
.progress-levels .progress-box .bar .bar-innner{border-right: 1px solid #00538c;position: relative;left: 0px;top: 0px;width: 100%;height: 4px;}
.progress-levels .progress-box .bar .bar-fill{position: absolute;left: -100%;top: 0px;width: 0px;height: 8px;border-radius: 2px;-webkit-transition: all 1500ms ease 1000ms;-moz-transition: all 1500ms ease 1000ms;-ms-transition: all 1500ms ease 1000ms;-o-transition: all 1500ms ease 1000ms;transition: all 1500ms ease 1000ms;}
.progress-levels .progress-box.animated .bar .bar-fill{left: 0px;background: #00538c;margin: 1px;}
.progress-levels .progress-box.animated .percent{opacity: 1;}
.progress-levels .progress-box .percent{position: absolute;right: 0px;text-align: center;top: -35px;letter-spacing: 1px;font-size: 15px;font-weight: bold;color: #333333 !important;line-height: 26px;opacity: 0;-webkit-transition: all 200ms ease 700ms;-moz-transition: all 200ms ease 700ms;-ms-transition: all 200ms ease 700ms;-o-transition: all 200ms ease 700ms;transition: all 200ms ease 700ms;}
.progress-levels:last-child{margin-bottom: 0px;}
.progress-levels .box-title{position: relative;font-size: 14px;line-height: 26px;color: #1e1e1e;font-weight: 400;text-transform: capitalize;margin-bottom: 10px;margin-top: 15px;}
.et-blog-col.et-blg-grid{margin-bottom: 30px;}
.et-maintanance-one{background-image: url(../images/maintanance-bg.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.et-maintanance-ttl{color: #1e1e1e;font-family: 'Microsoft Yahei', sans-serif;font-size: 48px;font-weight: bold;margin-top: 180px;padding-left: 75px;text-transform: uppercase;}
.et-maintanance-one.et-onn::before{background-color: rgba(255, 255, 255, 0.95);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.et-feature-oneinnr{color: #fff;background-color: #000000;border: 1px solid #eeeeee;padding: 50px 37px 80px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-feature-oneinnr:hover{background-color: #00538c;color: #fff;}
.et-feature-title-innr{color: #fff;font-size: 16px;letter-spacing: 0.5px;text-transform: uppercase;}
.et-feature.et-fture-innr{padding-top: 80px;}
.et-feature-parainnr{font-size: 16px;}
.et-feature-icon span{font-size: 60px;}
.et-mailsubscriber.et-innrtwo{background-color: #00538c;margin-bottom: 150px;margin-top: 80px;padding: 60px 0 40px;}
/*=========== ISOTOP FILTER ==========*/
.et-project-gallery{padding-bottom: 80px;padding-top: 80px;}
.isotope-filter{margin-bottom: 60px;text-align: center;}
.isotope-filter li a{display: inline-block;float: none;margin-right: -5px;outline: medium none;padding: 9px 15px;text-transform: uppercase;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.isotope-filter li a.active{background: #00538c;color: #ffffff;}
.isotope-filter li a:active, .isotope-filter li a:hover, .isotope-filter li a:focus{background: #00538c;color: #ffffff;}
.isotope-filter li a > span{font-size: 16px;font-weight: 400;padding: 16px 15px;}
/*=========== ISOTOP GALLERY ==========*/
.isotope-gallery .isotope-item{width: 25%;}
.isotope-gallery.et-grid-three-item .isotope-item{width: 33.333%;}
.isotope-gallery.et-grid-four-item .isotope-item{width: 25%;}
.isotope-gallery .isotope-item{overflow: hidden;}
.isotope-gallery.et-gutter .et-project-column{margin-bottom: 30px;margin-right: 30px;}
.et-page-navigation .pagination.et-pagination a{border: 1px solid transparent;border-style: transparent;border-radius: 0 !important;color: #8d8d8d;font-size: 21px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.et-page-navigation .pagination.et-pagination a:hover{background-color: transparent;border: 1px solid #00538c;color: #00538c;}
/*=========== ERROR PAGES ==========*/
.et-error-page{background-image: url(../images/error-bgi.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;padding-top: 200px;padding-bottom: 500px;}
.et-extfz-sbttl{color: #1e1e1e;font-family: 'Microsoft Yahei', sans-serif;font-size: 30px;font-style: italic;font-weight: bold;padding-left: 80px;text-transform: uppercase;}
.et-extra-etfz{color: #1e1e1e;font-family: 'Seaweed Script', cursive;font-size: 315px;font-style: italic;line-height: 315px;}
.et-extfz-text{color: #1e1e1e;font-family: "Raleway",sans-serif;font-size: 30px;font-weight: 400;}
.et-error-btn{margin-top: 30px;}
/*=========== FAQ PAGES ==========*/
.et-faq-page{padding-top: 80px;padding-bottom: 200px;}
.et-faq-content .panel .panel-title a i, .et-faq-box .panel .panel-title a i{background-color: #000000;color: #ffffff;height: 40px;line-height: 40px;margin-right: 10px;text-align: center;width: 40px;}
.et-faq-box .panel .panel-title a .icon-1{display: inline-block;}
.et-faq-box .panel .panel-title a.collapsed .icon-1{display: none;}
.et-faq-box .panel .panel-title a .icon-2{display: none;}
.et-faq-box .panel .panel-title a.collapsed .icon-2{display: inline-block;}
.et-faq-box .panel .panel-body p{color: #777777;font-size: 14px;font-weight: 400;line-height: 26px;letter-spacing: 1px;text-transform: lowercase;}
.et-faq-box .panel .panel-collapse .panel-body{padding: 15px 0;}
.et-faq-box .about-thumb{overflow: visible;}
.et-faq-box .about-thumb .thumb-top{position: absolute;right: -18%;top: -25%;}
.et-faq-box .about-thumb .thumb-top img{border: 4px solid #eeeeee;border-radius: 3px 40% 3px 3px;}
.et-faq-box .about-thumb .thumb-bottom{position: absolute;left: -18%;bottom: -25%;}
.et-faq-box .about-thumb .thumb-bottom img{border: 4px solid #eeeeee;border-radius: 3px 3px 3px 40%;}
.et-faq-box .faq-box-title .square > li{list-style-type: square;margin-left: 10px;padding-left: 10px;line-height: 40px;}
.et-faq-box .faq-box-title .square > li:hover{color: #000000 !important;}
.et-faq-box .faq-box-title .square > li a{color: #777777;}
.et-faq-content .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border-top: none;}
.et-faq-content .panel .panel-title a .icon-1, .panel .panel-title a .icon-1, .et-faq-content .icon::after{background-color: #00538c !important;}
.et-faq-content .panel-default > .panel-heading{background-color: transparent;border-color: transparent;}
.et-faq-content .panel.panel-default{border-color: transparent;}
.et-faq-box .panel-heading{padding: 0;}
.et-pzero{padding: 0;}
.et-pdeght{padding: 15px;}
.et-title-faq{background-color: #00538c;height: 1px;left: 37%;position: absolute;top: 25px;width: 50px;}
.et-title-faq::before{background-color: #00538c;content: "";height: 1px;position: absolute;right: 0;top: -3px;width: 40px;}
.et-title-faq::after{background-color: #00538c;content: "";height: 1px;position: absolute;right: 0;top: 3px;width: 40px;}
.et-title-faq2{background-color: #00538c;height: 1px;position: absolute;right: 37%;top: 25px;width: 50px;}
.et-title-faq2::before{background-color: #00538c;content: "";height: 1px;left: 0;position: absolute;top: -3px;width: 40px;}
.et-title-faq2::after{background-color: #00538c;content: "";height: 1px;left: 0;position: absolute;top: 3px;width: 40px;}
/* Faq Inner Pages*/.et-popular-categori-ttl, .et-blog-smttl, .et-quot-ttl, .et-popular-tag-ttl{letter-spacing: 1.5px;margin-bottom: 40px;}
.et-popular-categori-ttl:after, .et-blog-smttl:after, .et-quot-ttl:after, .et-popular-tag-ttl:after{background-color: #00538c;content: "";position: absolute;left: 15px;height: 3px;margin-top: 25px;width: 40px;}
.et-blog-inner-search, .et-categories.et-inner-box, .et-blog-smttl.et-inner-box, .et-quot-ttl.et-inner-box, .et-popular-tag-ttl.et-inner-box{margin-bottom: 40px;}
.et-popular-tags .et-tag-list > li{background-color: #1e1e1e;margin-bottom: 5px;margin-right: 4px;padding: 8px 20px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.et-tag-list.et-tag-list a{color: #fff;font-size: 14px;line-height: 19px;}
.et-popular-tags .et-tag-list > li:hover{background-color: #00538c;color: #fff;}
.et-categories ul li{color: #373636;}
.et-categories ul li:hover{color: #00538c;}
.et-blog-inner-search .et-bisrch{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: transparent;border-color: -moz-use-text-color -moz-use-text-color #dbdedd;border-image: none;border-radius: 0;border-style: none none solid;border-width: medium medium 2px;box-shadow: none;font-size: 12px;letter-spacing: 1.5px;line-height: 26px;}
.et-search{background: transparent none repeat scroll 0 0;}
.et-blog-inner-search span.input-group-btn{right: 40px;}
.et-bsmp-ttl{color: #b8b8b8;}
.et-bsmpa{color: #1e1e1e;}
.et-bsmpa:hover{color: #00538c;}
.et-blog-smlastest-post.et-inner-box, .et-quote.et-inner-box{margin-bottom: 40px;}
.et-inner-fi{margin-bottom: 50px;}
.et-bpstcmnt{margin-bottom: 40px;margin-top: 40px;}
.et-bpstcmnt a{color: #1e1e1e;font-size: 12px;text-transform: uppercase;}
.font-icon a{border: 1px solid #efefef;border-radius: 50%;color: #8b8b8b;font-size: 13px;margin-right: 5px;padding: 5px 10px;}
.font-icon a:hover{background-color: #1ab3ed;color: #fff;}
.et-cmmntttl{margin-bottom: 30px;}
.et-bsm-ttl{margin-top: 0;}
.comment-title{margin-top: 70px;}
/* Contact form*/.et-contact-page{padding-bottom: 60px;padding-top: 80px;}
.et-coment-frminnr .form-control{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color -moz-use-text-color #d1d1d1;border-image: none;border-radius: 0;border-style: none none solid;border-width: medium medium 2px;box-shadow: none;height: 45px;text-transform: capitalize;}
.form-control.style2{height: 150px;}
.et-map{margin-top: 26px;}
.et-form-control{border: 1px solid #f5f5f5;background: #f5f5f5;border-image: none;border-radius: 0;box-shadow: none;height: 45px;text-transform: capitalize;}
.et-contact-inlocat{margin-top: 85px;}
.et-contact-inlocat span, .et-contact-inlocat2 span{font-size: 36px;}
.et-contact-inlocat h3{color: #1e1e1e;letter-spacing: 1px;}
.et-blog-post-innr{padding-bottom: 50px;}
.et-ext-space{margin-top: 50px;}
.et-blog-cleftsdbar{padding-bottom: 70px;padding-top: 80px;}
.et-blog-clsdbr-date{background-color: #1e1e1e;color: #fff;position: relative;padding: 15px;}
.et-blog-clsdbr-date ul li:first-child{margin-bottom: 20px;}
.et-blog-clsdbr-date ul li:first-child::after{background: #575757 none repeat scroll 0 0;content: "";height: 1px;left: 0;margin: 0 auto;position: absolute;right: 0;top: 75px;width: 40px;}
.et-blog-clsdbr-date ul li a, .et-blog-clsdbr-date li a span{color: #fff;font-size: 18px;}
.et-bl-ttl{margin-top: 35px;}
.et-bp-comments a span{padding-right: 5px;}
.et-bpstcmnt2 a{color: #1e1e1e;font-size: 12px;text-transform: uppercase;}
.et-bp-comments{margin-bottom: 30px;}
.et-bp-para > p{color: #1e1e1e;margin-bottom: 20px;}
.et-ext-space2{margin-top: 10px;}
.et-blog-post-innr .owl-nav .owl-prev, .et-blog-post-innr .owl-nav .owl-next{background: #00538c;border-radius: 0;color: #fff;padding: 5px 10px;}
.et-blog-post-innr .owl-nav .owl-prev{left: 10px;position: absolute;top: 20%;}
.et-blog-post-innr .owl-nav .owl-next{position: absolute;right: 10px;top: 20%;}
.et-blog-post-innr .owl-nav .owl-prev:hover, .et-blog-post-innr .owl-nav .owl-next:hover{background: #00538c;color: #fff;}
.et-blog-post-innr .owl-nav .owl-next i{color: #fff !important;}
.et-thumb{overflow: hidden;position: relative;}
.et-bpi-overlay{background-color: rgba(0, 0, 0, 0.9);bottom: 0;left: 0;right: 0;position: absolute;text-align: center;top: 0;transform: scale(0);-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.et-thumb:hover .et-bpi-overlay{transform: scale(1);}
.et-bpi-overlay span{color: #fff;font-size: 48px;margin-top: 25%;}
.et-pricing-innr{padding-bottom: 80px;padding-top: 80px;}
.second-rawnded{padding-bottom: 40px;padding-top: 80px;}
.et-prc-btn{margin-bottom: 20px;text-transform: uppercase;}
.owl-carousel .owl-item img{width: auto;}

.jc-banner-index{margin: 0px auto; background-color: transparent; padding: 0px; margin-top: 0px; margin-bottom: 0px;}
.tp-bannertimer{height: 7px; background-color: rgba(255, 255, 255, 0.25);}
.list-inline .line{color: #757575;display: inline-block;margin-right: 15px;}
.beif-index{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 80px;}
.et-blog-cntnt-title{display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.et-bife{font-size:14px;line-height: 24px;padding-top: 15px;text-transform: uppercase;max-width: 450px;margin: 20px auto;color: #fff;}
@media (max-width: 1200px){ .et-pagetitled{min-height: 358px;padding-top: 80px;}   }
.bar{background: #d2d8dd;color: #545454;}
.bar a,.bar i{color: #545454;font-style:normal;font-size: 16px;padding: 25px 30px;transition: 560ms;display: inline-block;}
.bar .b_tt{float: left;font-size: 20px;color: #1f1f1f;display: block;height: 30px;line-height: 30px;width: 20%;overflow: hidden;}
.bar .active,.bar a:hover{background:#00538c;color:#fff;}
.bar .active i{font-style: normal;max-width: 100px;overflow: hidden;height: 18px;line-height: 18px;display: inline-block;vertical-align: top;}
.et-culture{background:url(/images/img_1920x746.jpg) center no-repeat;margin: 40px 0;padding: 180px 0;}
.et-culture h1{color:#ffffff;text-align:center;margin-bottom: 70px;font-size:36px;}
.et-culture p{color:#ffffff;}
@media (max-width: 1200px){ .et-culture{min-height: 400px;padding: 80px 10px;}   }
@media screen and (max-width:641px){
.bar a{display:block;padding: 10px 0px 10px 30px;border-bottom: 1px solid rgba(0, 83, 140, 0.15);}
.bar .active,.bar a:hover{background:#00538c;color:#fff;display: block;}}
/*about_certificate*/
.about_certificate{margin:5em 0;}
.about_certificate h2{font-size: 50px;font-weight: bold;margin-bottom: 0;line-height: 30px;color: #212121;text-transform: uppercase;}
.honor_list{margin-top: 1em;}
.honor_list .item{margin: 2em 0 1em 0;}
.honor_list .item .honor_img{position: relative;display: inherit;border:4px solid #fff;overflow:hidden;}
.honor_list .item .honor_img:hover{border:4px solid #00538c;}
.honor_list .item img{max-width:100%;}
.honor_list .item .honor_img:hover img{transition: 0.5s linear;-webkit-transform: scale(1.02);transform: scale(1.02);}
@media screen and (max-width:1400px){.about_certificate h2{font-size: 34px;line-height: 20px;}}
@media screen and (max-width:991px){.honor_list .item{width: 50%;float: left;margin: 1em 0 0 0;}}

/*news*/
.infoList .newitem{margin-bottom: 52px;}
.pusher{transition:400ms;background-color: #fff;}
html.open, html.open body{overflow: hidden;width: 100%;}
html.open .frameHtmlact{overflow-y:auto;}
html.open .frameHtmlact .frame-ct{transform: translate(0,0);-webkit-transform:translate(0,0);}
html.open .frameHtmlact .frameClose{transform: translate(0,0);}
.frameHtml{position:fixed;top:0;left:0;right: 0px;bottom: 0px;z-index:1006;background:url(../images/black_.png) repeat;overflow:hidden;-webkit-overflow-scrolling:touch;}
.frame-ct-wrap{overflow: hidden;padding: 0 20px 20px;}
.frame-ct{position:relative;margin: 140px 0px 140px 0;padding-bottom: 60px;background:#fff;z-index:1010;cursor:auto;width: 100%;transform: translate(0,100%);-webkit-transform:translate(0,100%);transition: 400ms;}
.frame-title{display:block;background-color: #ffffff;border-bottom: 1px solid #ebebeb;padding: 5% 0px;}
.frame-title .t1{color: #222222;font-size: 36px;text-align: center;line-height: 1.5em;}
.frame-title .t2{color: #5d5d5d;font-family:"microsoft yahei";font-size: 20px;}
.frame-title .time{padding-top: 10px;text-align: center;}
.frame-title .time .d{color: #848484;font-size: 14px;margin-right: 10px;}
.frame-title .time .d a{color: #848484;font-size: 13px;width: 20px;height: 30px;text-align: center;line-height: 30px;display: inline-block;cursor: pointer;position: relative;}
.frame-title a:link,.frame-title a:visited{color: #2a7bc1;}
.frame-title a:active,.frame-title a:hover{color: #00538c;}
.frame-ct-preview{padding: 36px 0px;overflow: hidden;}
.framC{color: #808080;font-size: 14px;}
.framC a:link,.framC a:visited{color: #2a7bc1;}
.framC a:active,.framC a:hover{color: #00538c;}
.framC img{max-width: 100%;}
.list-description{background: #f6f6f6;padding: 25px 0px;}
.list-description a:link,.list-description a:visited{color: #777777;}
.list-description a:active,.list-description a:hover{color: #3a3a3a;}
.frameClose{display: block;width: 80px;height: 80px;position: fixed;right: 20%;top: 120px;margin-top: -35px;z-index: 1018;overflow: hidden;transform: translateY(-190px);transition: 400ms;}
.frameClose span{display: block;width: 100%;height: 100%;text-align: center;transition: 0.4s;}
.frameClose span.i0{font: 16px/1.2 "microsoft yahei";color: #fff;background-color: #00538c;padding-top: 20px;height: 80px;position: absolute;left: 0px;top: 0px;}
.frameClose span.i1{background: url(../images/fram_close.png) no-repeat scroll center center #00538c;color: #fff;position:absolute;left:0;top:80px;}
.frameClose:hover span.i0{top: -80px;}
.frameClose:hover span.i1{top: 0px;}
#info-frame .frame-title{text-align: center;}
#proinfo-frame .frame-title{padding: 90px 0px 20px 0px;}
.inner { width: 900px; margin: 0px auto;}
@media screen and (max-width:1600px){.frame-title .t1{font-size: 30px;}}
@media screen and (max-width:1440px){.frame-title .t1{font-size: 36px;}
.frame-ct-preview{padding: 46px 0px;}}
@media screen and (max-width:1280px){.frame-title .t1{font-size: 28px;}
.frame-ct-preview{padding: 26px 0px;}
.list-description{padding: 25px 0px;}
.frame-ct{margin: 120px 0px auto 0px;}}
@media screen and (max-width:1024px){.frame-title .t1{font-size: 24px;}
.paging .l, .paging .r{float: none;display: block;width: 100%;text-align: left;}
.inner { width: 90%; }
.paging .r{margin-bottom: 10px;}
.inner {width: 90%;padding-left: 5px;padding-right: 5px;}
.sharpBox{width: 50px;height: 50px;margin: 0px 0px 20px 5%;}}
@media screen and (max-width:860px){.frame-ct{margin: 0px auto;}
.framBlack{width: 100%;}
.frameClose{top: auto;bottom: 15%;left: auto;right: 2%;margin-top: 0px;width: 50px;height: 50px;z-index: 1012;background-color: #00538c;border-radius: 50%;}
.frameClose span.i0{display: none;}
.frameClose span.i1{left: 15px;top: 15px;width: 20px;height: 20px;background-size: cover;}
.frameClose:hover span.i1{left: 15px;}
.inList .c{width: 50%;}}
@media screen and (max-width:641px){#proinfo-frame .frame-title{padding: 20px 0px 20px 0px;}
.frame-title .t1{font-size: 20px;}
.frame-ct-preview{min-height: 470px;}}
.head-top{height:77px;width:100%;background-color:#000;}
.list-jc{text-align:center;margin: 60px 0 30px 0;}
.list-jc a{color:#1b1b1b;font-size:12px;padding: 5px 15px;display:inline-block;}
.list-jc li.active a,.list-jc li a:hover{color:#fff;background-color:#2a7bc1}
.infoList{background: #ffffff;margin: 60px 0;}
.infoList .info-item{margin-bottom:50px;}
.infoList .info-item .con{background:#fff;padding: 1.5em;height: 179px;transition: 0.3s linear;overflow: hidden;}
.infoList .info-item .img{overflow:hidden;}
.infoList .info-item .img img{max-width:100%;transition: 0.3s linear;}
.infoList .info-item .con .t{font-size: 18px;color: #232323;line-height: 2em;word-spacing: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.infoList .info-item .con .time{color:#2a7bc1;font-size:12px;margin: 0.5em 0;}
.infoList .info-item .con .brief{color:#a4a4a4;font-size:12px;height: 55px;line-height: 1.5em;overflow: hidden;display: block;}
.infoList .info-item .con .more{transition: 0.5s linear;margin-top:40px;}
.infoList .info-item a:hover .more{margin-top:10px;}
.infoList .info-item a:hover .brief{display:none;}
.infoList .info-item a:hover img{transform:scale(1.1)}
.l{float: left;display: inline-block;color: #848484;font-size: 16px;width: 45%;text-align: right;}
.r{float: right;display: inline-block;color: #848484;font-size: 16px;width: 45%;text-align: left;}
.honor-more{width:100%;text-align:center;padding-top: 60px;padding-bottom: 60px;}
.hvr-underline-from-center{position: relative;background: rgb(0, 83, 140);font-size: 14px;line-height: 42px;font-weight: normal;color: #ffffff;border: 2px solid rgb(255, 255, 255);text-transform: uppercase;display: inline-block;padding: 0 16px;font-family: Microsoft YaHei,'Roboto', sans-serif;-webkit-transition:all .5s cubic-bezier(0.4, 0, 1, 1);transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
.hvr-underline-from-center:hover{background:#fff;color: #0a0a0a;-webkit-transition:all .5s cubic-bezier(0.4, 0, 1, 1);transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
.pager{overflow:hidden; clear:both; width:100%; text-align:center; word-wrap:normal; word-break:normal;}
.pager a,
.pager span{display:inline-block; margin:0 3px 0 3px;}
.pager a,
.pager span.page-break,
.pager span.page-start,
.pager span.page-end,
.pager span.page-cur{padding:0px 6px 0px 6px; height:26px; line-height:26px;}
.pager a,
.pager .page-cur,
.pager .page-start,
.pager .page-end,
.pager .page-prev,
.pager .page-next{color:#4c4c4c;background-color: #ffffff;border: solid 1px #f5f5f5;font-size:14px;}
.pager a:hover{text-decoration:none; color:#8e6b43; background-color:#ffffff; border:solid 1px #2a7bc1;}
.pager .page-cur{background-color:#ffffff;border:solid 1px #ffffff;color: #2a7bc1;}
.pager .page-break{color:#4c4c4c; font-size:14px;}

.pager .page-skip{height:26px;display: none;white-space:nowrap;color:#4c4c4c;margin-left:10px;}
.pager .page-skip input.skip_text{margin:-7px 5px 0px 5px; border:1px solid #f5f5f5; width:35px; height:22px; padding:0; text-align:center; color:rgb(0, 0, 0); vertical-align:middle;}
.pager .page-skip input.skip_button{border:solid 1px #c8c8c8; color:#333; background-color:#f5f5f5; margin:-7px 0px 0px 5px; width:48px; height:24px; cursor:pointer; vertical-align:middle;}
.pager .page-skip input.skip_button:hover{background-color:#3b618e; border:solid 1px #8e6b43; color:#ffffff;}


/* * Swiper 2.7.6=====*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering*/z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
.pc-slide{max-width: 555px;margin: 0 auto;}
.view .swiper-container{max-width: 555px;height: 455px;}
@media screen and (max-width:550px){.view .swiper-container{height: 422px;}}
@media screen and (max-width:500px){.view .swiper-container{height: 380px;}}
@media screen and (max-width:450px){.view .swiper-container{height: 339px;}}
@media screen and (max-width:400px){.view .swiper-container{height: 298px;}}
@media screen and (max-width:350px){.view .swiper-container{height: 257px;}}
@media screen and (max-width:300px){.view .swiper-container{height: 216px;}}
.view .swiper-slide {background-size: cover;background-position: center;height: auto;}
.view .swiper-slide a{display: block;height: 100%;}
.view .swiper-slide  img{max-width: 100%;height: auto;display: block;position: relative;width: 100%;border: 1px solid #dcdcdc;}
.view .arrow-left{position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;display:none}
.view .arrow-right{position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;display:none}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{max-width: 555px;height: 108px;margin-left: 0;}
.preview .swiper-slide{width: 130px;height: 107px;margin-right: 11px;}
.preview .slide6{width: 99px;}
.preview .arrow-left{position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right{position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img{padding: 1px;width: 100%;cursor: pointer;border: 1px solid #dcdcdc;}
.preview .active-nav img{padding: 0;border: 1px solid #00538c;}
a.equal-height-item{text-decoration:none;display: block;width: 100%;overflow: hidden;position: relative;}
.equal-height-item {margin: 0;display: inline-block;width: 100%;height: 100%;}
.equal-height-item:hover .item-cell__bottom{background-color:rgba(10, 10, 10, 0);}
.equal-height-item:hover .item-cell__bottom .item-title{color:#fff;}
.equal-height-item  img{position: relative;max-width: 100%;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.equal-height-item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.item-cell__bottom{width: 100%;height: 100%;text-align:center;color: #fff;background-color:rgba(10, 10, 10, 0.32);position: absolute;right: 0;left: 0;bottom: 0;top: 0;z-index: 11;vertical-align: middle;visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.item-cell__bottom h1{top: 32%;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;position: relative;}
.item-cell__bottom span{display:block;width:92px;height:38px;border: solid 1px #ababab;font-size: 14px;color: #ababab;margin: 0 auto;line-height: 36px;position: relative;top: 40%;}
.equal-height-item:hover item-cell__bottom{opacity:0;}
.newsletter{margin: 0 auto;float: none;overflow: hidden;max-width: 450px;position: relative;}
.newsletter input[type="text"]{margin-top: 22px;padding: 17px 80px 19px 16px;border: 1px solid #2a5c7d;width: 100%;text-align: left;color: #222831;background-color: #ffffff;outline: none;}
.newsletter input[type="submit"]{width: 60px;height: 32px;border-left: 1px solid #ccc;background-image: url('../images/search.png');background-repeat: no-repeat;background-position: center;position: absolute;background-color: #ffffff;top: 35px;right: 20px;border-left: 1px solid #ccc;border-top: none;border-right: none;border-bottom: none;padding: 0em;outline: none;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.jc-null a{color:#00538c;font-weight:bold;}

/*product*/
.bg_pro{background:#f6f6f6;padding-left: 10px;padding-right: 10px;}
.pro_list_item{margin-bottom: 0;border: 1px solid #dbdbdb;text-align: center;padding-bottom: 20px;}
.pro_list_item{overflow: hidden;}
.pro_list_item .img{width:100%;overflow: hidden;}
.pro_list_item .grid{overflow: hidden;margin-top: 10px;}
.pro_list_item img{-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.pro_list_item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.pro_list_item p{font-size: 16px;color: #1c1c1c;margin-top: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.pro_list_item:hover p{color:#ffffff;background:#00538c;}
.pro_cont{padding:50px 0;}


/*service*/
.aftersales,.technology{padding-top: 30px;padding-bottom: 50px;}
.aftersales .cont,.technology .cont{overflow:hidden;position:relative;}
.aftersales .cont img,.technology .cont img{-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.aftersales .cont:hover img,.technology .cont:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.aftersales .cont h3,.technology .cont h3{position: absolute;bottom: 20px;left: 60px;color: #fff;}
.aftersales .cont .line,.technology .cont .line{display:block;padding-top: 5px;width: 0px;border-bottom: 1px solid #fff;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.aftersales .cont:hover .line,.technology .cont:hover .line{width:100px;}
#inline1,#inline2{max-width: 1600px; display: none;}

/*service*/
.aftersales,.technology{padding-top: 30px;padding-bottom: 50px;}
.aftersales .cont,.technology .cont{overflow:hidden;position:relative;}
.aftersales .cont img,.technology .cont img{-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.aftersales .cont:hover img,.technology .cont:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.aftersales .cont h3,.technology .cont h3{position: absolute;bottom: 20px;left: 60px;color: #fff;}
.aftersales .cont .line,.technology .cont .line{display:block;padding-top: 5px;width: 0px;border-bottom: 1px solid #fff;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;}
.aftersales .cont:hover .line,.technology .cont:hover .line{width:100px;}
#inline1,#inline2{max-width: 1600px; display: none;}

/*questions*/
.questions-info{padding: 110px 0;background: #f5f5f5;}
.questions-info .services__info-block .services__title:before,.about-info .services__info-block:first-child .services__title:before{margin-left: 0;}
.questions-info .services__info-block{margin-bottom: 15px;background: #fff;}
.questions-tabs--about{margin-left: 40px;}
.questions-tabs--about .aside-tabs__blocks{padding: 45px 30px 40px 30px;}
.questions-tabs--about .aside-tabs__links a{font: 30px 'Microsoft YaHei',sans-serif;padding-left: 32px;padding-right: 32px;border-left: 1px solid #eee;border-top: 3px solid #eee;}
.questions-tabs--about .aside-tabs__links a:hover{border-top-color:#ce0000;}
.questions-tabs--about .aside-tabs__links a.aside-tabs__active-link{border-top: 3px solid #ce0000;}
.questions-tabs--about .aside-tabs__links a:last-child{border-right: 1px solid #eee;}
.questions-tabs--about .aside-tabs__blocks{border-left:1px solid #eee;border-right:1px solid #eee;}
.questions-tab__img{margin-bottom: 40px;}
.questions-tab > p{margin: 0 0 35px 0;font: 300 14px 'Lato',sans-serif;line-height: 1.5;}
.questions-info .services__info-block--active h5{ background: #00538c;color: #fff;}
.questions-info .triangle-list{padding: 0;list-style:none;margin: 0;}
.questions-info .triangle-list__one{padding-left: 20px;margin-bottom: 10px;font: 400 14px 'Lato',sans-serif;}
.questions-info .triangle-list__one:last-child{margin-bottom: 0;}
.questions-info .triangle-list__one.triangle:after{border-bottom:8px solid #ce0000;border-right:8px solid transparent;bottom:3px;left:0;}
.questions-info .services__info{border-bottom:1px solid #eee;}
.questions-info .services__title{margin: 0;position: relative;overflow: hidden;font-size: 16px;font-weight: normal;margin-left: 0;background: #fff;}
.questions-info .services__title:before{content:'Q';top:0;left:0;display: inline-block;width: 10%;float: left;background: #ffffff;color: #1e1e1e;padding: 20px 0 20px 0;margin-left: 0;text-align: center;border-right: 1px solid #f5f5f5;}
.questions-info .services__info-block--active h5.services__title:before{background: #00538c;color: #fff;border-right: 1px solid #fff;}
.questions-info .services__title a:first-child{font: 30px 'Microsoft YaHei',sans-serif;font-weight: normal;margin-top: 5px;}
.questions-info .services__title a:first-child:hover{font-weight:bold;}
.questions-info .services__text{margin:0 0 0 0;padding-left: 20px;font: 14px 'Microsoft YaHei',sans-serif;line-height:1.5;padding-bottom: 35px;display:none;}
.questions-info .triangle--services:after{border-bottom: 12px solid red;border-right: 12px solid transparent;left:0;bottom:0;}
.questions-info .services__info-block--active .services__text{display: block;}
.questions-info .m_23{margin: 20px 0px 20px 0px;padding: 0 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 75%;}
.questions-info .services__title a:first-child:hover{font-weight:normal;}
.questions-info .square--toggle{font-weight: normal;color: #000000;width: 15%;text-align: right;padding-right: 30px;padding-bottom: 16px;font-size: 16px;padding-top: 23px;cursor: pointer;}
.questions-info .square--toggle:hover{color: #00538c;}
.questions-info .services__info-block--active .square--toggle{color: #fff;}
.questions-info .brief{margin-top:30px;margin-right: 20px;}
.holder{margin: 15px 0;text-align: center;}
.holder a{font-size: 14px;cursor: pointer;margin: 0;padding: 0 5px;color: #333;}
.holder a:hover{background-color: #00538c;color: #fff;}
.holder a.jp-previous{margin-right: 15px;}
.holder a.jp-next{margin-left: 15px;}
.holder a.jp-current, a.jp-current:hover{color: #007ed4;font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover{color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover{cursor: default;background: none;}
.holder span{margin: 0 5px;}

/*message*/
.message-info{padding: 110px 0;}
.message-info .con{margin-top:20px;}

/*quality-info*/
.quality-info{padding: 90px 15px;}
.quality-info .gallery-item{position: relative;overflow: hidden;display: block;float: left;z-index: 110;padding: 0;}
.quality-info .gallery-item img{position: relative;max-width: 100%;-webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.quality-info .gallery-item .overlay{position: absolute;right: 0;left: 0;bottom: 0;top: 0;z-index: 11;vertical-align: middle;visibility: visible;opacity:1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.quality-info .gallery-item .overlay h2, .fh5co-gallery .gallery-item .overlay span{position: absolute;z-index: 12;margin-bottom: 0;text-align: center;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.quality-info .gallery-item .overlay h2{color: #fff;font-size: 20px;margin-bottom: 30px;margin-left: 20px;bottom: 5px;font-weight: normal;}
.quality-info .gallery-item .overlay span{color: #da1212;color: rgba(255, 255, 255, 0.7);font-size: 11px;letter-spacing: 2px;text-transform: uppercase;bottom: 0px;visibility: visible;opacity: 1;}
.quality-info .gallery-item .overlay:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;bottom: 0;right: 0;background: rgba(39, 39, 39, 0.48);}
.quality-info .gallery-item:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.quality-info .gallery-item:hover .overlay{visibility: hidden;opacity: 0;}
.quality-info .gallery-item:hover .overlay:before{content: '';position: absolute;z-index: 1;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
.quality-info .gallery-item:hover .overlay h2{bottom: 0px;}
.quality-info .gallery-item:hover .overlay span{visibility: hidden;opacity: 0;bottom: 0px;}
.quality-info .gallery-item{width: 31.3333%;margin: 1%;}
@media screen and (max-width:767px){.quality-info{padding: 60px 10px;}
.quality-info .gallery-item{width: 49%;margin: 0.5%;}}
@media screen and (max-width:480px){.quality-info{padding: 30px 0px;}
.quality-info .gallery-item{width: 90%;margin: 5%;}}

.quality-info .certificate .gallery-item img{z-index:-1;}
.quality-info .certificate .gallery-item h3{background:#ffffff;text-align: center;font-weight: normal;margin: 0;padding: 10px 5px 10px 5px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.quality-info .certificate .gallery-item{border-bottom: 2px solid #d2d8dd;border: 2px solid #d2d8dd;margin-bottom: 40px;}
.quality-info .certificate .gallery-item:hover{border:2px solid #d2d8dd;}
.quality-info .certificate .gallery-item:hover h3{color:#00538c;}


/*recruitment*/
.recruitment-info{padding: 110px 0 30px 0;background: #fff;}
.recruitment-info .services__info-block{margin-bottom: 15px;background: #f5f5f5;}
.recruitment-tabs--about{margin-left: 40px;}
.recruitment-tabs--about .aside-tabs__blocks{padding: 45px 30px 40px 30px;}
.recruitment-tabs--about .aside-tabs__links a{font: 30px 'Microsoft YaHei',sans-serif;padding-left: 32px;padding-right: 32px;border-left: 1px solid #eee;border-top: 3px solid #eee;}
.recruitment-tabs--about .aside-tabs__links a:hover{border-top-color:#ce0000;}
.recruitment-tabs--about .aside-tabs__links a.aside-tabs__active-link{border-top: 3px solid #ce0000;}
.recruitment-tabs--about .aside-tabs__links a:last-child{border-right: 1px solid #eee;}
.recruitment-tabs--about .aside-tabs__blocks{border-left:1px solid #eee;border-right:1px solid #eee;}
.recruitment-tab__img{margin-bottom: 40px;}
.recruitment-tab > p{margin: 0 0 35px 0;font: 300 14px 'Lato',sans-serif;line-height: 1.5;}
.recruitment-info .services__info-block--active h5{ background: #00538c;color: #fff;}
.recruitment-info .triangle-list{padding: 0;list-style:none;margin: 0;}
.recruitment-info .triangle-list__one{padding-left: 20px;margin-bottom: 10px;font: 400 14px 'Lato',sans-serif;}
.recruitment-info .triangle-list__one:last-child{margin-bottom: 0;}
.recruitment-info .triangle-list__one.triangle:after{border-bottom:8px solid #ce0000;border-right:8px solid transparent;bottom:3px;left:0;}
.recruitment-info .services__info{border-bottom:1px solid #eee;}
.recruitment-info .services__title{margin: 0 0 0 20px;position: relative;overflow: hidden;font-size: 16px;font-weight: normal;margin-left: 0;background: #f5f5f5;}
.recruitment-info .services__title a:first-child{font: 30px 'Microsoft YaHei',sans-serif;font-weight: normal;margin-top: 5px;}
.recruitment-info .services__title a:first-child:hover{font-weight:bold;}
.recruitment-info .services__text{margin:0 0 0 0;padding-left: 20px;font: 14px 'Microsoft YaHei',sans-serif;line-height:1.5;padding-bottom: 35px;display:none;}
.recruitment-info .triangle--services:after{border-bottom: 12px solid red;border-right: 12px solid transparent;left:0;bottom:0;}
.recruitment-info .services__info-block--active .services__text{display: block;}
.recruitment-info .m_23{margin: 20px 0px 20px 0px;display: block;white-space: nowrap;overflow: hidden;padding-left: 30px;text-overflow: ellipsis;width: 80%;font-weight: bold;}
.recruitment-info .m_23 em{color: #848484;font-weight: normal;}
.recruitment-info .services__info-block--active  .m_23 em{color:#fff;}
.recruitment-info .services__title a:first-child:hover{font-weight:normal;}
.recruitment-info .square--toggle{font-weight: normal;color: #000000;width: 20%;font-size: 16px;padding-right: 30px;padding-top: 23px;padding-bottom: 16px;text-align: right;cursor: pointer;}
.recruitment-info .square--toggle:hover{color: #00538c;}
.recruitment-info .services__info-block--active .square--toggle{color: #fff;}
.recruitment-info .brief{margin-top:30px;margin-right: 20px;}
.recruitment-info .tit1{font-size: 14px;font-weight: bold;margin-right: 30px;display: inline-block;}
.recruitment-info .tit1 span{font-weight: normal;}
.recruitment-info .tit2{font-size: 14px;font-weight: bold;color: #000;display: block;margin-top: 20px;}

/*about_certificate*/
.staff-info{margin:2em 0;}
.staff-info h2{font-size: 50px;font-weight: bold;margin-bottom: 0;line-height: 30px;color: #212121;text-transform: uppercase;}
.staff-info .staff_list{margin-top: 1em;}
.staff-info .staff_list .item{margin: 2em 0 1em 0;}
.staff-info .staff_list .item .staff_img{position: relative;display: inherit;border:4px solid #fff;overflow:hidden;}
.staff-info .staff_list .item .staff_img:hover{border:4px solid #00538c;}
.staff-info .staff_list .item img{max-width:100%;}
.staff-info .staff_list .item .honor_img:hover img{transition: 30s linear;-webkit-transform: scale(1.5);transform: scale(1.5);}
.staff_list h5{font-size: 16px;font-weight: bold;color: #fff;display: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (max-width:1400px){.staff-info h2{font-size: 34px;line-height: 20px;}}
@media screen and (max-width:991px){.staff-info .staff_list .item{width: 50%;float: left;margin: 1em 0 0 0;}}


#map-canvas{width:100%;}.my-map {height:430px;}
@media screen and (max-width:1400px){.my-map {height:430px;}}
@media screen and (max-width:900px){.my-map {height:360px;}}

/* Extra small devices (phones, less than 768px)*//* No media query since this is the default in Bootstrap*//* Small devices (tablets, 768px and up)*//* Small devices (tablets, 768px and up)*//* Medium devices (desktops, 992px and up)*//* Large devices (large desktops, 1200px and up)*//* Extra small devices (phones, less than 768px)*//* No media query since this is the default in Bootstrap*//* (min-width:1200px)+++*/@media only screen and (min-width:1200px){}
/* (min-width:992px) (max-width:1199px)*/@media only screen and (max-width:1199px){.et-ht-cntct-details{text-align: center;}
.et-social-linked{float: none !important;text-align: center;}
.et-blog-ftr .et-readmore{margin-right: 40px;}
.et-blog-col{margin-bottom: 30px;}
.et-twitter-feed-widget, .foter-logo, .et-flickr-widget{margin-bottom: 50px;}}
/* (min-width:768px) (max-width:991px)*/@media only screen and (max-width:991px){.et-blog-ftr .et-date{padding-right: 5px !important;}
.service-carousel-et-one .owl-prev i, .owl-next i{display: none;}
.et-service-column{margin-bottom: 50px;}
.et-srvc-ovrly-icon{top: 20%;}
.et-project-column{margin-bottom: 20px;}
.et-team-col{margin-bottom: 30px;}
.et-cllback-srbc-inner, .et-fact-counterd{margin-bottom: 30px;}
.et-welcome-half{margin-bottom: 50px;}
.et-pricing-table{margin-bottom: 40px;}
.et-cllback-srbc-inner.et-right{border: none;}
.et-mailsubscriber-ttl{text-align: center;}
.et-mailsubscriber-bg{top: -100px;}
.et-mailsubscriber-bg button{margin-bottom: 10px;}
.et-service-column3 .et-srvc-sntnt > p{padding-left: 16%;}
h3{font-size: 90%}
.isotope-filter li a{margin-bottom: 15px;}
.isotope-gallery.et-grid-four-item .isotope-item{width: 33%;}
.et-faq-box{margin-top: 30px;}
.et-extra-etfz{font-size: 100px;line-height: 100px;}
.et-maintanance-ttl{font-size: 36px;}}
/* (min-width:480px) (max-width:767px)*/@media only screen and (max-width:767px){.img-fluid{max-width: 100% !important;}
.navbar-default .navbar-toggle{margin-top:15px;border-radius:0px;}
.foter-logo{margin-bottom: 30px;margin-top: 30px;}
.et-clients{text-align: center;}
.et-team-pdicons{left: 20px;top: 0;}
.et-srvc-ovrly-icon{top: 40%;}
.et-prcbgc{left: -116px;right: -116px;}
h3{font-size: 80%}
.isotope-gallery.et-grid-four-item .isotope-item,.isotope-gallery.et-grid-three-item .isotope-item{width: 50%;}
.et-title-faq,.et-title-faq2{display: none;}
.et-ht-cntct-details li a{line-height: 1em;padding-top: 1em;display: inline-block;}
.et-social-linked a{line-height: 1em;padding-top: 1em;padding-bottom: 1em;display: inline-block;}}
/* (min-width:361px) (max-width:479px)*/@media only screen and (max-width:479px){.et-welcome-estimate, .et-welcome-price{left: 0;}
.et-extrabg-dgn{padding-left: 20px;}
.et-welcome-support{top: 0;}
.et-welcome-estimate{top: 32%;}
.et-welcome-price{bottom: 0;}
.list-inline.et-intro-sec-cntnt{position: relative;margin-bottom: 30px;}
.isotope-gallery.et-grid-four-item .isotope-item,.isotope-gallery.et-grid-three-item .isotope-item{width: 100%;}}
/* (min-width:321px) (max-width:360px)*/
@media only screen and (max-width:360px){.menuzord-brand img{width: 80%;}}
@media only screen and (max-width:320px){
.menuzord-brand img{width: 75%;}}
.et-feature{display: none;}
#cid i{float:right}
.node_left{width: 280px;margin-right: 20px;float: left;}
.node_left .services__info-block--active .services__text{display: block;}
.list-node .node-con ul li a.jc_current{color: #00538c;font-weight: bold;border-left: 4px solid #00538c;padding-left: 20px;}
.list-node .node-con ul li.jc-current{color: #fff;border: 1px solid #123365;}
.list-node .node-con ul li.jc-current a{height: 30px;width: 205px;color: #fff;border: 1px solid #123365;}
.list-node{width: 280px;padding-bottom: 30px;}
.list-node h2.name a{color: #fff;text-decoration: none;}
.list-node h2.name span{color: #fed880;text-decoration: none;font-size: 14px;}
.list-node .node-con ul li{width: 100%;font-size: 14px;color: #666666;font-weight: bold;background-color: #fff;line-height: 54px;height: auto;border-top: 1px solid #dbdbdb;}
.list-node .node-con ul li:last-child{border-bottom: 1px solid #dbdbdb;display: block;}
.list-node .node-con ul li p{padding-top: 15px;padding-bottom: 10px;padding-right: 5px;padding-left: 15px;margin: 0;cursor: pointer;}
.list-node .node-con ul li p:hover{color:#00538c;}
.list-node .node-con ul li ul{background: #f0f0f0;display: none;}
.list-node .node-con ul li ul li{background: #f0f0f0;padding: 10px 0;color: #595959;border-top: none;height: auto;border-bottom: 1px solid #ffffff;}
.list-node .node-con ul li ul li:last-child a{border-bottom:none;}
.list-node .node-con ul li a{color: #3b3b3b;line-height: 1em;margin: 19px 0;font-size: 16px;font-weight: normal;}
.list-node .node-con ul li a:hover{color: #123365;text-decoration: none;border-left: 4px solid #00538c;padding-left: 20px;}
.node_right{width: 790px;float: right;text-decoration: none;margin-bottom: 30px;padding-bottom: 40px;}
.list-node .node-con ul li ul li a{color: #3b3b3b;border-top: none;font-size: 14px;height: auto;display: block;border-left: 4px solid #f0f0f0;line-height: 2em;padding-left: 27px;padding-right: 20px;margin: 0;}
.list-node .node-con ul li ul li a:hover{color: #0059ab;text-decoration: none;padding-left: 27px;padding-right: 20px;}
.list-node .node-con ul li ul li .se_current{color: #0059ab;border-left: 4px solid #f0f0f0;}
#cid{text-align: left;border-radius: 4px 4px 0 0;text-transform: uppercase;color: #00538c;padding: 10px;border: 1px solid #ccc;display: none;font-weight: bold;font-size: 16px;}
#cid i{float:right}
@media only screen and (max-width:1200px) {.node_right{max-width: 650px;}
.node_left{width: 100%;width: 270px;margin-right: 20px;float: left;}.list-node{width: 100%;padding-bottom: 30px;}}
@media only screen and (max-width:991px) {.node_right{width:100%;float: none;margin-top: 20px;}
.node_left{width: 100%;display: none;}
#cid{display: block;}}
.jc-concept{margin-top: 80px;}