/* --------------------------------------
=========================================
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
*/
table { width: 100%; border-collapse: collapse; border-spacing:0; border-right:#ccc 1px solid; border-top: #ccc 1px solid; }
table th { padding: 5px 5px; border-left:#ccc 1px solid; border-bottom: #ccc 1px solid; background-color:#168acc; color: #fff; text-align: center }
table td { padding: 5px 5px; border-left:#ccc 1px solid; border-bottom: #ccc 1px solid; text-align: center }
table tr:nth-child(even) { background-color:#fff }
table tr:nth-child(odd) { background-color:#eee }
/************************************
 01)Common CSS 
*************************************/
#header .col-lg-4 .logo{ padding-top:10px;}
.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;
    font-family: '微软雅黑';
    letter-spacing: 0.5px;
}

html,
body {
    height: 100%
}

body {
    font-family: '微软雅黑';
    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: #00aef0;
    border-color: #00aef0;
}

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

.btn-secondary {
    color: #315575;
    background-color: #fff;
    border-color: #fff;
}

.btn-secondary:hover {
    color: #00aef0;
    background-color: #efeded;
    border-color: #efeded;
}

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

.read-more {
    color: #00aef0;
    font-size: 14px;
    font-weight: 300;
}

.read-more:hover {
    text-decoration: underline;
    color: #00aef0;
}

p {
    line-height: 26px;
}

.section-margine {
    margin: 70px 0 0 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 #315575;
  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: #315575;
  border-radius: 50%;
}
.line-middle:before, 
.line-middle:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #315575;
    top: 7px;
}
.line-middle:before {
    left: -20px; 
}
.line-middle:after {
    right: -20px; 
}

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

.top-header {
    background: #315575;
    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: #fff;
    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: #fff;
    font-size: 14px;
    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: 8px 0;
    font-size: 18px;
    line-height: 20px;
}

.logo-text {
    text-transform: none;
    font-size: 25px;
    vertical-align: bottom;
    line-height: 38px;
    letter-spacing: 1px;
    color: #777;
    font-family: '微软雅黑';
}
.logo-text samp {
    background: #315575;
    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: '微软雅黑';
}


/************************************
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 0 10px #333; */
    -moz-box-shadow: 0 0 10px #333;
    /* box-shadow: 0 0 10px #333; */
    z-index: 999;
    margin-top: 0 !important;
    padding: 20px 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: #00aef0;
}

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

.navbar-menu .navbar-nav>li>a {
    background: transparent !important;
    font-family:'微软雅黑';
    font-weight: 500;
}
.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 {
    background-color: transparent;
}

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

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


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

#main-slide .item {
    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 {
    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: #212121;
}
.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    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: #315575;
    font-weight: 700;
    text-transform: uppercase;

}

.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: #315575;
    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: #315575;
    -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: #315575;
    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: #315575;
}

.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;
}

.section-1-box-icon-background i {
    margin-top: 37px;
    color: #315575;
}

.section-1-box h4 {
    color: #555555;
    font-size: 18px;
    margin: 0 0 15px 0;
}

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


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

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

.section-2-box-left h4 {
    font-size: 18px;
    color: #555555;
    margin: 15px 0;
}
.section-2-box-left a{
    margin: 15px 0;
}
.section-2-box-right{
    background-color: #315575;
    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: #25A6FA url(../image/m5.jpg) no-repeat center;
    background-size: cover;
}

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

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

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

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


