/* --------------------------------------
=========================================
Pixel | Agency - Responsive Mutipurpose HTML5 Template
Version: 1.1 (Release)
Designed By: rkwebdesigns
=========================================
Table Of Contents
01) Common Style
02)TOP HEADER
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
22)Section 15
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21
30)Section 22
31)Section 23
*/

/************************************
 01)Common CSS 
*************************************/

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

html,
body {
    height: 100%
}

body {
    font-weight: 300;
    color:#777777;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #333;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 0 solid
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.btn {
    padding: 10px 20px;
    font-weight: 300;
    border-radius: 0;
}
.btn-sm{
    padding: 6px 15px;
}

.btn-primary {
    color: #fff;
    background-color: #152f8d;
    border-color: #152f8d;
    line-height: 60px;
    text-align: center;
    padding: 0 38px;
    border-radius: 8px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0393ca;
    border-color: #0393ca;
}

.btn-secondary {
        color: #152f8d;
    background-color: #fff;
    border-color: #fff;
    line-height: 60px;
    text-align: center;
    padding: 0 38px;
    border-radius: 8px;
}

.btn-secondary:hover {
    color: #152f8d;
    background-color: #efeded;
    border-color: #efeded;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}

.read-more {
    color: #152f8d;
    font-size: 16px;
    font-weight: 300;
}

.read-more:hover {
    text-decoration: underline;
    color: #152f8d;
}

p {
    line-height: 26px;
}

.section-margine {
    margin: 70px 0 70px 0;
}
.over-bg{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(41, 134, 226, 0.5);
}
/*** Heading Lines ***/
.title-head{
    margin-bottom: 40px;
    text-align: center;
}
.line-heading .line-left,
.line-heading .line-right {
  width: 55px;
  height: 0;
  border-top: 1px dashed #152f8d;
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle; 
}
.line-heading .line-left {
  margin-right: 30px; 
}
.line-heading .line-right {
  margin-left: 30px; 
}
.line-middle {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  line-height: 20px;
  color: #fff;
  font-size: 16px;
  background: #152f8d;
  border-radius: 50%;
}
.line-middle:before, 
.line-middle:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #152f8d;
    top: 7px;
}
.line-middle:before {
    left: -20px; 
}
.line-middle:after {
    right: -20px; 
}

/************************************
02)TOP HEADER
*************************************/

.top-header {
    background: #eaeaea;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    overflow: hidden;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 10px 0;
    margin-bottom: 0;
    margin-right: 35px;
}

.contact-detail2 li a {
    color: #858585;
    font-size: 13px;
    font-weight: 300;
}

.social-icons {
    list-style: outside none none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    margin-right: 10px;
    display: inline;
}
.social-icons li:last-child,
.social-icons li:last-child a{
    margin-right: 0!important;
    padding-right: 0!important;
}
.social-icons a {
    color: #858585;
    font-size: 16px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #00AEFF
}


/************************************
03)Logo
*************************************/

.navbar-brand {
    float: left;
    height: auto;
    padding: 0px 0;
    font-size: 20px;
    line-height: 20px;
}

.logo-text {
    text-transform: none;
    font-size: 25px;
    vertical-align: bottom;
    line-height: 38px;
    letter-spacing: 1px;
    color: #777;
    font-family: 'Raleway', sans-serif;
}
.logo-text samp {
    background: #152f8d;
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/************************************
04)Navbar
*************************************/

.navbar {
    margin-bottom: 0;
}

.header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    -moz-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    z-index: 999;
    margin-top: 0 !important;
    background: #fff !important;
    position: fixed !important;
}

.navbar-fixed-top .navbar-nav>li>a {
    background: transparent !important;
}

.navbar-menu .navbar-right .dropdown-menu {
    left: 0!important;
}
.dropdown-menu{
    padding: 0;
    border: 0;
    box-shadow: none;
}
.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu>li>a {
    font-size: 12px;
    font-weight: 400;
    color: #777;
    background: #fff;
    padding: 10px;
}

.dropdown-menu> li >a:hover {
    color: #fff !important;
    background-color: #152f8d;
}

.navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 12px 0px 0px;
    font-weight: 600;
    margin-bottom: 0;
}

.navbar-menu .navbar-nav>li>a {
    background: transparent !important;
    font-weight: 500;
	font-size:18px;
}
.navbar-menu .navbar-nav>li:last-child>a{
    padding-right: 0!important;
}
.navbar-menu .navbar-nav>li>a:hover,
.navbar-menu .navbar-nav>li>a:active {
    color:#ff8924;
}

.navbar-menu .navbar-nav>.open>a,
.navbar-menu .navbar-nav>.open>a:focus,
.navbar-menu .navbar-nav>.open>a:hover {
    color: #152f8d;
    background-color: #fff;
}

.navbar-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 26px;
}


/************************************
05)Banner
*************************************/

#main-slide .item {
    min-height: 700px;
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}

#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
	display:flex;
	align-items:center;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .slider-content.text-left {
    left: 10%;
}

#main-slide .slider-content.text-right {
    right: 10%;
}

.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}
.slider-content p{
    color: #152f8d;
}
.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #ec6900;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-sub-title {
    font-style: normal;
    font-size: 52px;
    line-height: 58px;
    margin: 15px 0;
    color: #152f8d;
    font-weight: 700;
    

}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 5px;
    border: 2px solid transparent;
}

.slider.border {
    background: none;
    border: 2px solid #fff;
}

.slider.border:hover {
    background: #152f8d;
    border: 2px solid transparent;
}


/* Carousel control */

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, .5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background: #152f8d;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right,
#main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right,
#main-slide:hover .carousel-indicators {
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}

#main-slide .carousel-control i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 174, 240, 0.5);
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#main-slide .carousel-control i:hover {
    background: #152f8d;
}

.carousel .item.active .effect2 {
    -webkit-animation: fadeInLeft 1s ease-in 350ms both;
    animation: fadeInLeft 1s ease-in 350ms both;
}

.carousel .item.active .effect3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}

.carousel .item.active .effect4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}

.carousel .item.active .effect5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .effect6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}

.carousel .item.active .effect7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}



/************************************
06)Section 1
*************************************/

.section-1-box {
    padding: 20px 0;
    text-align: center;
}

.section-1-box-icon-background {
    border-width:2px;
    border-style: solid;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 25px auto;
    color: #e8e8e8;
	display:none;
}

.section-1-box-icon-background i {
    margin-top: 30px;
    color: #152f8d;
    font-size: 40px;
}

.section-1-box h4 {
    color: #152f8d;
    font-size: 43px;
    margin: 0 0 20px 0;
}

.section-1-box p {
    color: #777;
    font-size: 16px;
}


/************************************
07)Section 2
*************************************/

.section-2-box-left figure {
    margin-bottom: 15px;
}