/************************************
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: #00aef0;
}

.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: 14px;
}

.section-4 .right h2 {
    margin-bottom: 10px;
}
.section-4 .right b {
    font-size: 14px;
    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: #315575;
    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:#fff;
    padding: 50px 0;
}
.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-member-img1 {
    overflow: hidden;
    background-color: #FFF;
}
.my-team .my-team-member .my-member-img1 img {
    width: 100%;  
}
.my-team .my-team-member .my-team-detail {
    padding: 6px 6px;
    position: relative;
}
.my-team .my-member-name {
    color: #333; 
    margin: 15px 0       
}
.my-team .my-member-post {
    color: #FFF;    
    font-size: 14px;
}
.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 #315575;
    background-color: #315575;
    -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;
}
@media(min-width:992px) {   
    .my-team .my-team-member {
        margin-bottom: 0;
    }
}


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

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

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

.section-title h6 {
    font-size: 14px;
    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: 14px;
    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(../image/m6.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: -80px;
}
#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: 1;  
    -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: #25A6FA;
    padding: 40px 0;
}

.section-10-box-text-cont h3 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}
.section-10-box-text-cont h3 span{
    color:#333;
    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: #25A6FA;
    color: #fff;
    font-size: 14px !important;
}

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

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

.footer-top h4 {
    color: #fff;
    text-transform: capitalize;
}
.footer-top-box a{color:#fff;}
.footer-top-box a:hover{color:#fff; text-decoration:underline;}
.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: #00aef0;
}

.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;
    float: left;
    border: 1px solid #7e7e7e;
}

.tag a:hover {
    color: #fff;
    border: 1px solid #fff;
}


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

.footer-bottom {
    font-size: 14px;
    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;
}

.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: #00aef0;
    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: 18px;
    margin: 0 0 10px 0;
}

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


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

#section-12 {
    padding: 25px 0;
    margin: 50px auto 50px auto;
}
.daohang{
   width: 160px;
   float: left;
}
.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: #00aef0;
    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: #00aef0;
    font-weight: 600;
}

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


/************************************
21)Section 14
*************************************/
.section-14-box{
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
    padding: 30px;
    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: 14px;
    color: #777;
    line-height: 26px;
    margin: 15px 0;
}


.section-14-box .comments {
    padding-left: 85px;
}
.blog-list .section-14-box .comments {
    margin: 5px 0;
    text-align: left;
}
.section-14-box .comments a {
    color: #fff;
}
.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: #00aef0;
}

.section-14-box .underline {
    border-bottom: 2px solid #00aef0;
    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 #00aef0;
    color: #00aef0;
}