.section-2-box-left h4 {
    font-size: 20px;
    color: #555555;
    margin: 15px 0;
}
.section-2-box-left a{
    margin: 15px 0;
}
.section-2-box-right{
    background-color: #152f8d;
    padding: 20px 25px;
}
.section-2-box-right h3{
    color: #ffffff;
}
.section-2-box-right p {
    color: #fff;
}
.section-2-box-right ul{
    padding: 0;
    margin: 15px 0;
}
.section-2-box-right ul li{
    list-style: none;
    color: #fff;
    font-weight: 300;
    padding: 5px 0;
}
.section-2-box-right .btn{
    width: 100%;
    border: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

/************************************
08)Section 3
*************************************/

.section3-background {
    background: #152f8d;
    background-size: cover;
}

.section-3-box {
    padding: 70px 0;
    text-align: center;
}

.section-3-box figure {
    color: #fff;
    margin: 10px 0;
}

.section-3-box h3 {
    font-size: 30px;
    color: #fff;
}

.section-3-box h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}


/************************************
09)Section 4
*************************************/

.section-4-box {
    padding: 20px 0;
    overflow: hidden;
}

.section-4-box-icon-cont {
    float: left;
    width: 30px;
    margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
    color: #152f8d;
}

.section-4-box-text-cont {
    margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
    color: #777;
    font-size: 16px;
}

.section-4 .right h2 {
    margin-bottom: 10px;
}
.section-4 .right b {
    font-size: 16px;
    font-weight: normal;
}
.section-4 ul.section {
    float: left;
    width: 100%;
    padding: 0 3% 22px 0;
    margin: 25px 0 0 0;
    background: #fff;
}

.section-4 .section li {
    float: left;
    padding: 0;
    margin: 0;
    width: 75%;
    list-style: none;
}
.section-4 .section li a {
    font-size: 12px;
    color: #fff;
}
.section-4 .section li.left {
    float: left;
    width: 65px;
    color: #2cb1e9;
    font-size: 40px;
}
.section-4 .section li strong {
    font-size: 20px;
    color: #1889c1;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
.border-bottom{
    border-bottom: 1px solid #eeeeee;
}

/************************************
10)Section 5
*************************************/
.section-5{
    background:#f7f7f7;
    padding: 80px 0;
    border-top: 1px solid #eee;
}
.my-team .my-team-member {
    margin-bottom: 20px;
}
.my-team .my-team-member:last-of-type {
    margin-bottom: 0;
}
.my-team .my-team-member .my-member-img {
    overflow: hidden;
    background-color: #FFF;
}
.my-team .my-team-member .my-member-img img {
    width: 100%;  
}
.my-team .my-team-member .my-team-detail {
    background-color: #152f8d;
    padding: 6px 6px;
    position: relative;
}
.my-team .my-member-name {
    color: #FFF; 
    margin: 15px 0       
}
.my-team .my-member-post {
    color: #FFF;    
    font-size: 16px;
}
.my-team .my-member-social {
    position: absolute;
    top: -25px;
    right: 0;
    opacity: 0;
    -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;
}
.my-team .my-team-member:hover .my-member-social {
    top: -43px;
    opacity: 1;
}
.my-team .my-member-social ul li {
    margin-top: 6px;
    list-style: none;
    display: inline-block;
}
.my-team .my-member-social ul li a {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    border: 1px solid #152f8d;
    background-color: #152f8d;
    -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;
}
.my-team .my-member-social ul li a:hover {
    color: #3498DB;
    background-color: #FFF;
    border: #3498DB 1px solid;
}


/************************************
11)Section 6
*************************************/

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 30px;
    color: #555555;
}

.section-title h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #555555;
}

.section-6-box {
    margin-bottom: 20px;
}

.section-6-box h3 {
    font-size: 20px;
    color: #555555;
    margin-top: 30px;
}

.section-6-box p {
    font-size: 16px;
    color: #777;
}


/************************************
12)Section 7
*************************************/

.section-7-background {
    background-color: #252525;
    background-position: center;
    padding: 100px 0 0 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-7-box-text-cont {
    text-align: left;
}

.section-7-box-text-cont h2 {
    color: #fff;
}

.section-7-box-text-cont p {
    color: #fff;
    margin: 0 0 40px 0;
}


/************************************
13)Section 8
*************************************/

.mytestimonial{
    padding-bottom: 150px;
    background: url(../images/m4.jpg) no-repeat center;
    background-size: cover;
    padding-top: 100px;
}
.client-quote {
    color: #fff;
    max-width:700px;
    display: inline-block;
}
.client-name {
    color: #fff;
}
.client-quote i {
    color: #fff;
    font-size: 20px;
    padding: 0 12px;
}
#testimonial .carousel-indicators {
    bottom: -60px;
}
#testimonial .carousel-indicators li,
#testimonial .carousel-indicators .active {
    width: 60px;
    border: none;
    background-color: transparent;
}
#testimonial .carousel-indicators li img {
    width: 60px;
    height: 60px;
    border: 2px solid #FFF;
    border-radius: 50%; 
    opacity: 0.3;  
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
#testimonial .carousel-indicators li.active img {
    opacity: 1;  
    border: 2px solid #3399CC;
}
/************************************
14)Section 9
*************************************/

.section-9-background {
    background: #f7f7f7;
    padding: 25px;
}


/************************************
15)Section 10
*************************************/

.section-10-background {
    background: #152f8d;
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.section-10-box-text-cont h3 span{
    color:#ffb000;
    font-weight: 700;
}
.section-10-box-text-cont p {
    color: #fff;
    font-style: italic;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.section-10-btn-cont {
    text-align: right;
    margin:0;
}


/************************************
16)Footer top
*************************************/

.footer-top {
    padding: 25px 0;
    background-color: #1a1e21;
    color: #7e7e7e;
    font-size: 16px !important;
}

.footer-top p {
    font-size: 16px;
    margin-bottom: 0;
}

.footer-top-box {
    margin: 30px auto;
    overflow: hidden;
}

.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
	padding-bottom: 20px;
}
.footer-top-box li{
    padding: 5px 0 10px 0;
    border-bottom: 1px dotted #333;
}
.footer-top-box li:last-child{
    border-bottom: 0!important;
}
.footer-top-box h5{
    margin-bottom: 5px;
}
.footer-top-box .widget-img-thumb {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 60px;
}
.footer-top-box .widget-content {
    overflow: hidden;
}
.footer-top-box .widget-date{
    font-size: 12px;
}
.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
}

.footer-top .submit-bgcolor {
    background-color: #152f8d;
}

.footer-top ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-top ul li {
    margin: 0 0 10px 0;
}

.footer-top ul li a {
    color: #7e7e7e;
}

.footer-top ul li a:hover {
    color: #fff;
}

.tag a {
    margin: 5px;
    color: #7e7e7e;
    padding: 5px;
  
	display:block;
}

.tag a:hover {
    color: #fff;
   
}


/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
    font-size: 16px;
    padding: 20px 0;
    background-color: #111315;
    color: #7e7e7e;
}

.footer-bottom ul.social-buttons {
    list-style-type: none;
    margin: 15px auto;
    padding: 0;
}

.footer-bottom ul.social-buttons li a {
    display: block;
    background-color: #282c2f;
    height: 30px;
    width: 30px;
    border-radius: 0;
    font-size: 16px;
    line-height: 30px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
	padding-top: 6px;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color: #0393ca;
}