.blog-search-field {
    border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    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: #315575;
    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{
    margin-bottom: 20px;
    float: left;
}
.section16 .loc-icon {
    display:block;
    margin-bottom: 25px;
}
.section16 .loc-content {
    color: #282828;
    font-size: 14px;
    display:block;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.section16 .success,
.section16 .error {
   /* display: none;*/
    font-family: '微软雅黑';
    margin-bottom: 48px;
}

.section16 .success {
    color: green;
}

.section16 .error {
    color: red;
}

.section16 .success .fa,
.section16 .error .fa {
    font-size: 18px;
    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: #00aef0;
}


.mio-ct2 { text-align:center; padding: 0 0 0 0; }
div.mio-a2 { border:#eee 1px solid; padding: 20px; margin-bottom: 30px; }
div.mio-a2 em { font-style: normal; display: inline-block; width: 80px; }
div.mio-a2 .mio-fl { width: 48%; float: left; border-right:#eee 1px solid; padding-right: 50px }
div.mio-a2 .mio-fr { width: 48%; float: right }
div.mio-a2 .mio-fl p,
div.mio-a2 .mio-fr p { height: 60px; line-height: 60px; margin: 0; }
div.mio-a2 p { background-image: url(../image/ci.png); background-repeat: no-repeat; padding-left:60px; border-bottom:#eee 1px solid }
div.mio-a2 p.p1 { background-position: 0 3px }
div.mio-a2 p.p2 { background-position: 0 -75px }
div.mio-a2 p.p3 { background-position: 0 -147px }
div.mio-a2 p.p4 { background-position: 0 -222px }
div.mio-a2 p.p5 { background-position: 0 -298px }
div.mio-a2 p.p6 { background-position: 0 -375px }


/************************************
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;
}
.textcont{
       padding: 0px 10px;
}
.section18 .textcont p {
    margin-bottom: 20px;
    color: #777;
}
.section18 .mission-vision{
    padding: 20px 0;
}
.section18 .mission-vision h4{
    margin: 20px 0;
}
.rich-text img{
       padding: 0px 5px;
}
/*honor*/
.honormnc ul {margin-top: 42px;border-left: 1px solid #efefef;   border-top: 1px solid #efefef;}
.honormnc li { border-bottom: 1px solid #efefef;   border-right: 1px solid #efefef;   float: left;list-style: outside none none;padding: 5px;position: relative;width: 24%;}
.honormnc li img {height:auto;width: 100%;}
.honormnc li h4 {padding: 10px; line-height: 24px;}
.honormnc li:hover{ background:#ccc;}
/************************************
27)Section 19
*************************************/

.section19 {
    margin: 50px auto ;;
}
.section19 h1 {
    font-size: 10em;
    font-weight: 700;
    color: #00aef0;
    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: #00aef0;
}

.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: 14px;
}


/************************************
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:#00aef0;
    color: #fff;
}
.appointment input,
.appointment select,
.appointment textarea{
    border-radius: 0;
    box-shadow: none;
}
.appointment label {
    color: #333;
    font-family: '微软雅黑';
    font-size: 12px;
    font-weight: 600;
}
.my-member-img{
    height: 152px;
    border:1px #ccc solid;
}
.my-member-img1{
    height: 359px;
}
.fadeInUp{
    padding-bottom: 14px;
}



.row{
    width: 1170px;
    margin: 0 auto;
}
.news_ul{
    list-style-type: none;
}
.zi_com .zi_right {
    width: 79.6%;
    float: right;
}
.news_ul {
    padding: 2% 0px;
}
.news_ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0px;
}
.news_ul li .ri {
    width: 11%;
    float: left;
    font-family: '微软雅黑';
    max-width: 90px;
    color: #666666;
    font-weight: 500;
    text-align: center;
}
.news_ul li .ri i {
    font-style: normal;
    font-size: 46px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    width: 98%;
    margin: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 3px;
}
.news_ul li .ri time {
    font-size: 15px;
    width: 98%;
    margin: auto;
    display: block;
    color: #808080;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
}
.news_ul li .wen_nei {
    width: 71%;
    float: left;
    padding: 0 25px;
}
.news_ul li .wen_nei h4 {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    color: #333333;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}
.news_ul li .wen_nei p {
    color: #808080;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}
.news_ul li {
    border-bottom: 1px solid #e6e6e6;
    transition: background 0.3s;
}
.page {
    margin: 20px 0px 40px 0px;
    text-align: center;
}
.page .ye {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: #c2c2c2;
    border-radius: 50%;
    position: relative;
}
.yingyang{
    margin-bottom: 58px;
}
.page .ye1:after {
    content: "";
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-right-color: #fff;
    position: absolute;
    top: 7px;
    left: 3px;
}
.page .active {
    text-decoration: underline;
    color: #821e20;
}
.page a {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family:'微软雅黑';
    margin: 0px 3px;
    color: #666666;
}
.page .ye2:after {
    content: "";
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-left-color: #fff;
    position: absolute;
    top: 7px;
    right: 3px;
}
.news_show {
    padding-top: 4%;
}
.news_show .top_show {
    text-align: center;
    border-bottom: 1px dashed #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.news_show .top_show h3 {
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
}
.news_show .top_show p {
    font-size: 12px;
    color: #ababab;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 100%;
    margin: 10px 0px;
}
.news_show p {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
}
.news_show .n_s_img {
    position: relative;
    padding: 3% 0px;
}
.news_show .n_s_img img {
    box-shadow: -30px -30px 1px #f2f2f2;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.news_show .n_s_img i {
    display: block;
    padding-bottom: 36.582914572864325%;
}
.pro_s1 {
    padding: 4% 0px 0px 0px;
}
.pro_s2{
    margin-bottom: 3%;
}
.pro_s1 .ps1_left {
    width: 51%;
    float: left;
    position: relative;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.pro_s1 .ps1_left i {
    display: block;
    padding-bottom: 17.32793522267207%;
}
.pro_s1 .ps1_right {
    width: 46%;
    float: right;
}
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}
.pro_s1 .ps1_right h3 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    padding-bottom: 20px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
}
.pro_s1 .ps1_right h3 {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
}
.pro_s1 .ps1_right .pro_desc h3 { margin:15px 0px 0px 0px; padding-bottom:0px;}
.pro_s1 .ps1_right p {
    font-size: 14px;
    color: #6b6b6b;
    line-height: 24px;
}
.guan_top {
    border-bottom: 1px solid #f3f3f3;
    font-size: 20px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 8px;
    position: relative;
}
.guan_top:before {
    content: "";
    height: 1px;
    width: 50px;
    background: #eaeaea;
    top: 24px;
    left: 109px;
    position: absolute;
}.guan_top span {
    width: 80px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: inline-block;
}
.guan_top:after {
    content: "";
    height: 1px;
    width: 170px;
    background: #eaeaea;
    bottom: 19px;
    left: 90px;
    position: absolute;
}
.tag{
   width: 50%;
   float: left;
}
.pro_s2 p {
    line-height: 24px;
    color: #666666;
    margin: 5% 0px;
}
.zaixianxd{
    width: 100%;
}
.chanpinglb{
    text-align: center;
    width: 1170px;
}
.zaixianxundan{
}
.chanpngzs{
    margin-left: 48px;
    border: 2px solid #315575;
    color: #315575;
    line-height: 28px;
    min-width: 80px;
    text-align: center;
    margin: 4px;
    width: 145px;
    float: left;
    width: 160px;
    margin: 6px;
    position: relative;
    display: block;

    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 14px;
    border-radius: 2px;
}
.main-menu .navigation > li {
    position: relative;
    display: inline-block;
}
.main-menu .navigation > li > a {
    position: relative;
    display: block;
    padding: 9px 14px;
    color: #111111;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0px;
    opacity: 1;
    font-size: 14px;
    border-radius: 2px;
}
.yangshi1{
    width: 600px;
    margin: 0 auto;
}
.yangshi5{
    width: 900px;
    margin: 0 auto;
}
.certificate{
    width: 19%;
    float: left;
    margin: 5px;
}
.cssmenus{
    width: 953px;
}
.banne{
    margin-left: 378px;
    margin-top: -47px;
    margin-bottom: 10px;
}
.clearfixa:after {content:"\20";display:block;height:0;clear:both;} 
.clearfixa {*zoom:1} 
.certificate1{
    width: 1170px;
    margin: 0 auto;
    padding-bottom: 40px; 
}
.newsyang {
    width: 260px;
    height: 170px;
    float: left;
}
.button{
    width: 140px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow:1px 1px 1px #315575;
    border-radius: 5px;
    margin:0 20px 20px 0;
    overflow: hidden;
    }
    .button.black{
    border:1px solid #315575;
    box-shadow: 0 1px 2px #315575 inset,0 -1px 0 #315575 inset,0 -2px 3px #315575 inset;
    background: -webkit-linear-gradient(top,#315575,#315575);
    background: -moz-linear-gradient(top,#315575,#315575);
    background: linear-gradient(top,#315575,#315575);
    }
    .black.tags:after{
    background: #315575;
    border:2px solid #315575;	
    }
    .button.rarrow,
        .button.larrow{
    overflow:visible;
    }
    .rarrow:after,	
        .rarrow:before,
        .larrow:after,	
        .larrow:before{
    position:absolute;

    display: block;
    width: 28px;
    height: 28px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg);
    }
    .rarrow:before{
    width: 27px;
    height: 27px;
    top: 6px;
    right: -13px;
    clip: rect(auto auto 26px 2px);
    }
    .rarrow:after{
    top: 6px;
    right: -12px;
    clip: rect(auto auto 26px 2px);
    }
    .black.rarrow:before{
    background: #00aef0;
    }
    .black.rarrow:after{
    box-shadow: 0 1px 0 #00aef0 inset,-1px 0 0 #00aef0 inset,-2px 0 0 #00aef0 inset;
    background:-webkit-linear-gradient(top left,#00aef0,#00aef0);
    background:-moz-linear-gradient(top left,#00aef0,#00aef0);
    background:linear-gradient(top left,#00aef0,#00aef0);
    }
    .larrow:before{
    top: 6px;
    left: -13px;
    width: 27px;
    height: 27px;
    clip: rect(2px 26px auto auto);
    }
    .black:hover{
    background: -webkit-linear-gradient(top,#3e719e,#3e719e);
    background: -moz-linear-gradient(top,#3e719e,#3e719e);
    background: linear-gradient(top,#3e719e,#3e719e);
    }
    .black.rarrow:hover:after,
        .black.larrow:hover:after{
    background:-webkit-linear-gradient(top left,#3e719e,#3e719e);
    background:-moz-linear-gradient(top left,#3e719e,#3e719e);
    background:linear-gradient(top left,#3e719e,#3e719e);
    }
.hezuo{
    margin: 0 auto;
    width: 1140px;
    margin-bottom: 25px;
}
    .chanpngzs:focus {
        background-color:#315575;
        color: #fff;
        border: 1px #fff solid;
    }
    a:link,a:visited{
        text-decoration:none; 
       }
 ul li{
        list-style-type:none;
        }
     .accordion {
        width: 210px;
        margin-left: 0px;
    }
    
    .accordion .link {
        cursor: pointer;
        display: block;
        padding: 15px 15px 15px 10px;
        color: #4D4D4D;
        font-size: 14px;
        font-weight: 700;
        border-bottom: 1px solid #CCC;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: rgba(229,229,229,0.5);
        text-align:center;
    }
	.accordion .link .on{color:#23527c;}
    
    .accordion li:last-child .link {
        border-bottom: 0;
    }
    
    .accordion li i {
        position: absolute;
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #595959;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px;
    }
    
    .accordion li.open .link {
        color: #ccc;
    }
    
    .accordion li.open i {
        color: #ccc;
    }
    .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
     .submenu {
         display: none;
         background: #ffffff;
         font-size: 14px;
     }
     .submenu li {
        border-bottom: 1px solid #4b4a5e;
     }
     .submenu a {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 12px;
        padding-left: 42px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
     }
     .submenu a:hover {
         background: #635e5f;
         color: #FFF;
     }
     .accordion{
        width: 160px;
        margin-left: 0px;
        padding: 0px;
     }
     .chanpingtu{
        width: 230px;
     }
.abouttupian{
  padding-left: 16%;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	color:#ffffff;
	background-color:#315575;
	opacity:1;
}
.accordion-box .block .acc-content.current{
	display:block;	
}
.sidebar .boxed-nav li:hover a,
.sidebar .boxed-nav li.current a,
.sidebar .boxed-nav li a.active-btn{
	background:#315575;
	color:#ffffff;
	border-color:#315575;
}
.sidebar .styled-nav li:hover a,
.sidebar .styled-nav li.current a{
	color:#ffffff;
	background:#315575;
	border-color:#315575;
}

.sidebar .styled-nav li.current a:before,
.sidebar .styled-nav li:hover a:before{
	color:#ffffff;
}
.yangshi2{
 width:29%;
 float:left;
}
.yangshi3{
  width:76%;
  float:left;
}
.yangshi4{
  width:384px;
  margin: 0 auto;
  padding: 20px
}
.img-responsive{
    margin: 0 auto;
}
.my-member-img .img-responsive{
	max-height:100%;
}
.img-h{
    margin: 0 auto;
    height: 300px;
}
     @media only screen and (max-width:600px){
        .accordion{
            width: 414px;
            margin-left: 0px;
         }
         .chanpingtu{
             width: 414px;
         }
.yangshi4{
  width:375px;
}
.abouttupian{
  padding-left: 0%;
}
     }
     @media only screen and (max-width:400px){
        .accordion{
            width: 375px;
            margin-left: 0px;
         }
         .chanpingtu{
             width: 375px;
         }
		 .row{ width:auto;}
		 div.mio-a2 .mio-fl{ width:99%;}
div.mio-a2 .mio-fr{ width:99%;}
.honormnc li{ width:46%;}
div.mio-a2 .mio-fl p, div.mio-a2 .mio-fr p{ height:36px; line-height:36px;}
div.mio-a2 p{padding-left:45px;background-image: url("../image/cim.png");}
div.mio-a2 p.p1{ background-position:inherit}
div.mio-a2 p.p2{background-position:0 -85px;}
div.mio-a2 p.p3{background-position:0 -157px;}
div.mio-a2 p.p4 {background-position: 0 -232px;}
div.mio-a2 p.p5 {background-position: 0 -308px;}
div.mio-a2 p.p6 {background-position: 0 -385px;}
     }
@media screen and (min-width: 1100px) and (max-width: 1400px){
  .cssmenus{
    width: 941px;
}
  .banne{
    margin-left: 110px;
}
}
@media only screen and (max-width:600px){
    .row{
        width: 373px;
    }
    .chanpinglb{
        width: 370px;
    }
    .pro_s1 .ps1_left{
        width: 100%;
    }
    .pro_s1 .ps1_right{
        width: 100%;
    }
    .chanpngzs{
        margin: 22px;
    }
    .chanpinglb1{
        width: 375px;
    }
    .pull-right{
        margin-left: -115px;
    }
    .yangshi2{
        margin-top: 22px;
    }
   .certificate{
        width: 100%;
        float: left;
        margin: 5px;
        padding-right: 40px;
    }
    .certificate1{
        width: 414px;
        padding: 0px 15px;
       margin-bottom: 40px;
    }
   .news_ul li .ri{
    width:20%;
}
    .news_ul li .wen_nei{
   width:80%;
}
    .cssmenus{
    width: 414px;
}
   .banne{
    margin-left: 0px; 
    margin-top: 0px; 
}
.hezuo{
   width: 375px;
}
.ying1{
   padding-top: 120px;
}
.yangshi1{
 width:414px
}
.daohang{
   width: 414px;
}
.my-member-img{
       height: 246px;
}
div.mio-a2 .mio-fl{ width:99%;}
div.mio-a2 .mio-fr{ width:99%;}
.honormnc li{ width:46%;}
div.mio-a2 .mio-fl p, div.mio-a2 .mio-fr p{ height:36px; line-height:36px;}
div.mio-a2 p{padding-left:45px;background-image: url("../image/cim.png");}
div.mio-a2 p.p1{ background-position:inherit}
div.mio-a2 p.p2{background-position:0 -85px;}
div.mio-a2 p.p3{background-position:0 -157px;}
div.mio-a2 p.p4 {background-position: 0 -232px;}
div.mio-a2 p.p5 {background-position: 0 -308px;}
div.mio-a2 p.p6 {background-position: 0 -385px;}
}
@media only screen and (max-width:640px){
div.mio-a2 .mio-fl{ width:99%;}
div.mio-a2 .mio-fr{ width:99%;}
.row{ width:auto;}
.honormnc li{ width:46%;}
div.mio-a2 .mio-fl p, div.mio-a2 .mio-fr p{ height:36px; line-height:36px;}
div.mio-a2 p{padding-left:45px;background-image: url("../image/cim.png");}
div.mio-a2 p.p1{ background-position:inherit}
div.mio-a2 p.p2{background-position:0 -85px;}
div.mio-a2 p.p3{background-position:0 -157px;}
div.mio-a2 p.p4 {background-position: 0 -232px;}
div.mio-a2 p.p5 {background-position: 0 -308px;}
div.mio-a2 p.p6 {background-position: 0 -385px;}
}
@media screen and (min-width: 300px) and (max-width: 400px){
    .row{
        width: 330px;
    }
    .chanpinglb{
        width: 375px;
    }
    .chanpinglb1{
        width: 330px;
    }
   .certificate1{
        width: 375px;
        margin-bottom: 40px;
    }
    .cssmenus{
    width: 375px;
}
.hezuo{
   width: 340px;
}
.yangshi1{
 width:375px
}
.daohang{
   width: 375px;
}
.my-member-img{
    height: 219px;
}
div.mio-a2 .mio-fl{ width:99%;}
div.mio-a2 .mio-fr{ width:99%;}
.honormnc li{ width:46%;}
div.mio-a2 .mio-fl p, div.mio-a2 .mio-fr p{ height:36px; line-height:36px;}
div.mio-a2 p{padding-left:45px;background-image: url("../image/cim.png");}
div.mio-a2 p.p1{ background-position:inherit}
div.mio-a2 p.p2{background-position:0 -85px;}
div.mio-a2 p.p3{background-position:0 -157px;}
div.mio-a2 p.p4 {background-position: 0 -232px;}
div.mio-a2 p.p5 {background-position: 0 -308px;}
div.mio-a2 p.p6 {background-position: 0 -385px;}
} 
          .pageing {
                        width: 80%;
                        padding-left:20%;
                        height: 34px;
                       margin-top:20px;
                      float: left;
                    }
                        .page_in { float:left;}
                        .pageing .aStyle {
                            border: 1px solid #e8e8e8;
                            background: #f8f8f8;
                            color: #898989;
                            font-size: 12px;
                            font-family: arial;
                            padding: 5px 10px;
                            margin-bottom: 10px;
                            display: inline-block;
                            float:left;
                        }
                        .pageing .PageActive {
                            background: #e8e8e8;
 
                        }

.conto2{margin:10px auto auto auto; _overflow:hidden;}
.conto2 ul{}
.conto2 ul li{ padding:5px 0; line-height:20px; clear:both;}
.conto2 ul li .label{ float:left; display:inline-block; width:100px; text-align:left; font-size:14px; color:#666; line-height:46px;}
.conto2 ul li .label span{ color:#ff0000; font-weight:bold;}
.conto2 ul li .inputTxt{ display:inline-block; margin-left:20px; width:70%}
.conto2 ul li .inputTxt .txtarea04{ border:1px #bebebe solid; border-bottom:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; width:98%; height:40px; padding:0 5px; color:#777; font-size:12px; line-height:20px;}
.conto2 ul li .inputTxt .txtareas01{ width:98%; height:155px; border:1px #bebebe solid; border-bottom:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; padding:0 5px; color:#777; font-size:12px;}
.conto2 .subMit{ padding:5px 0; margin:10px 30px 10px 0px; text-align:center;}
.conto2 .subMit .btn04{width:155px;height:56px;line-height:56px;text-align:center;color:#fff;background:#0b89dd;border:1px solid #0b89dd;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;text-transform:uppercase;cursor:pointer;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;font-size:18px;}
.conto2 .subMit .btn04:hover{background:#fff;border-color:#0b89dd;color:#0b89dd;}
						
#catalogModal{z-index: 10010; position: absolute; left: 613.5px; top: 214.5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 1000px; height: 560px; display:none;}
#catalogModal .tips_tit{font-weight: bold; height: 60px; line-height: 60px; background: #fc730a;}
#catalogModal .tips_tit .tit_left{float: left; margin-left: 6px; color:#fff;font-size: 28px;height: 50px;line-height: 45px;padding: 5px 15px;text-shadow: 1px 1px 2px #999;}
#catalogModal .tips_tit .tit_right{float: right; cursor: pointer; margin-right: 6px; margin-top:12px;}
#catalogModal .tips_tit .Close {color: #000;float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;opacity: 0.5;text-shadow: 0 1px 0 #fff;border-radius: 2px;box-shadow: none;cursor: pointer;display: inline-block;transition: background 0.2s ease 0s;background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;}
#catalogModal .tips_tit .Close{padding:15px;margin:-15px -15px -15px auto}
#catalogModal .conOn{ width:90%; margin:0 auto;}
#catalogModal .txt p{font-size:14px;font-weight:400;color:#202020;letter-spacing:0.50px;line-height:20px;text-align:center;}
#catalogModal .contactOnline{ margin:30px 0px; width:auto;}
#catalogModal .contactOnline ul li  .txtarea04{ background: #fff linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;border: 1px solid #bbb;border-radius: 5px;box-sizing: border-box;font-size: 14px; width:98%; height:40px; line-height:40px; padding-left:10px; color:#bbb;}
#catalogModal .contactOnline ul li .txtareas01 {background: #fff linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;border: 1px solid #bbb;border-radius: 5px;box-sizing: border-box;font-size: 14px;height: 110px;line-height: 20px;margin-bottom: 10px;overflow: hidden;padding: 5px 10px;color:#bbb;width: 98%;}
#catalogModal .contactOnline ul li{  clear:none; margin: 0 2% 15px 0; overflow: hidden; padding: 0 10px; width: 98%; float:left;}
#catalogModal .contactOnline .np{ padding-right:0px; margin-right:0px;}
#catalogModal .contactOnline .long{ width:97%;color: #000;}
#catalogModal .contactOnline .long .txtarea04{color: #000; background:#fff;font-size: 24px;}
#catalogModal  .subMint{ clear:both; text-align:center; width:100%;}
#catalogModal  .subMint .btn04{background-color: #c53c2d; border-radius: 15px; color: #fff;cursor: pointer;margin-right: 3%;text-shadow: 1px 1px 2px #999;width: 100px; height:30px; line-height:30px; font-size:15px; padding:0 10px; border:none;}  
.isuccess {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 12px;text-align: center; color:#FF0000;}
.iwarning {padding: 5px 0px;margin-top:10px;background: #feeef1;border: 1px solid #fca8c2;font-size: 12px;text-align: center;}
.iwait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 12px;text-align: center; }
.success {padding: 5px 0px;margin-bottom: 10px;background: #f5edc7;border: 1px solid #FFD400;font-size: 12px;text-align: center; color:#FF0000;}
.warning {padding: 5px 0px;margin-bottom: 10px;background: #feeef1;border: 1px solid #fca8c2;font-size: 12px;text-align: center;}
.wait {padding: 5px 0px;margin-bottom: 10px;background: #FBFAEA;border: 1px solid #EFEBAA;font-size: 12px;text-align: center;}					
.success_txt{ text-align:center;}.success_txt h1{ font-size:18px;}.success_txt h2{ font-size:16px;}

.my-team-detail .my-member-name{ font-weight:normal; height:34px;}
.title-head h2{ font-size:25px;}
.section18 .nydesc .wow h3{ margin:15px 0px 0px 0px;}

#slider #main-slide .carousel-control{ display:none;}

.contactInfo{ font-size:14px; border-bottom:1px solid #ddd; padding-bottom:20px;}
.contactInfo .timg{border-radius:50px; text-align:center; width:100%;}
.contactInfo .p{font-size: 13px;line-height: 30px;}

.pro_s1 .ps1_left .vcenter{ position:relative;}