.footer-bottom .copyright {
    color: #999;
    margin: 20px 0 20px 0;
}
.footer-top-box strong,
.footer-top-box b{
    font-weight: 300;
}

/************************************
18)Section 11
*************************************/

.section-11-box {
    padding: 20px 0;
    text-align: center;
}

.section-11-box-icon-background {
    background: #152f8d;
    height: 80px;
    width: 80px;
    border-radius: 5%;
    margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
    margin-top: 28px;
    color: #fff;
}

.section-11-box h4 {
    text-transform: uppercase;
    color: #555555;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.section-11-box p {
    color: #777;
    font-size: 16px;
}


/************************************
19)Section 12
*************************************/

#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}

.portfolioFilter {
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 15px 10px;
    color: #45bbff;
}

#section-12 p {
    margin-bottom: 100px;
}

.portfolioFilter a {
    color: #45bbff;
    text-decoration: none;
    margin: 15px 5px 15px 5px;
    padding: 10px 15px;
    display: inline-block;
}

.portfolioFilter a.current {
    color: #45bbff;
    font-weight: 700;
}

.portfolioContainer a img {
    margin: 15px auto;
    width: 100%;
    height: 100%;
}

.portfolioContainer1 a img {
    /*margin:15px auto;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/

.section-13 {
    background: #152f8d;
    padding: 70px 0;
}

.section-13 h2 {
    color: #fff;
    font-weight: 200;
}

.section-13 p {
    color: #fff;
}

.section-13 .light {
    color: #fff;
    width: 20%;
    margin: 30px auto 40px auto;
}

.section-13 .btn {
    color: #152f8d;
    font-weight: 600;
}

.section-13 .btn-default {
    border-color: transparent;
}


/************************************
21)Section 14
*************************************/
.section-14-box{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee;
    background: #f6f6f6;
}
.blog-list .section-14-box{
    padding:0;
    border: 0;
    background: none;
}
.section-14-box h3 {
    margin-top: 30px;
    text-align: center;
}

.section-14-box h3 a {
    font-size: 20px;
    color: #555555;
}

.section-14-box h3 a:hover {
    font-size: 20px;
    color: #999;
}
.blog-list .section-14-box h3 {
    text-align: left;
}
.section-14-box p {
    font-size: 16px;
    color: #777;
    line-height: 26px;
    margin: 0px 15px 15px;
}


.section-14-box .comments {
    padding:0px 0px 20px 0;
    text-align: center;
}
.blog-list .section-14-box .comments {
    margin: 5px 0;
    text-align: left;
}
.section-14-box .comments a {
    color: #fff;
    cursor: none;
}
.blog-list  .section-14-box .comments a {
    color: #212121;
}
.section-14-box ul {
    list-style-type: none;
    margin: 30px 0 0 0;
    padding: 0;
}

.section-14-box ul li {
    margin: 20px 0;
}

.section-14-box ul li a {
    color: #777;
}

.section-14-box ul li a:hover {
    text-decoration: none;
    color: #152f8d;
}

.section-14-box .underline {
    border-bottom: 2px solid #152f8d;
    padding: 0 0 15px 0;
}

.section-14-box ul li a.tag {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #777;
}

.section-14-box ul li a.tag:hover {
    float: left;
    margin: 5px;
    padding: 10px 20px;
    border: 1px solid #152f8d;
    color: #152f8d;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 16px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
    margin: 20px 0 0 0;
}

.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.comment-form-container {
    margin: 70px auto;
    ;
}

.comment-form-container h4 {
    margin: 0 0 35px 0;
}

.comment-form-container .nopadding-left {
    padding-left: 0;
}

.comment-form-container input.form-control {
    height: 50px;
}

.comment-form-container .form-control {
    border-radius: 0;
    padding: 10px 15px;
}


/************************************
22)Section 15
*************************************/

.section17-background {
    background: #CCC;
    padding: 40px 0 30px 0;
}

.team-member {
    background: #fff;
}


/************************************
23)Inner Title bar
*************************************/

.inner-title {
    background: #152f8d;
    padding: 30px 0;
}

.inner-title h2 {
    color: #fff;
    ;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 10px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:after {
    content: "\f101";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #fff;
    margin: 0 0 0 9px
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
    color: #fff !important;
    font-weight: 600
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}


/************************************
24)Section 16
*************************************/

.section16 {
    padding: 70px 0;
}
.section16  .single-location{
    text-align: center;
    margin-bottom: 50px;
}
.section16 .loc-icon {
    display:block;
    margin-bottom: 25px;
}
.section16 .loc-content {
    color: #282828;
    font-size: 16px;
    display:block;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.section16 .success,
.section16 .error {
    display: none;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 20px;
    margin-right: 5px;
}

.section16 input[type="text"] {
    border-radius: 0;
    padding: 10px 15px;
    height: 50px;
}

.section16 textarea {
    border-radius: 0;
    padding: 25px 15px;
}

.section16 iframe {
    width: 100% !important;
}

.section16 .address {
    margin: 20px 0;
}

.section16 .address h4 {
    color: #152f8d;
}


/************************************
25)Section 17
*************************************/

.section17 {
    background: #eeeef0;
    padding: 70px 0;
}

.team-member1 {
    background: #fff;
    padding: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.team-member1 .team-member1-img-cont {
    float: left;
    width: 100%;
}

.team-member1 .team-member1-img-cont img {
    min-height: 167px;
}

.team-member1 .team-member1-details {
    float: left;
    padding: 0 10px;
    width: 100%;
}

.team-member1 .team-member1-details h4 {
    margin: 10px 0 0 0;
    padding: 0;
}

.team-member1 .team-member1-details p {
    color: #878787;
    margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
    margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
    margin: 0 10px 0 0;
    font-size: 16px;
}


/************************************
26)Section 18
*************************************/

.section18{
    margin: 0;
}
.section18-border .textcont {
    margin: 10px;
}
.section18 .textcont h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #555555;
    line-height: 35px;
}

.section18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}
.section18 .mission-vision{
    padding: 20px 0;
}
.section18 .mission-vision h4{
    margin: 20px 0;
}

/************************************
27)Section 19
*************************************/

.section19 {
    margin: 50px auto ;;
}
.section19 h1 {
    font-size: 10em;
    font-weight: 700;
    color: #152f8d;
    text-align: center;
}

.section19 h3 {
    text-align: center;
}

.section19 h3 {
    margin-top:50px;
    margin-bottom: 30px;
}

.section19 .btn-primary {
    border-radius: 0;
    display: inline-block;
    margin: 15px 20px 0 0;
}


/************************************
28)Section 20
*************************************/

.section20 {
    margin: 70px auto;
}

.section-20-box {
    padding: 25px 0;
    overflow: hidden;
}

.section-20-box-icon-cont {
    float: left;
    width: 23px;
    margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
    color: #152f8d;
}

.section-20-box-text-cont {
    margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
    margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
    color: #777;
    font-size: 16px;
}


/************************************
29)Section 21
*************************************/

.section21 {
    margin: 70px auto;
}

.section-21-box {
    padding: 25px 0;
    overflow: hidden;
}
/************************************
30)Section 22
*************************************/

.section22{
    background:#f8f8f8;
    padding: 50px 0;
}
.section-22-box-text-cont{
    padding: 100px 0;
}
/************************************
31)Section 23
*************************************/
.appointment .modal-header{
    background:#152f8d;
    color: #fff;
}
.appointment input,
.appointment select,
.appointment textarea{
    border-radius: 0;
    box-shadow: none;
}
.appointment label {
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.navbar-collapse .navbar-nav { }


#section1 .row{ display:flex; flex-wrap:wrap; margin-bottom:50px;}

.features__item .section-1-box {
    padding: 10px 15px;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(4, 66, 150, 0.17);
    -moz-box-shadow: 0px 10px 60px 0px rgba(4, 66, 150, 0.17);
    box-shadow: 5px 5px 10px 0px rgba(4, 66, 150, 0.17);
    height: 100%;
    background-color: #fff;
}

.features__area {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.pb-130 {
    padding-bottom: 130px;
}
.pt-130 {
    padding-top: 130px;
}
.section__title {
    font-size: 48px;
    line-height: 1.1;
	color:#333;
}
.mb-40 {
    margin-bottom: 40px;
}
.section__title-pre::after {
    position: absolute;
    content: "";
    left: 0;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ea5f01;
    width: 30px;
    height: 2px;
}
.section__title-pre {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #ea5f01;
    padding-left: 45px;
    margin-bottom: 15px;
}



.portfolio__bg {
    position: relative;
}
.pr-55 {
    padding-right: 55px;
}
.pl-55 {
    padding-left: 55px;
}
.pb-100 {
    padding-bottom: 100px;
}
.container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
}
.p-relative {
    position: relative;
}
.mb-30 {
    margin-bottom: 30px;
}
.portfolio__thumb {
    position: relative;
}
.w-img img {
    width: 100%;
}
.portfolio__plus {
    position: absolute;
    top: 0px;
    right: 30px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}
/*----------------------------------------*/
/*  07. portfolio CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__padding {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.portfolio__item > *{ transition:0.5s;}
.portfolio__title a{ color:#fff;}
.portfolio__item:hover .portfolio__thumb::after {
  visibility: visible;
  opacity: 1;
}
.portfolio__item:hover .portfolio__plus {
  visibility: visible;
  opacity: 1;
  top: 30px;
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__plus {
    top: 10px;
  }
}
.portfolio__item:hover .portfolio__content {
  visibility: visible;
  opacity: 1;
  bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__item:hover .portfolio__content {
    bottom: 10px;
  }
}
.portfolio__item-2:hover .portfolio__content-2 {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.portfolio__item-2:hover .portfolio__thumb-2::after {
  opacity: 1;
  visibility: visible;
}
.portfolio__item-3:hover .portfolio__content-3 {
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
.portfolio__thumb {
  position: relative;
}
.portfolio__thumb::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: -webkit-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: -ms-linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  background-image: linear-gradient(180deg, rgba(34, 35, 40, 0) 0%, #222328 100%);
  visibility: hidden;
  opacity: 0;
  transition:0.5s;
}
.portfolio__thumb-2 {
  position: relative;
}
.portfolio__thumb-2::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 76, 72, 0.75);
  visibility: hidden;
  opacity: 0;
}
.portfolio__content {
  position: absolute;
  bottom: 0px;
  left: 40px;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__content {
    left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__content {
    left: 20px;
  }
}
@media (max-width: 575px) {
  .portfolio__content {
    left: 20px;
  }
}
.portfolio__content p {
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.portfolio__content-2 {
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-2 p {
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.portfolio__content-3 {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 35px;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.portfolio__content-3 p {
  margin-bottom: 0;
}
.portfolio__title {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .portfolio__title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__title {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .portfolio__title {
    font-size: 20px;
  }
}
.portfolio__title-3 {
  font-size: 24px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio__title-3 {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .portfolio__title-3 {
    font-size: 19px;
  }
}
.portfolio__title-3 a:hover {
  color: #0a4c48;
}
.portfolio__plus {
  position: absolute;
  top: 0px;
  right: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 575px) {
  .portfolio__plus {
    right: 10px;
  }
}
.portfolio__plus a {
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.portfolio__plus a:hover {
  color: #2c3941;
  background: #ffffff;
}
.portfolio__plus-2 a {
  font-size: 15px;
  color: #2c3941;
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 58px;
  text-align: center;
  background: #fad105;
}
.portfolio__plus-2 a:hover {
  background: #ffffff;
}
.portfolio__plus-3 a {
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 57px;
  background: #fad105;
  color: #222328;
  text-align: center;
}
.portfolio__plus-3 a:hover {
  background: #222328;
  color: #ffffff;
}
.portfolio__bg {
  position: relative;
}

.portfolio__bg-2::after {
  bottom: -156px;
  height: 75%;
}
.portfolio__details-info {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #0a4c48;
  padding: 50px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-info {
    padding: 20px 35px;
  }
}
.portfolio__details-info-item {
  min-width: 250px;
  border-bottom: 1px solid #0e5551;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-info-item {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
}
.portfolio__details-info-item span {
  font-size: 18px;
  font-weight: 600;
  color: #fad105;
  position: relative;
  display: block;
  padding-left: 30px;
}
.portfolio__details-info-item span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background: #fad105;
}
.portfolio__details-info-item p {
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.portfolio__details-title {
  font-size: 42px;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .portfolio__details-title {
    font-size: 27px;
  }
}
.portfolio__details-features-text h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .portfolio__details-goal-content {
    padding-left: 0;
  }
}
.portfolio__details-goal-content p {
  padding-right: 25px;
}
.portfolio__details-goal-features {
  margin-top: 16px;
}
.portfolio__details-goal-features ul li:not(:last-child) {
  margin-bottom: 13px;
}
.portfolio__details-goal-features ul li:hover .icon i {
  background: #0a4c48;
  color: #ffffff;
  border-color: #0a4c48;
}
.portfolio__details-goal-features ul li .icon i {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  color: #677a85;
  border: 2px solid #e8e8e8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.portfolio__details-goal-features ul li .text p {
  font-size: 15px;
  padding-right: 0;
  margin-bottom: 0;
}
.portfolio__social ul li {
  display: inline-block;
}
.portfolio__social ul li:not(:last-child) {
  margin-right: 5px;
}
.portfolio__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #093e3b;
  color: #607887;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.portfolio__social ul li a:hover {
  background: #fad105;
  color: #222328;
}


.about__triangle {
    position: relative;
}
.about__triangle::after {
    position: absolute;
    content: "";
    left: -20px;
    bottom: -20px;
    width: 208px;
    height: 208px;
    background: #152f8d;
    -webkit-clip-path: polygon(0 1%, 0% 100%, 100% 100%);
    clip-path: polygon(0 1%, 0% 100%, 100% 100%);
    z-index: -1;
}
.about__thumb-2 {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.text-end {
    text-align: right!important;
}
.about__thumb-1 img {
    
}
.about__thumb-2 img {
    width: 360px;
    height: 360px;
    border: 12px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.pl-60 {
    padding-left: 60px;
}
.pt-25 {
    padding-top: 25px;
}

.r-btn {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: #ea5f01;
    height: 60px;
    line-height: 62px;
    text-align: center;
    padding: 0 38px;
    text-transform: uppercase;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.r-btn i {
  padding-left: 5px;
}
.r-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 102%;
  background: #222328;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.r-btn:hover {
  color: #ffffff;
}
.r-btn:hover::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.r-btn:focus {
  color: #ffffff;
}
.mb-80 {
    margin-bottom: 80px;
}
.text-center {
    text-align: center!important;
}
.section__title {
  font-size: 43px;
  line-height: 1.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title {
    font-size: 30px;
  }
}
.section__title-pre {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #ea5f01;
  padding-left: 45px;
  margin-bottom: 15px;
}
.section__title-pre::after {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ea5f01;
  width: 30px;
  height: 2px;
}
.section__title-pre.center {
  padding-right: 45px;
}
.section__title-pre.center::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ea5f01;
  width: 30px;
  height: 2px;
}
.services__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 612px;
    width: 100%;
    z-index: -1;
}
.section__title-pre-white {
  color: #ffffff !important;
}
.section__title-pre-white::after, .section__title-pre-white::before {
  background: #ffffff !important;
}
.section__title-pre-yellow {
  color: #fad105 !important;
}
.section__title-pre-yellow::after, .section__title-pre-yellow::before {
  background: #fad105;
}
.section__title-pre-yellow.yellow::after, .section__title-pre-yellow.yellow::before {
  background: #fad105;
}
.section__title-white {
    color: #ffffff !important;
}
.services__item {
    padding-bottom: 55px;
}
.p-relative {
    position: relative;
}
.services__thumb {
    overflow: hidden;
}
.services__content {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    padding: 40px 20px;
    padding-top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
    -moz-box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
    box-shadow: 0px 10px 60px 0px rgba(224, 224, 224, 0.4);
    z-index: 1;
}
.services__title {
    font-size: 22px;
	    margin-top: 15px;
}
.services__icon {
    margin-bottom: 25px;
    margin-top: -35px;
}
.services__icon i {
    display: inline-block;
    font-size: 30px;
    color: #ffffff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #ea5f01;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
    transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.services__content p {
    margin-bottom: 7px;
}
.link-btn-2 {
    position: relative;
    font-size: 14px;
    color: #0098e4;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
}
.indexabout{ padding:15px 0px;}
.indexcheck{ color:#fff !important; font-weight:normal !important; font-size:18px;}
.indexcheck2{ padding-top:25px;}
.section-10-box-text-cont h2{ font-size:38px;}
.mb-150{ margin-bottom:150px;}
.footer-top-box a{ color:#CCC;}



@charset "utf-8";



.fl{ float:left}
.fr{ float:right}
.clearline{ background:#f5f5f5; height:0.7rem; clear:both;}
.comm-width{ max-width:80%; margin:0 auto; display:block;}
.tl-fdh-02 ul{text-align:center; margin-top:20px;}
.tl-fdh-02 li{ display: inline-block;
    text-align: center;
    line-height: 45px;
    padding-left: 1%;
    background-color: #f4f4f4;
    padding-right: 1%;
    width: 48%;
    overflow: hidden;
    height: 45px;}
.tl-fdh-02 li:hover{
	background-color: #990000;
	color: #FFF;
}
.tl-fdh-02 li:hover a{
	color: #FFF;
}



.banner{ width:100%;}
.flexslider_common{position:relative;height:auto;overflow:hidden; float:none;}
.slides_common{position:relative;z-index:1;float:none}
.slides_common li{height:auto; float:none}
.flexslider_common .slides_common li img{ width:100%; border:none; display:block}
.slides_common li a{ width:100%; height:100%; display:block;}
.flex-control-nav{position:absolute;bottom:25px;z-index:200;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:7px;margin-right:12px;_display:inline;zoom:1;float:none; text-indent:-50px;opacity: 0.7}
.flex-control-nav a{display:inline-block;width:40px;height:7px;overflow:hidden; background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{ background:#d40000;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:37%; display:none}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.hotlink{ width:100%; height:45px; line-height:45px; border-bottom:1px #bfbfbf solid}
.hotlink a{ margin: 0 15px;display: inline-block; }
.shad{background: url(/images/yy.jpg) no-repeat center center; width:100%; height:39px;}

.product-info{ width:100%}
.product-info .title{ width:100%}
.product-info .title h1{ background: url(/images/title_bg.gif) no-repeat center center; font-size:30px; color:#ba0403; width:100%; height:54px; line-height:54px; text-align:center}
.product-info .title h1 span{ font-size:25px; font-family:Arial, Helvetica, sans-serif; padding-left:10px; text-transform: uppercase}
.product-info .title h2{width: 100%;text-align: center;line-height: 40px;font-size: 16px}
.product-bg{background: #f0f0f0;padding: 60px 0;width: 100%;font-size: 0}
.product-bg .left{width: 218px;background: #fff;font-size: 0}
.product-bg .left .title{background:url(/images/prut_bg.png) no-repeat;width: 100%;height: 101px;}
.product-bg .left ul.submenu li{width: 100%;}
.product-bg .left ul.submenu li a{line-height:48px;width: 100%;display: block;text-align: center;border-bottom: 1px #f0f0f0 solid;font-size: 14px}
.product-bg .left ul.submenu li a:hover{background: #fafafa}
.product-bg .left .severtel{width: 100%;background: url(/images/severtel_bg.png) no-repeat 0 0;height: 86px;font-family: Impact;font-size: 22px;color: #fff;padding-left: 40px;padding-top: 45px; margin-top: 143px}
.product-bg .right{width: 940px;background: #fff;padding: 30px;font-size: 0}
.product-bg .right dl{width: 32%; margin-right: 2%;display: inline-block;padding: 10px;text-align: center; }
.product-bg .right dl:nth-child(3n){margin-right: 0}
.product-bg .right dl a dt{border:1px #e6e7e7 solid;overflow: hidden;}
.product-bg .right dl a dt img{width:98%;display: inline-block;transition: all 0.2s}
.product-bg .right dl a:hover dt{border-color:#d40000 }
.product-bg .right dl a:hover dt img{transform: scale(1.05);}
.product-bg .right dl a dd{width: 100%;padding: 10px 1%;padding-bottom: 0; text-align: left;display: block;font-size: 14px}
.product-bg .right dl a:hover dd{color:#d40000 }

.pro-title{width: 100%;}
.pro-title .title{width: 100%;background: #ba0403;line-height: 90px; border-bottom: 8px #d8d8d8 solid; text-align: center;color: #fff; font-weight: bold; font-size: 30px;vertical-align: top;}
.advantage{background: url(/images/ys_bg.jpg) no-repeat center top;width: 100%;position: relative;}
.advantage .arr i{background:url(/images/adv_arr.png) no-repeat;width: 31px; height: 25px; display: block; position: absolute;top:-9px; left: 49.3%}
.advantage .right-text{width: 100%;padding-left: 700px; padding-top: 28px}
.advantage dl{height: 132px}
.advantage dl dt{font-size: 24px; line-height: 40px}
.advantage dl dd{font-size: 14px;line-height: 20px}
.advantage .left-text{width: 100%;padding-right: 400px;padding-left: 200px;padding-top: 25px;height: 530px}
.advantage .left-text dl{margin-bottom: 25px }

.application{width: 100%;background: url(/images/shad.gif) no-repeat center bottom; padding-bottom: 55px;}
.application .title{width: 100%;text-align: center;}
.application .title h1{font-weight: bold; font-size: 30px;color: #d40000}
.application .title h2{font-size: 24px;line-height: 40px}
.application .content{width: 100%;font-size: 0;padding-top: 30px}
.application .content dl{width: 23.5%; margin-right: 2%;display: inline-block;text-align: center;}
.application .content dl:last-child{margin-right: 0}
.application .content dl a dt{border: 1px #eee solid;overflow: hidden;}
.application .content dl a dt img{width: 95%; display: inline-block;transition: all 0.2s}
.application .content dl a:hover dt{border-color: #d40000}
.application .content dl a:hover dt img{transform: scale(1.05);}
.application .content dl a dd{width: 100%; padding-top: 10px;font-size: 14px}
.application .content dl a:hover dd{color: #d40000}

.news-info{width: 100%;font-size: 0;background: url(/images/news_shad.gif) no-repeat bottom center;padding-bottom: 80px}
.news-info .left-news{width: 750px; padding-right: 50px;vertical-align: top;}
.news-info .title{width: 100%;position: relative;border-bottom: 1px #bbbbbb solid}
.news-info .title h1{font-size: 20px; line-height: 50px;color: #d40000}
.news-info .title h2{line-height: 50px}
.news-info .title i{width: 80px;height: 4px;background: #d40000;position: absolute;bottom: -3px;left: 0;display: block;}
.news-info .left-news .new-list{width: 100%;padding-top: 30px}
.news-info .left-news .new-list dl {font-size: 0; margin-bottom: 15px}
.news-info .left-news .new-list dl a dt{width: 18%;overflow: hidden;display: inline-block;vertical-align: top;border:1px #eee solid;}
.news-info .left-news .new-list dl a dt img{width: 100%; height: 75px}
.news-info .left-news .new-list dl a dd{width: 82%;display: inline-block;vertical-align: top;padding-left: 4%;padding-top: 3px}
.news-info .left-news .new-list dl a dd h1{width: 100%;height: 40px;line-height: 20px;overflow: hidden;background: url(/images/point.gif) no-repeat left 7px;padding-left: 12px;color: #333;font-size: 14px;font-weight: bold;}
.news-info .left-news .new-list dl a:hover dd h1{color: #d40000}
.news-info .left-news .new-list dl a dd h2{line-height: 30px;color: #888}
.news-info .left-news .new-list dl a:hover dd h2{color: #d40000}
.news-info .right-news{width: 450px;vertical-align: top;}
.news-info .right-news .new-list {width: 100%;padding-top: 30px}
.news-info .right-news .new-list li{line-height: 38px;border-bottom: 1px #ddd dotted;font-size: 0;width: 100%}
.news-info .right-news .new-list li a{background: url(/images/point.gif) no-repeat left center;padding-left: 12px;display: inline-block;width: 75%;font-size: 13px;}
.news-info .right-news .new-list li span{width:25%;text-align: right;display: inline-block;font-size: 12px;}

.about-info {width: 100%;font-size: 0;padding-top: 30px}
.about-info .about-img{width: 30%;vertical-align: top;}
.about-info .about-img img{width: 100%}
.about-info .about-text{width: 70%; padding-left: 4%;vertical-align: top;}
.about-info .about-text h1{width: 100%;font-size: 20px;line-height: 45px;padding-top: 10px}
.about-info .about-text h2{font-size: 14px;line-height: 35px;padding-top: 20px}

.feed{width: 100%;height: 500px;background: url(/images/feedback_bg.jpg) no-repeat center top;margin-top:50px;}
.feed .feed-left{width: 350px;padding-top: 55px}
.feed .feed-left h1{width:100%;font-size: 30px;padding-bottom: 20px}
.feed .feed-left h2{width: 100%;font-size: 14px;line-height: 25px}
.feed .feed-left h3 {padding-top: 28px}
.feed .feed-left h3 a{display: inline-block;margin-right: 20px}
.feed .feed-right{background: url(/images/feed_input_bg.png) no-repeat 0 0;width: 451px;height: 460px;padding-left: 80px}
.feed .feed-right .feed-input{width: 100%}
.feed .feed-right .feed-input h1{color: #fff;font-size: 20px;line-height: 70px;display: inline-block;}
.feed .feed-right .feed-input h2{color: #bc7684;text-transform:uppercase;font-size: 16px;display: inline-block;;padding-left: 5px;line-height: 70px;}
.feed .feed-right .feed-input form{width: 100%;padding: 20px 0}
.feed .feed-right .feed-input form textarea,.feed .feed-right .feed-input form input{width: 90%;border:1px #eee solid;line-height: 28px;height: 28px}
.feed .feed-right .feed-input form textarea{height: 100px;line-height: 20px}
.feed .feed-right .feed-input form #dynamicNum{color: #f50}
.feed .feed-right .feed-input form span{color: #888;line-height: 20px;display: inline-block;}
.feed .feed-right .feed-input input.minwidth{width: 50%;display: inline-block;vertical-align: middle;}
.feed .feed-right .feed-input form img{display: inline-block;vertical-align: middle;}
.feed .feed-right .feed-input form input.submit{cursor:pointer;font-size: 13px}
.feed .feed-right .feed-input form input.submit:hover{background: #d40000;color: #fff}

.inner-banner{width: 100%;height: 250px;text-align: center;}
.inner-banner h1{font-size: 32px;line-height: 70px;color: #fff;padding-top: 70px}
.inner-banner h2{color: #fff;font-size: 15px;}
.inner-banner.black h1,.inner-banner.black h2{color: #333}
.comm-content{width: 100%;padding-top:0px}
.comm-content .title-line{width: 100%;background:url(/images/local_bg.gif) repeat-x 0 50px;    height: 60px}
.comm-content .title h1{width: 100%;font-size: 50px;padding: 0 2px;  color: #2c4170;font-family: Impact;margin-top: 10px;}
.comm-content .title h2{width: 100%;text-align: center;background:url(/images/local_bg.gif) repeat-x 0 11px #fff; margin-top:-39px;display: block;position: relative;z-index: 10;height: 22px;}
.comm-content .title h2 i{display: inline-block;width: 30px;height: 3px;background: #222;vertical-align:middle;}
.comm-content .title h2 b{font-size: 14px;padding: 0 10px;background: #fff}
.comm-content .title-line .fr{padding-top: 20px;color: #999;font-size: 13px;}
.comm-content .title-line .fr a{color: #f95e00}
.comm-content .comm-body{width: 100%;padding: 40px 0;font-size: 15px;line-height: 35px}
.comm-content .shad{background: url(/images/shad.gif) no-repeat center center;width: 100%;height: 80px;clear: both;}

.product-list,.equipment-list{
	width: 100%;
	padding-top:40px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}
.product-list .left{width: 220px; float:left;}
.product-list .left > h1{background: #2c4170;color: #fff;text-align: center;font-size: 25px;line-height: 90px}
.product-list .submenu{background: #f2f2f2;padding: 20px 15px}
.product-list .submenu li{ margin-bottom: 7px}
.product-list .submenu li a{display: block;background:url(/images/sub_menu.png) repeat-x bottom;line-height: 30px;border: 1px #ddd solid;border-radius: 2px;padding-left:25px;font-size: 14px}
.product-list .submenu li.this a,.product-list .submenu li a:hover{background-position: top;border-color: #f95e00;color: #fff}
.product-list .left .left-tel{background: url(/images/left_tel.gif) no-repeat 20px center #e2e2e2;height: 90px;padding-left: 45px;padding-top:23px}
.product-list .left .left-tel h2{color: #f95e00;font-family: Impact;font-size: 25px}
.product-list .right{width: 80%;float:right;} 
.product-list .right .lm-title{width: 100%;border-bottom: 1px #eee solid;}
.product-list .right .lm-title h1{
	color: #152f8d;
    font-size: 30px;
    display: inline-block;
    line-height: 50px;
    font-weight: bold;}
.product-list .right .lm-title h2{display: inline-block;padding-left: 10px;line-height: 50px;font-size: 16px;text-transform: uppercase;color: #aaa;font-family: sans-serif}
.product-list .right .products{width: 100%;font-size: 0;padding: 30px 0}
.product-list .right .products dl{width: 31.9%; margin-right: 2%;display: inline-block; margin-bottom:20px}
.product-list .right .products dl:nth-child(3n){margin-right: 0}
.product-list .right .products dl a dt{width: 100%;border: 1px #eee solid;padding: 0px;overflow: hidden;}
.product-list .right .products dl a:hover dt{border-color: #f95e00}
.product-list .right .products dl a dt img{width: 100%;transition: all 0.2s}
.product-list .right .products dl a:hover dt img{transform: scale(1.05)}
.product-list .right .products dl a dd{width: 100%;line-height: 40px;height: 40px;overflow: hidden;font-size: 14px}
.product-list .right .products dl a:hover dd{color: #f95e00}

.prut_content{width: 100%;padding: 0px 0px 50px}
.prut_content .left-img{ width:45%;float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;height:450px;background:#ffffff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #dedede;background:#ffffff /*url(zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:100%;border:1px solid #dfdfdf;}
.spec-scroll{clear:both;margin-top:15px;width:100%;}
.spec-scroll .prev{float:left;margin-right:6px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #ccc;background:#ebebeb;cursor:pointer;text-decoration:none;font-size: 12px}
.spec-scroll .items{float:left;position:relative;width:422px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:99999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:54px;height:50px;}
.spec-scroll .items ul li.this img,.spec-scroll .items ul li img:hover{border:2px solid #f60;padding:1px;}

.right-pinfo{ width:50%;float: right; }
.right-pinfo h1{ font-size:22px; color:#222; line-height:30px; padding:15px 0; width:100%}
.right-pinfo ul{ width:100%;padding:15px 0;  border-top:1px #eee dotted}
.right-pinfo ul li{ width:100%;line-height: 40px}
.right-pinfo dl{ width:100%; padding-top:15px; clear:both}
.right-pinfo dl dt{ width:100%; font-size:15px; font-weight:bold; padding-bottom:15px}
.right-pinfo dl dd{ background:#152f8d; width:auto; font-size:16px; font-weight:bold; color:#fff; padding:10px 15px;border-radius:5px}
.prut_content .detail{ width:100%; padding:40px 0; clear:both;}
.prut_content .detail .title{ width:100%; background:url(../images/intro_bg.gif) repeat-x bottom}
.prut_content .detail .title h1{ background:#5d5d5d; line-height:36px; display:inline-block; padding:0 40px; color:#fff; font-size:16px;width: auto;}
.prut_content .detail .p-intro{ width:100%; padding:25px 0;font-size: 15px;line-height: 32px;}
.prut_content .detail .p-intro img{display: inline-block;}



.newslist{width: 100%;padding: 30px 0}
.newslist li{width: 100%;border-bottom: 1px #eee dotted;font-size: 0}
.newslist li a{width: 85%;display: inline-block;line-height: 45px;font-size: 15px;background:url(/images/point.gif) no-repeat 5px center;padding-left: 20px;color: #666;}
.newslist li span{width: 10%;display: inline-block;line-height: 45px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-align: right;    color: #666;}

.equipment-list dl{width: 23.2%;display: inline-block;margin-right: 2%; margin-bottom: 20px;vertical-align: top;}
.equipment-list dl:nth-child(4n){margin-right: 0}
.equipment-list dl a dt{width: 100%;overflow: hidden;border: 1px solid #ddd;}
.equipment-list dl a dt img{width: 100%;transition: all 0.2s;}
.equipment-list dl a:hover dt img{transform: scale(1.05)}
.equipment-list dl a dd{width: 100%;text-align: center;font-size: 16px;line-height: 35px;color: #666;}
.equipment-list dl a:hover dd{color: #f95e00}

.newslist_content{width:100%;padding:50px 0; }
.newslist_content h1{ text-align:center; font-size:32px; color:#333; margin-bottom:45px; padding-top:10px;} 
.xq_share{ width:100%;padding:15px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-bottom:50px;}
.xq_share em{font-style: normal;}
.xq_share p{ float:left; font-size:12px; color:#999; line-height:34px;}
.xq_share p i{ margin:0 5px;}
.xq_share p img{ margin-left:10px; cursor:pointer;display: inline-block;}
.xq_share .bdsharebuttonbox{ float:right;padding-top:5px}
.news_content{ overflow:hidden; width:100%; margin-bottom:60px; padding-bottom:50px}
.news_content#BodyLabel{ color:#555; text-indent:0; margin-bottom:10px;font-size: 15px}

.news_content#BodyLabel img{ margin:20px 0}
#view2 #BodyLabel h6{ font-size:14px; line-height:36px; text-align:center; width:100%; color:#fff; background:#6b8bc5;}
.page_num{ width:100%; font-size:14px;}
.page_num .pre_next{ width:49%; background:#f7f7f7;overflow:hidden;}
.page_num .pre_next span{ display: inline-block; text-decoration:none; width:20%; line-height:60px; font-size:14px; background-color:#e8e8e8; text-align:center;transition: all 0.1s; cursor:pointer; vertical-align:top}
.page_num .pre_next span:hover{ background:#dc1313; color:#fff;}
.page_num .pre_next a{width:70%; display:inline-block; padding-left:3%; line-height:60px; height:60px; overflow:hidden;font-size:14px; vertical-align:top}
.page_num .pre_next b{width:70%;display:inline-block; padding-left:3%; line-height:60px; height:60px; font-weight:normal; color:#999; vertical-align:top}

.showerr{ padding-bottom: 30px; line-height:35px; width:100%; text-align:center; display:block}
.showerr B{color:#c01130; font-size:18px; }

.pagelist{font-size: 14px;text-align: center;width: 100%;border-top: 1px #eee solid;padding-top: 30px}
.pagelist.noborder{border-top: none;}
.pagelist .yellow {padding: 7px 0; margin: 4px; text-align: right; font-size:13px;}
.pagelist .yellow B{ padding:0 4px; font-size:13px;display: inline-block;}
.pagelist .yellow a {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:13px; color:#666;display: inline-block;vertical-align: middle;}
.pagelist .yellow a:hover {border: #f95e00 1px solid;background: #f95e00; color: #fff; text-decoration:none}
.pagelist .yellow span.current {border: #f95e00 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #f95e00; font-size:14px;vertical-align: middle;display: inline-block;}
.pagelist .yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:13px }


#myform img{display: inline-block;vertical-align: middle; margin: 0 5px}
#myform textarea{padding:5px}

.foot,.foot .nav{width: 100%}
.foot .nav{background: #000;text-align: center;color: #999;}
.foot .nav a{line-height: 35px;color: #fff;font-size: 13px;display: inline-block;}
.foot_contact{background: #f95e00;width: 100%;padding: 50px}
.foot_contact .f_logo{background:url(/images/foot_logo.png) no-repeat;width:348px;height: 200px}
.foot_contact .f_contact{width: 580px;padding-left: 50px}
.foot_contact .f_contact{line-height: 30px;}
.foot_contact .f_contact li{font-size: 14px;color: #ffc}
.foot_contact .f_contact li:nth-child(n+3):nth-child(-n+5){color: #ff0}
.foot_contact .f_code{text-align: center;color: #fff;line-height: 40px}



.g_pro h2{    background:#152f8d;height: 65px;text-align: center; line-height:65px;}
.g_pro h2 a{font-size: 22px;color: #fff;font-weight: bold;}
.g_pro h2 em{display: block; color: #000;font-size: 14px;font-family: arial;text-transform: uppercase; font-weight: normal; padding-top: 5px;}
.g_pro .m_flc{background: #ececec;  }
.g_pro .fld{background:url(../images/fld.jpg) no-repeat;height: 70px;}
.g_pro .m_pleft{float: left;width: 17%;}
.g_pro h3{width: 210px;padding-bottom: 5px;background:url(../images/sha.jpg) no-repeat left bottom; overflow: hidden; }
.g_pro h3 a{display: block;height: 38px;line-height: 38px; padding: 0 50px 0 40px;background:url(../images/flh3.jpg) no-repeat; font-size: 16px;color: #fff;font-weight: bold; }
.g_pro h3 a:hover,.g_pro .cur a{background:url(../images/flh3h.jpg) no-repeat;}
.g_pro h4{height: 38px;line-height: 38px;overflow: hidden;margin-bottom: 5px;background: #7b7b7b;}
.g_pro h4 a{display: block;height: 38px;line-height: 38px; padding: 0 20px 0 20px;background:url(../images/flh4.jpg) no-repeat; font-size: 16px;color: #fff;font-weight: bold;}
.g_pro h4 a:hover,.g_pro .cur2 a{background:url(../images/flh4h.jpg) no-repeat;}
.g_pro .lasth4{margin-bottom: 0;}
.g_pro .u_lst3{width: 210px; padding: 12px 0;}
.g_pro .u_lst3 li{height: 26px;line-height: 26px;overflow: hidden;border-bottom: 1px solid #20266c;padding-left: 45px;}
.g_pro .u_lst3 li a{font-size: 14px;color: #fff;}


.left-tel{
	background:#152f8d;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align:center;
	color:#fff;
	margin-top: 10px;
}
.left-tel h2{
	background:none;
    height: auto;
    padding-top: 0px;
	color:#666;
	line-height:35px;
	color:#fff;
	font-weight:bold;
	font-size:22px;
	}
.left-tel h1{ color:#fff;line-height:35px; font-size:15px;}
.left-tel img {
    vertical-align: middle;
    margin-right: 5px;
}

    .lianxi li {
        float: left;
        border: 1px solid #eee;
        width: 23.7%;
        height: 180px;
        text-align: center;
        margin-right: 20px;
        color: #666;
        margin-bottom: 30px;
        line-height: 160%;
        padding: 0 10px;
        background: rgb(245, 245, 245);
    }
    
    .lianxi li.last {
        float: right;
        margin-right: 0px
    }
    
    .lianxi li img {
        margin-top: 20px;
        width: 46px;
    }
    
    .lianxi li i {
        display: block;
        font-size: 18px;
        color: #333;
        padding-bottom: 8px;
        font-style: normal;
        padding-top: 10px;
    }
    
    .lianxi li span {
        display: block;
        font-size: 18px;
        color: #333;
    }
    
    .lianxi li.last span {
 
    }
	
.detail .sec_m td {
    border: 1px solid #D8D8D8;
    line-height: auto;
    padding-left: 3px;
    text-align: center;
    padding-right: 3px;
}

.detail table tr:nth-child(1) {
    background: #152f8d;
    color: #fff;
	line-height:45px;
}
.detail table tr:nth-child(1) p{
    color: #fff;
}
.detail table p {
    line-height: 30px;
	text-align:center;
}
.headmenu{ margin-top:18px; background-color:#152f8d; }
.head-contact{margin-top: 20px;}
.head-contact li {
    float: right;
    margin-left: 35px;
	margin-right:0px;
}
.head-contact li a {
    color: #353535;
    font-size: 18px;
    font-weight: 300;
}

.auto-container {
    text-align: left;
}
.services-bg {
    background-position: center;
    background-size: cover;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-115 {
    padding-top: 115px;
}
.mb-55 {
    margin-bottom: 55px;
}
.white-title h2 {
    color: #fff;
}
.section-title h2 {
    font-size: 40px;
    margin-bottom: 10px;
}
.white-title p {
    color: #fff;
}
.section-title p {
    font-size: 20px;
    margin-bottom: 0;
}
.mb-50 {
    margin-bottom: 50px;
}
.services-icon {
    height: 90px;
    color: #ff4800;
    padding: 0px 20px 0px;
    background: rgba(255,255,255,0.93);
    border-radius: 10px;
    width: 100px;
}
.mb-30 {
    margin-bottom: 30px;
}
.services-icon i {
    transform: rotateY(0deg);
    transition: .5s linear;
}
.services-icon i {
    font-size: 60px;
}
.services-content h4 {
    font-size: 25px;
    color: #fbfbfb;
    margin-bottom: 14px;
}
.services-content p {
    color: #fff;
    margin-bottom: 35px;
}

.app_title{ padding-top:60px !important;
text-align: center;
    font-size: 32px;
    color: #333;
    margin-bottom: 45px;
	}
.head-contact .fa-mobile{ font-size:20px;}
.app_1{font-size: 17px;
    line-height: 34px;
    padding-bottom: 20px;}
.app_1 h3{  font-size: 25px;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;}
.app_2 .col-6{ margin-bottom:20px;}

@media screen and (max-width: 1100px) {
.g_pro h2{line-height:normal;}
}