﻿/*
Name : Unique - Creative Mobile Template
Author : Ngetemplates
Author URL : https://themeforest.net/user/ngetemplates
/* --------------------------------
Table of Contents
- General
- Navbar
- Side Nav
- Slider
- Quote
- Features
- Testimonial
- Blog
- Blog single
- Shop
- Shop single
- Checkout
- Portfolio
- Team
- Pricing
- Error 404
- Footer
-------------------------------- */

/* ------------------------------
  Import Google Web Font
---------------------------------*/
@import url('da95b88c92ac45a8861365d0aa129ea0.css');
/* ------------------------------
  General
---------------------------------*/
body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: 'Microsoft YaHei', 微软雅黑, STXihei, STHeiti;
    background: #ffffff;
    color: #777;
}
 body::-webkit-scrollbar {
 display: none;
}
#cont {
    width: 100%;
    height: auto;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin: 0;
}
h1 {
    font-size: 32px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
a {
    text-decoration: none;
    color: #464646;
}
p {
    line-height: 22px;
}
ul.li {
    margin: 0;
    padding: 0;
}
.section {
}
.clear {
    clear: both;
}
.fl_left {
    float: left;
}
.fl_right {
    float: right;
}
.pages {
    margin-top: 60px !important;
}
.pages-head {
    text-align: center;
    padding: 0 10px 20px 10px;
    text-transform: uppercase;
}
.pages-head h3 {
    font-size: 20px;
    font-weight: 500;
}
.bg-second {
    background: #f4f4f4;
}
.section-head {
    text-align: center;
    margin: 0 auto 25px auto;
}
.section-head h4 {
    margin-bottom: 5px;
    font-size: 20px;
}
.section-head .underline {
    width: 30px;
    height: 2px;
    background: #666;
    margin: 10px auto 0;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search] {
    background-color: transparent;
    border: none;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    box-shadow: none;
    box-sizing: border-box;
    transition: all 0.3s;
    padding: 10px;
}
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    height: auto;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 12px 0;
    box-shadow: none;
    box-sizing: border-box;
    transition: all 0.3s;
    padding: 10px;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #bbb;
    box-shadow: none;
}
[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::before, .with-gap[type="radio"]:checked + label::after {
    border: 2px solid #1e88e5;
}
[type="radio"]:checked + label::after, .with-gap[type="radio"]:checked + label::after {
    background: #1e88e5;
}

::-webkit-input-placeholder {
 color: #999;
}
::-moz-placeholder {
 color: #999;
}
:-ms-input-placeholder {
 color: #999;
}
:-moz-placeholder {
 color: #999;
}
/* ------------------------------
  Button
---------------------------------*/
.button-default {
    background: #1e88e5;
    color: #ffffff;
    box-shadow: none;
    border-radius: 1px;
    margin: 20px 0 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #1e88e5;
    padding: 6px 12px 4px;
    display: inline-block;
    cursor: pointer;
}
.button-fullwidth {
    width: 100%;
    text-align: center;
}
.button-default a {
    color: #ffffff;
}
.button-default:hover {
    background: #1e88e5;
    opacity: 0.9;
    box-shadow: none;
}
.who-we-are .button-default {
    margin-top: 30px;
    background: #fff;
    color: #1e88e5;
}
/* ------------------------------
  Navbar
---------------------------------*/
.navbar-top {
    background: #0C72AF;
    width: 100%;
    height: 65px;
    padding: 12px 18px;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    position: fixed;
    z-index: 9999;
}
.site-brand {
    text-align: center;
    display: inline-block;
}
.site-brand a h1 {
    font-size: 26px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;
}
.site-brand a h1 span {
    color: #1e88e5;
}
/* ------------------------------
  Sidenav
---------------------------------*/
.side-nav a {
    font-size: 14px;
    height: 45px;
    padding: 0 16px;
}
.side-nav li.active {
    background: #fbfbfb;
}
.side-nav-panel-left {
    float: left;
    font-size: 28px;
    z-index: 9999;
    position: fixed;
}
.side-nav-panel-right {
    float: right;
    font-size: 28px;
}
.side-nav-left {
    font-size: 28px;
    color: #313131;
}
.side-nav-left i, .side-nav-right i {
    font-size: 22px;
    color: #fff;
}
.side-nav-panel {
    text-align: left;
    background: #fbfbfb;
}
.side-nav-panel .profil {
    /*noinspection CssUnknownTarget*/
    background: linear-gradient( #0C72AF, #0C72AF), url(../images/transparent.jpg) center no-repeat;
    background-size: cover;
    padding: 10px 0 15px 18px;
    border-top: 0;
}
.side-nav-panel .profil img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border: 2px solid #ddd;
}
.side-nav-panel .profil h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
    cursor: default;
}
.side-nav-panel li a {
    color: #333;
    font-weight: normal;
}
.side-nav-panel li {
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #fefefe;
}
.side-nav-panel li:last-child {
    border-bottom: 1px solid #f5f5f5;
}
.side-nav-panel .li-top {
    padding-top: 10px;
}
.side-nav-panel li a:hover {
    background: transparent;
}
.side-nav-panel li a i {
    margin: 0 16px 0 0;
    font-size: 18px;
    color: #333333;
    line-height: 45px;
}
.side-nav-panel-left .collapsible {
    border: 0;
}
.side-nav .collapsible-body ul li a {
    font-weight: normal;
    color: #333;
    margin-left: 28px;
    font-size: 13px;
    line-height: 43px;
}
.side-nav .collapsible-header {
    padding: 0;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}
.side-nav .collapsible-header > i {
    margin-right: 25px;
}
.side-nav .collapsible-header.active {
    border-bottom: 1px solid #f3f3f3;
}
.side-nav .collapsible-header:hover {
    background: transparent;
}
.side-nav .collapsible-header.active {
    background: #fbfbfb;
}
.collapsible-header i {
    width: auto;
    font-size: 18px;
    color: #333;
    margin-left: 17px;
}
.collapsible-header span i {
    float: right;
    color: #666;
    font-size: 16px;
}
/* ------------------------------
	quote
---------------------------------*/
.quote {
    text-align: center;
    padding: 16px 0 12px;
    /*noinspection CssUnknownTarget*/
    background: linear-gradient( rgba(33, 164, 134, 0.8), rgba(33, 164, 134, 0.8)), url(../images/transparent.jpg) center no-repeat;
    color: #eee;
}
.quote h5 {
    color: #fff;
    font-size: 18px;
}
/* ------------------------------
	text image
---------------------------------*/
.text-image .row {
    margin-bottom: 0;
}
.text-image img {
    width: 100%;
    height: 100%;
    float: left;
}
.text-image .row .col {
    padding: 0;
}
.text-image .content-left {
    width: 50%;
    float: left;
}
.text-image .content-right {
    width: 50%;
    float: right;
}
.text-image .content-text {
    text-align: center;
    padding: 13px 10px;
}
.text-image h6 {
    font-size: 16px;
}
.text-image p {
    margin: 5px 0 0;
}
/* ------------------------------
	count
---------------------------------*/
.count .row {
    margin-bottom: 0;
}
.count .content {
    text-align: center;
    border: 5px solid #ddd;
    padding: 10px 10px 6px;
}
.count .content h5 {
    font-size: 25px;
    color: #1e88e5;
}
/* ------------------------------
	latest now
---------------------------------*/
.latest-new .head {
    background:#0C72AF url(../images/transparent.jpg) center no-repeat;
    text-align: center;
    padding: 20px 15px;
    margin-bottom: 18px;
}
.latest-new .head h5 {
    color: #fff;
    font-size: 18px;
}
.latest-new img {
    width: 100%;
    height: 100%;
}
.latest-new h6 {
    font-size: 14px;
    line-height: 22px;
}
.latest-new p a {
    color: #0A639B;
}
#newsmore {
    width: 240px;
    height: 36px;
    border-radius: 4px;
    background: #0C72AF;
    margin: auto;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}
#newsmore a {
    color: #ffffff;
}
/* ------------------------------
	services
---------------------------------*/
.services {
    text-align: center;
}
.services h5 {
    font-size: 14px;
}
.services i {
    font-size: 30px;
    color: #333333;
    margin-bottom: 10px;
}
.services .mb {
    margin-bottom: 0;
}
/* ------------------------------
	service
---------------------------------*/
.service .c-right {
    text-align: right;
}
.service .content i {
    width: 60px;
    height: 50px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    color: #fff;
}
.service-two {
    text-align: center;
}
.service-two .icon {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    margin: 5px auto 15px;
}
.service-two .icon i {
    font-size: 24px;
    color: #fff;
}
.m-bottom {
    margin-bottom: 0;
}
/* ------------------------------
	features
---------------------------------*/
.features {
    margin-bottom: 20px;
}
.features:last-child {
    margin-bottom: 0;
}
.features .icon {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 58px;
    margin: 5px auto 8px;
    float: left;
    margin-right: 20px;
}
.features .icon i {
    font-size: 30px;
    color: #555;
}
.features .content {
    overflow: hidden;
}
/* ------------------------------
  Testimonial
---------------------------------*/
.testimonial {
    text-align: center;
    background: linear-gradient( rgba(33, 164, 134, 0.86), rgba(33, 164, 134, 0.86)), url("") center no-repeat;
    height: auto;
    overflow: hidden;
}
.testimonial img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
}
.testimonial i {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff;
}
.testimonial p {
    font-style: italic;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.testimonial h6 {
    font-size: 14px;
    margin: 15px 0;
    color: #fff;
}
.testimonial .owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    background: #fff;
}
.testimonial .owl-theme .owl-controls {
    margin-top: 0;
}
/* ------------------------------
  Testimonial pages
---------------------------------*/
.testimonial-pages {
    text-align: center;
}
.testimonial-pages img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
.testimonial-pages i {
    font-size: 24px;
    margin-bottom: 10px;
}
.testimonial-pages p {
    font-style: italic;
}
.testimonial-pages h6 {
    font-size: 14px;
    margin: 15px 0;
}
.testimonial-pages .owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
}
.testimonial-pages .owl-theme .owl-controls {
    margin-top: 0;
}
/* ------------------------------
	latest news
---------------------------------*/
.latest-news {
    text-align: center;
}
.latest-news img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.latest-news .date i {
    margin-right: 5px;
    margin-bottom: 10px;
}
.latest-news .button-default {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: block;
}
/* ------------------------------
  About us
---------------------------------*/
.about-us {
    margin: 0;
}
.about-us img {
    width: 100%;
    height: 100%;
    margin-bottom: 8px;
}
/* ------------------------------
	latest news
---------------------------------*/
.latest-news {
    text-align: center;
}
.latest-news img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.latest-news .date i {
    margin-right: 5px;
    margin-bottom: 10px;
}
.latest-news .button-default {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: block;
}
/* ------------------------------
  Blog
---------------------------------*/
.blog-content img {
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    float: left;
}
.blog-content h5 {
    font-size: 18px;
}
.blog-content .date i {
    margin-right: 5px;
    margin-bottom: 10px;
}
.blog-content .button-default {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.blog-detailt {
    background: #f6f6f6;
    border-top: 0;
    padding: 20px 16px;
    margin-bottom: 20px;
}
.pagination-blog {
    background: #f6f6f6;
    padding: 20px 0;
    text-align: center;
}
.pagination-blog ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination-blog ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 4px;
    line-height: 28px;
    font-size: 18px;
}
.pagination-blog ul .active a {
    color: #1e88e5;
}
/* ------------------------------
  Blog single
---------------------------------*/
.blog-single img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.blog-single .date i {
    margin-right: 5px;
    margin-bottom: 10px;
}
.share-post {
    background: #f6f6f6;
    padding: 20px 0;
    margin: 15px 0 25px;
}
.share-post ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.share-post ul li {
    display: inline-block;
    text-align: center;
    border: 1px solid #777;
    height: 35px;
    width: 35px;
    margin: auto;
    border-radius: 50%;
    line-height: 32px;
    margin: 0 3px;
}
.comment img {
    border-radius: 50%;
}
.comment h5 {
    margin-bottom: 15px;
}
.comment-form .comment-head {
    margin-bottom: 20px;
}
.comment-form .input-field {
    margin-top: 0;
}
.comment-form .form-button .button-default {
    margin-top: 0;
    margin-bottom: 0;
}
/* ------------------------------
  Shop
---------------------------------*/
.shop {
    background: #f6f6f6;
    padding: 10px;
    text-align: center;
}
.shop img {
    width: 100%;
    height: 100%;
}
.shop h6 {
    margin: 5px 0;
    font-size: 16px;
    text-align: center;
}
.shop h6 a {
    color: #333;
}
.shop span {
    color: #1e88e5;
    font-size: 20px;
    text-align: center;
}
.shop-pagination {
    background: #f6f6f6;
    padding: 20px 0;
    text-align: center;
}
.shop-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.shop-pagination ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 4px;
    line-height: 28px;
    font-size: 18px;
}
.shop-pagination ul .active a {
    color: #1e88e5;
}
/* ------------------------------
  Shop single
---------------------------------*/
.shop-single {
    margin: 0;
}
.shop-single img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.shop-single h6 {
    margin-bottom: 5px;
}
.shop-single span {
    color: #1e88e5;
    font-size: 20px;
}
.shop-single .button-default {
    margin: 10px 0;
}
.review {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}
.review img {
    border-radius: 50%;
}
.review h5 {
    margin-bottom: 15px;
}
.review-form .review-head {
    margin-bottom: 20px;
}
.review-form .input-field {
    margin-top: 0;
}
.review-form .form-button .button-default {
    margin-top: 0;
    margin-bottom: 0;
}
/* ------------------------------
  Checkout
---------------------------------*/
.checkout .input-field {
    margin-top: 0;
}
.checkout .collapsible-header {
    padding-top: 15px;
    padding-bottom: 13px;
}
.checkout .collapsible {
    box-shadow: none;
}
.checkout-content h5 {
    font-size: 15px;
}
.checkout-content .collapsible-body {
    padding: 18px;
}
.checkout-content .collapsible-body p {
    padding: 0;
}
.checkout-content h6 {
    color: #666;
    font-size: 15px;
}
.checkout-content .checkout-radio {
    margin: 20px 0 10px 0;
}
.checkout-radio span {
    color: #454545;
    font-weight: 500;
}
.checkout-login {
    margin-top: 20px;
    border-top: 1px dotted #ddd;
    padding-top: 30px;
}
.checkout-login h5 {
    color: #777;
    font-size: 13px;
    margin-bottom: 8px;
}
.checkout-login h6 span {
    font-weight: 600;
    color: #555;
    font-size: 18px;
}
.checkout-login p {
    margin: 5px 0 30px;
}
.checkout-login .button-default {
    margin-bottom: 0;
}
.billing-information h5 {
    color: #777;
    font-size: 13px;
    margin-bottom: 5px;
}
.shipping-information h5 {
    color: #777;
    font-size: 13px;
    margin-bottom: 5px;
}
.cart-details h5 {
    font-size: 14px;
    color: #555;
}
.payment-mode ul {
    margin-left: 35px;
}
.payment-mode ul li {
    display: inline-block;
}
.payment-mode .button-default {
    display: block;
    text-align: center;
}
.order-review .cart-product img {
    width: 100%;
    height: 100%;
}
.order-review .row {
    margin-bottom: 0;
}
.final-price {
    margin-top: 20px;
}
.final-price span {
    font-weight: 500;
}
/* ------------------------------
	portfolio
---------------------------------*/
.portfolio img {
    width: 100%;
    height: 100%;
}
.portfolio ul {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    list-style: none;
    margin-bottom: 15px;
}
.portfolio ul li {
    display: inline-block;
    cursor: pointer;
    color: #999;
    padding: 5px 6px;
    margin: 4px 4px;
}
.portfolio ul li h5 {
    color: #999;
    padding: 0;
    margin: 0;
}
.portfolio .active {
    color: #222;
}
.portfolio .active h5 {
    color: #222;
}
.portfolio img {
    width: 100%;
    height: 100%;
    float: left;
}
.portfolio-content img {
    width: 100% !important;
    ;
    height: 100% !important;
}
.portfolio .row {
    padding: 0;
    margin: 0;
}
.portfolio .row .col {
    padding: 5px;
    margin: 0;
}
/* ------------------------------
  Team
---------------------------------*/
.team {
    background: #f6f6f6;
    text-align: center;
}
.team img {
    width: 100%;
    height: 100%;
}
.team-details {
    padding: 10px;
}
.team-details span {
    margin: 5px 0 8PX;
    display: block;
}
.team-details ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.team-details ul li {
    display: inline-block;
    border: 1px solid #777;
    height: 25px;
    width: 25px;
    line-height: 23px;
    text-align: center;
    border-radius: 1px;
    border-radius: 50%;
    margin: 2px;
}
.team-details ul li a {
    color: #666;
}
/* ------------------------------
  Pricing
---------------------------------*/
.pricing {
    border: 1px solid #ddd;
    text-align: center;
}
.pricing-head {
    padding: 20px 10px;
    background: #eee;
    color: #1e88e5;
}
.pricing-head h5 {
    margin-bottom: 0;
}
.pricing-head span {
    font-size: 28px;
}
.pricing ul {
    padding: 10px;
    margin: 0;
}
.pricing ul li {
    padding: 6px 0;
    border-bottom: 1px solid #f5f5f5;
}
.pricing .button-default {
    margin: 10px 0 25px;
}
/* ------------------------------
  Contact, Login, Register
---------------------------------*/
.contact-us .button-default {
    margin-top: 10px;
    margin-bottom: 0;
}
.login .button-default {
    margin-top: 25px;
}
.register .button-default {
    margin-top: 0;
}
/* ------------------------------
  Error 404
---------------------------------*/
.error404 {
    text-align: center;
}
.error404 h4 {
    padding-top: 28px;
    display: inline-block;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-size: 100px;
}
/*loader custom color*/
.double-bounce1, .double-bounce2 {
    background-color: #1e88e5;
}
/* ------------------------------
  Footer
---------------------------------*/
.footer {
    background: #333;
    padding: 20px 0;
}
.about-us-foot {
    text-align: center;
    color: #ddd;
}
.about-us-foot span {
    color: #1e88e5;
}
.about-us-foot h6 {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.about-us-foot p {
    font-size: 12px;
}
.about-us-foot p a {
    color: #ffffff;
}
.social-media {
    text-align: center;
    margin: 18px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #444;
}
.social-media a {
    margin: 0 3px;
}
.social-media a i {
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    height: 35px;
    width: 35px;
    margin: auto;
    border-radius: 50%;
    line-height: 32px;
}
.copyright {
    text-align: center;
    padding: 20px 0 0 0;
}
.copyright span {
    color: #eeeeee;
    text-align: center;
}
/* ------------------------------
 咨询页面
---------------------------------*/



.conter {
    width: 100%;
    position: fixed;
    top: 0px;
    height: 120%;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #cccccc;

    display: none;
    z-index: 9999;
    padding-bottom: 30px;
}
.container {
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;
}
.container .left {
    width: 100%;
    padding-top: 30px;
    text-align: center;
}
.container .right {
    width: 100%;
    height: auto;
}
#listCloseBtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.redTitle {
    font-size: 26px;
    display: block;
    line-height: 36px;
    height: 36px;
    width: 400px;
    font-weight: bold;
    color: #007A3F;
    border-bottom: 1px solid #007A3F;
}
.container .left .titles {
    text-align: left;
    padding-left: 150px;
    padding-top: 15px;
    background-image: url(../images/consbg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 65px;
    font-size: 16px;
}
.container .left .info {
    color: #666666;
    font-size: 15px;
    line-height: 26px;
    padding-bottom: 10px;
    text-align: center;
}
.container .left .footTitle .titleB {
    font-size: 16px;
    color: #0A639B;
    font-weight: bold;
}
.container .right .titlex {
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    display: block;
    background: #0A639B;
    color: #ffffff;
}
.container .right .line {
    display: block;
    text-align: center;
    margin: 5px 0px;
    color: #E10003;
}
.container .right .inputText {
    border: 0;
    display: inline-block;
    background: #f3f3f3;
    width: 91%;
    height: 36px;
    color: #666666;
    text-align: left;
    padding-left: 10px;
    margin: auto;
}
.container .right .textArea {
    border: 0;
    display: inline-block;
    background: #f3f3f3;
    width: 90%;
    height: 120px;
    color: #666666;
    padding: 10px;
    margin: auto;
    vertical-align: top;
}
.container .right .inputBtn {
    border: 1px solid #008337;
    display: inline-block;
    width: 32%;
    height: 32px;
    background: #f3f3f3;
    color: #666666;
    text-align: center;
    cursor: pointer;
}
.container .right .inputBtn:hover {
    background: #008337;
    color: #ffffff;
}
/* ------------------------------
 首页样式
---------------------------------*/

#naver {
    width: 100%;
    height: auto;
    padding-top: 60px;
    color: #ffffff;
    position: relative;
    margin-top: 1px;
}
.naver_bg {
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.7;
    position: absolute;
    top: 0px;
    left: 0px;
}
.naver_cont {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    padding-top: 15px;
}
#naver_left {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#naver_left dl {
    height: 110px;
    display: block;
    float: left;
    text-align: center;
    background-size: cover;
    position: relative;
    margin: 1px;
}
#naver_left dl h3 {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    display: block;

}
#naver_left dl h4 {
    font-size: 7px;
    color: #ffffff;
    text-align: center;
}
#naver_left dl img {
    vertical-align: middle;
    margin: auto;
    width: 40px;
}
#naver_right {
    width: 100%;
    height: auto;
    clear: both;
}
#naver_right dl {
    width: 24.4%;
    height: 110px;
    display: block;
    float: left;
    text-align: center;
    background-size: cover;
    position: relative;
    margin: 1px;
}
#naver_right dl h3 {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
}
#naver_right dl h4 {
    font-size: 9px;
    color: #ffffff;
    text-align: center;
}
#naver_right dl img {
    vertical-align: middle;
    margin: auto;
    width: 40px;
}
#naver01 {
    background-image: url(../images/index_bbb1.jpg);
}
#naver02 {
    background-image: url(../images/index_bbb2.jpg);
}
#naver03 {
    background-image: url(../images/index_bbb3.jpg);
}
#naver04 {
    background-image: url(../images/index_nav4.jpg);
}
#naver05 {
    background-image: url(../images/coll_img02.jpg);
}
#naver06 {
    background-image: url(../images/cloud.jpg);
}
#naver07 {
    background-image: url(../images/index_nav1.jpg);
}
#naver08 {
    background-image: url(../images/index_nav2.jpg);
}
#naver09 {
    background-image: url(../images/index_nav5.jpg);
}
#naver10 {
    background-image: url(../images/index_nav6.jpg);
}
.index_nav a {
    width: 78px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 12px;
    float: left;
}
/*首页新增CDMO解决方案导航*/
#qebar {
    height: auto;
    background-color: #FFFFFF;
    background-image: url("../images/indexqebg.jpg");
    background-size: cover;
    background-position: 120px;
    background-repeat: no-repeat;
    margin: auto;
    width: 100%;
    clear: both;
    padding: 10px 6px;
    overflow: hidden;
}
#qebar section {
    display: inline-block;
    width: 49%;
    height: 280px;
    border-right: 1px solid #cccccc;
    overflow: hidden;
}
#qecont {
    font-size: 14px;
    padding: 12px 2% 0px 2%;
}
#qecont h2 {
    font-size: 16px;
    display: block;
    line-height: 45px;
}
#qecont h3 {
    font-size: 15px;
    font-weight: normal;
}
#qecont h4 {
    font-size: 12px;
    padding: 12px 0px;
    display: block;
    font-weight: normal;
    width: 100%;
    line-height: 26px;
    color: #666666;
}
#qebar2 a {
    display: inline-block;
    padding: 2px 7px;
    text-align: center;
    border-radius: 12px;
    font-size: 12.5px;
    font-weight: bold;
    color: #0A639B;
}
#qebar2 a:hover {
    color: #ffffff;
    background: #26a788;
}
#svr {

    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;
}
.svr_top {
    margin-top: 20px;
    margin-bottom: 26px;
}
.svr_top h3 {
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    width: 220px;
    background-image: url(../images/index_svrtopbg.jpg);
    display: inline-block;
}
.svr_line {
    width: 385px;
    height: 1px;
    background: #26a788;
    margin: -5px auto 10px auto;
}
.svr_top h4 {
    line-height: 36px;
    text-align: left;
    font-size: 12px;
    width: 170px;
    font-weight: normal;
    color: #8B8B8B;
    display: inline-block;
}
#svr_zp {
    height: auto;
    margin-bottom: 30px;
}
.zph3 {
    font-size: 14px;
    line-height: 30px;
    display: block;
    float: left;
}
.zpa3 {
    font-size: 14px;
    line-height: 30px;
    display: block;
    float: right;
    color: #ffffff;
}
.zph4 {
    font-size: 14px;
    font-weight: normal;
}
#svr_zp02 {
    float: left;
    width: 100%;
    height: auto;
    margin-right: 10px;
    background-size: cover;
    background-position: right -50px;
}
.svr_zp02_item {
    display: block;
    width: 48.9%;
    height: 224px;
    background: #ffffff;
    float: left;
    overflow: hidden;
    margin: 2px 2px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#zp001 {
    background-image: url("../images/zp2_bg1.jpg");
}
#zp002 {
    background-image: url("../images/zp2_bg2.jpg");
}
#zp003 {
    background-image: url("../images/zp2_bg3.jpg");
}
#zp004 {
    background-image: url("../images/zp2_bg4.jpg");
}
.svr_zp02_item h3 {
    clear: both;
    display: block;
    height: 180px;
    line-height: 23px;
    font-size: 13px;
    color: #fff;
    padding-top: 30px;
    padding-left: 20px;
    width: 100%;
    font-weight: normal;
    position: absolute;
    top: 80px;
    left: 0px;
    background: url("../images/zp2_sbg.png");
    background-size: cover;
}
.svr_zp02_item h3 span {
    font-size: 15px;
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #fff;
    width: 100px;
    font-weight: bold;
    margin-bottom: 12px;
}
.zptext {
    margin-top: 12px;
    margin-right: 0px;
    font-size: 12px;
    padding: 10px;
    line-height: 18px;
    background-color: #BEA934;
    opacity: 0.8;
    width: auto;
    display: block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.zptext a {
    color: #fff;
    padding-left: 5px;
}
.zptext a:hover {
    text-decoration: underline;
}
.svr_zp02_item ul {
    display: block;
    width: 100%;
    padding-top: 12px;
}
.svr_zp02_item ul li {
    display: inline-block;
    padding-left: 14px;
    background-image: url(../images/icons_tri4.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-right: 2px;
    font-size: 13px;
    line-height: 26px;
    width: 79px;
    overflow: hidden;
}
.svr_zp02_item ul li a {
    color: #454545;
}
.svr_zp02_item ul li a:hover {
    color: #008247;
}
#svr_zp03 {
    height: auto;
    width: 100%;
   display: block;
	clear: both;
    background: #ffffff;
}
#svr_zp03_top {
    height: 30px;
    padding: 5px 20px;
    color: #ffffff;
	width: 100%;
	margin-top: 20px;
    background-image: url(../images/icon_85.png);
		background-size: cover;
	background-position: left top;
}
#svr_zp03_cont {
    padding: 2px;
}
#svr_zp03_cont ul li {
    display: block;
    width: 205px;
    height: 46px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 14px;
    margin: 4px 0px;
}
#svr_zp03_cont ul li img {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
}
#svr_zp03_cont ul li a {
    display: block;
    float: right;
    width: 156px;
    color: #747474;
}
#03_cont ul li a:hover {
    color: #0A639B;
}
#svr_zp03_cont ul li:hover {
    border-bottom: 8px solid #0A639B;
}
/* ------------------------------
 关于我们
---------------------------------*/


#about_top {
    height: 150px;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}
#about_top_cont {
    width: 280px;
    height: 62px;
    background-color: #0A639B;
    margin: 55px auto auto auto;
    opacity: 0.8;
    padding: 15px;
    color: #FFFFFF;
    line-height: 12px;
    background-image: url(../images/bt.jpeg);
}
#about_top_cont h2 {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}
#about_top_cont p {
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}
#about_cont {
    width: 100%;
    height: auto;
    margin: auto;
    line-height: 32px;
    font-size: 14px;
}
.abcid_01 {
    display: block;
    width: 100%;
    height: auto;
    margin: 30px 0px 0px 0px;
    clear: both;
    background: #000000;
}
.abcid_02 {
    width: 100%;
    height: 210px;
    background: #0A639B;
    color: #ffffff;
    padding: 20px;
    opacity: 0.8;
}
.abcid_02 h3 {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
.abcid_02 h4 {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    display: block;
    padding-top: 5px;
    padding-bottom: 15px;
    color: #ffffff;
}
.abcid_02 h5 {
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    display: block;
    padding-bottom: 16px;
    margin-bottom: 12px;
    font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black, " sans-serif";
    text-align: center;
    color: #ffffff;
}
.abcid_03 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.abcid_03 h1 {
    font-size: 36px;
    padding-top: 10px;
    padding-bottom: 1px;
    display: block;
    color: #E5E5E5;
    font-weight: normal;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, " sans-serif";
    padding-left: 15px;
}
.abcid_03 h2 {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 20px;
    padding-left: 15px;
}
.abcid_03 h3 {
    font-size: 12px;
    color: #929292;
    font-weight: normal;
    font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;
    border-bottom: 1px solid #009BCB;
    padding-left: 15px;
}
.abcid_04 {
    font-size: 14px;
    line-height: 26px;
    padding: 16px;
}
#about_more_top {
    padding-left: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #FFFFFF;
    background-image: url(../images/bt.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 12px;
    margin-bottom: 12px;
    height: 50px;
}
#about_tab {
    clear: both;
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    margin: auto;
}
#about_tab_top {
    height: auto;
    bottom: 0px;
}
#about_tab_top span {
    font-size: 16px;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    width: 100px;
    text-align: center;
    margin-top: 6px;
    cursor: pointer;
    border-radius: 6px 6px 0px 0px;
}
.ab_yes {
    background-color: #006B05;
    color: #fff;
    background-image: url(../images/bt.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}
.ab_no {
    background: #efefef;
    color: #333;
}
.about_tab_cont {
    padding: 20px;
    font-size: 14px;
    line-height: 25px;
    display: none;
}
.about_tab_cont img {
    width: 100%;
    height: auto;
}
.about_tab_cont dl {
    display: block;
    float: left;
    width: 240px;
    height: 200px;
    text-align: center;
    margin: 10px;
    line-height: 30px;
}
.about_tab_cont dl a {
    color: #333333;
}
.about_tab_cont dl a:hover {
    color: #0A639B;
}
#about_top #about_top_cont article {
    line-height: 16px;
    text-align: center;
}
#about_dev {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
}
#dev_cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;
}
#dev_cont h3 {
    background-color: #0A639B;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 30px;
    height: 50px;
    width: 100%;
    text-align: center;
    display: block;
    color: #ffffff;
    padding-top: 10px;
    background-image: url(../images/icon_85.png);
}
#dev_cont article {
    height: auto;
    width: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #515151;
    line-height: 29px;
}
#dev_cont ul {
    display: block;
    width: 100%;
    height: auto;
}
#dev_cont ul li {
    display: block;
    width: 100%;
    height: auto;
    display: none;
}
#dev_ponter {
    width: 100%;
    margin: 20px 0px 20px 0px;
    height: auto;
    display: block;
    clear: both;
}
.dev_year {
    font-size: 16px;
    line-height: 26px;
    width: 18.8%;
    height: 50px;
    margin: 2px;
    cursor: pointer;
    text-align: center;
    display: block;
    float: left;
    background: #cccccc;
    overflow: hidden;
}
.dev_year h4 {
    font-size: 16px;
    line-height: 50px;
    display: block;
    clear: both;
    color: #333333;
}
.dev_year img {
    margin: auto;
    display: block;
    clear: both;
}
#abnav {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px;
    background-image: url(../images/bg1.jpg);
    background-repeat: no-repeat;
    height: auto;
    font-size: 16px;
    line-height: 26px;
    background-size: auto auto;
    background-position: center top;
    color: #7E7E7E;
    text-align: center;
    padding-bottom: 0px;
}
.abnav_18 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    display: block;
    clear: both;
}
.abnav_14 {
    font-size: 14px;
    text-align: center;
    height: auto;
    line-height: 20px;
    display: block;
    clear: both;
}
#abnav_num {
    padding-top: 0px;
}
#abnav_num ul li {
    display: inline-block;
    width: 200px;
}
#abnav_num ul li h4 {
    font-size: 36px;
    color: #0A639B;
    display: block;
}
#abnav_num ul li h5 {
    font-size: 14px;
    color: #A2A2A2;
    padding-top: 10px;
    display: block;
}
.abnav_more {
    display: block;
    width: 220px;
    height: 42px;
    margin: auto;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    background: #007B38;
    border-radius: 6px;
    margin-top: 40px;
}
/*----------引用------------------*/

.button-green {
    background: #0A639B;
    background: -webkit-gradient(linear, left top, left bottom, from(#00cc99), to(#00cc66) );
    background: -moz-linear-gradient(-90deg, #c8dd95, #0A639B);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}
.button-green:hover {
    background: #c8dd95;
    background: -webkit-gradient(linear, left top, left bottom, from(#00cc99), to(#009966) );
    background: -moz-linear-gradient(-90deg, #00cc99, #c8dd95);
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00cc99', EndColorStr='#009966');
}
.button-green:active {
    background: #00cc99;
}
/*----------------------------*/


/*----------------------------*/
.button {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.5em; /*Change the em value to scale the button*/
    display: block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    height: 100px;
    line-height: 80px;
    width: 155px;
}
.button, .button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}
.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;      /* The background pattern */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);            /* Pattern settings */
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
}
.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 6px;
}
/*----------------------------*/

/* select */
.select {
    width: 100%;
    font-size: 12px
}
.select-result {
    height: 30px;
}
.select li {
    list-style: none;
    height: auto;
    overflow: hidden;
    padding-left: 80px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.select .select-list {
    border-bottom: #eee 1px dashed
}
.select dl {
    zoom: 1;
    position: relative;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.select dl:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden
}
.select dt {
    width: 72px;
    text-align: right;
    color: #666;
    height: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    left: -80px;
    margin: 0;
    padding: 0;
}
.select dd {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    margin-left: 2px;
    margin-bottom: 1px;
    margin: 0;
    padding: 0;
}
.select a {
    display: inline-block;
    white-space: nowrap;
    height: 20px;
    padding-top: 0;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 0;
    text-decoration: none;
    color: #2F2F2F;
    border-radius: 2px;
    cursor: pointer;
}
.select a:hover {
    color: #000000;
    background-color: #CCCCCC
}
.select .selected a {
    color: #fff;
    background-color: #0A639B
}
.select-result dt {
    font-weight: bold
}
.select-no {
    color: #999
}
.select .select-result a {
    padding-right: 20px;
    background: #f60 url("../images/close.gif") right 9px no-repeat
}
.select .select-result a:hover {
    background-position: right -15px
}
/* -------------自定义----------------- */


#sercont {
    background-image: url(../images/reg_list_bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
    margin-top: 45px;
    padding-bottom: 30px;
    overflow: hidden;
}
#ser_bar {
    width: 100%;
    margin: auto;
    height: auto;
    text-align: center;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
}
#ser_bar ol {
    padding: 0;
    margin: 0;
}
.ser_bar_bok {
    display: block;
    height: 112px;
    width: 32%;
    color: #ffffff;
    float: left;
    cursor: pointer;
    padding-top: 8px;
    position: relative;
    overflow: hidden;
}
.ser_bar_bok a {
    color: #ffffff;
}
.ser_bar_bok img {
    display: block;
    clear: both;
    width: 60px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
}
.ser_bar_bok span {
    display: block;
    width: 100%;
    height: 30px;
    margin: auto;
    padding-top: 4px;
}
.ser_line {
    width: 190px;
    height: 2px;
    background: #00E1BB;
    margin: 6px auto 10px auto;
}
#ser_bar_top {
    color: #ffffff;
    padding-top: 40px;
    text-align: center;
}
#ser_bar_top h3 {
    display: block;
    font-size: 20px;
    line-height: 46px;
}
#ser_bar_top h4 {
    display: block;
    font-size: 18px;
}
#ser_bar_top h5 {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.ser_bar_he {
    height: 20px;
}
.ser_bar_nav {
    position: absolute;
    top: 170px;
    left: 10px;
    padding-top: 10px;
    height: auto;
    opacity: 0.8;
    display: none;
    background-image: url(../images/ser_nav_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 140px;
}
.ser_bar_nav ul {
    display: block;
    background-color: #0A639B;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
}
.ser_bar_nav li {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: 1px solid #ccc;
    clear: both;
}
.ser_bar_nav li:hover {
    color: #ffffff;
    background: #105050;
}
#linkurl {
    font-size: 14px;
    line-height: 36px;
    width: 100%;
    height: 36px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}
#linkurl img {
    vertical-align: middle;
}
#ser_tit {
    font-size: 18px;
    display: block;
    clear: both;
    line-height: 60px;
    color: #ffffff;
    width: 100%;
    background: #0A639B;
    margin-top: 30px;
    padding-left: 20px;
    background-image: url(../images/bt.jpeg)
}
#ser_cont {
}
#ser_cont article {
    display: block;
    line-height: 28px;
    height: auto;
    padding: 5px 18px;
    font-size: 13px;
}
.ser_art {
    display: none;
}
#ser_cont_left {
    width: 100%;
}
#ser_cont_right {
    padding: 14px;
    color: #333333;
    border: 1px solid #cccccc;
    margin: auto;
    margin-top: 10px;
    width: 96%;
}
#ser_cont_right_top {
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    background: #efefef;
    color: #454545;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    display: none;
}
#ser_right_zps {
    height: auto;
    padding: 10px 0px;
    position: relative;
    margin: auto;
}
#ser_right_zps h3 {
    display: block;
    text-align: center;
    width: 100%;
    height: 36px;
    line-height: 36px;
    position: absolute;
    left: 0px;
    bottom: 12px;
    background: #333333;
    opacity: 0.8;
    color: #ffffff;
    font-size: 14px;
}
#ser_cont_right ul li {
    display: block;
    line-height: 32px;
    padding-left: 14px;
    background-image: url(../images/icons_tri4.png);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 13px;
}
#ser_cont_right ul li a {
    color: #464646;
}
#ser_cont_right ul li a:hover {
    color: #15A876;
}
#ser_list_top {
    font-size: 14px;
    color: #333;
    height: auto;
    background: #efefef;
    border-bottom: 1px solid #008f60;
    margin-top: 20px;
    padding-top: 10px;
}
#ser_list_top_left {
    width: 100%;
}
#ser_list_top_right {
    width: 100%;
}
.service_search {
    background: #0A639B;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    border: 0;
    border-radius: 6px;
}
.ser_list_top_item {
    height: 30px;
}
#ser_list {
    padding: 20px;
    font-size: 12px;
}
#ser_list ul li {
    display: inline-block;
    width: 30.2%;
    height: 210px;
    margin-top: 8px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 8px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #cccccc;
    text-align: center;
    position: relative;
}
.serlistimg {
    width: 100%;
    height: auto;
    background-image: url(../images/sericobg.jpg);
    background-size: cover;
    background-position: center top;
    overflow: hidden;
}
#ser_list ul li:hover {
    color: #12AF41;
}
#ser_list ul li img {
    display: block;
    width: 40%;
    height: auto;
    padding-top: 10px;
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 18px;
    margin-top: 18px;
    padding-bottom: 10px;
}
#ser_list section {
    width: 100%;
    height: 75px;
    display: block;
    position: absolute;
    color: #454545;
    top: 142px;
    left: 0px;
    z-index: 999;
}
.serlistbg {
    background: #0A639B;
    position: absolute;
    z-index: 998;
    height: 88px;
    width: 120px;
    top: 202px;
    left: 0px;
}
#ser_list h2 {
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #ffffff;
    background: #3B3B3B;
}
#ser_list section h3 {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
}
#ser_list section article {
    line-height: 22px;
    color: #949494;
    font-size: 12px;
}
.ser_more {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #0A639B;
    cursor: pointer;
}
.ser_more2 {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #0A639B;
    cursor: pointer;
    display: none;
}
.ser_more img, .ser_more2 img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
#newsbanner {
    height: 150px;
    width: 100%;
    margin-top: 65px;
    background-size: cover;
}
#newslist_tab {
    text-align: center;
    margin-top: 20px;
    height: auto;
    padding-bottom: 6px;
    border-bottom: 1px solid #cccccc;
}
#newslist_tab span {
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
}
.newslist_tab_no {
    background: #efefef;
    border: 1px solid #ccc;
    color: #454545;
}
.newslist_tab_yes {
    background: #0A639B;
    border: 1px solid #0A639B;
    color: #ffffff;
}
.newslist_item {
    margin: auto;
    width: 100%;
    height: auto;
    padding-top: 10px;
}
.newslist_item ul li {
    display: block;
    min-height: 100px;
    height: auto;
    width: 98%;
    clear: both;
    margin-top: 40px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 40px;
}
.newslist_item ul li img {
    float: left;
    width: 31%;
    height: auto;
    min-height: 100px;
}
.newslist_item ul li div {
    float: right;
    width: 66%;
}
.newslist_item ul li H2 {
    font-size: 16px;
    color: #969696;
    font-weight: normal;
    line-height: 28px;
    height: 28px;
}
.newslist_item ul li H3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
.newslist_item ul li article {
    font-size: 12px;
    line-height: 22px;
    display: block;
    color: #969696;
    height: auto;
    overflow: hidden;
}
.newslist_item ul li a {
    width: 130px;
    height: 24px;
    line-height: 24px;
    display: block;
    border: 1px solid #05904D;
    text-align: left;
    padding-left: 16px;
    color: #05904D;
    background-image: url(../images/newsmore_02.gif);
    background-position: 90px center;
    background-repeat: no-repeat;
}
.newslist_item ul li a:hover {
    background-image: url(../images/newsmore_01.gif);
    background-color: #05904d;
    color: #fff;
}
#sec_ban {
    width: 100%;
    height: 200px;
    background-image: url(../images/reg_info_bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
#sec_tits {
    width: 100%;
    text-align: center;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    margin-top: 95px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    font-weight: bold;
    background-color: #00A07B;
    color: #ffffff;
    opacity: 0.8;
}
#sec_cont {
    margin: 40px;
}
#sec_cont h3 {
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    background-image: url(../images/sec_ico1.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    border-radius: 6px;
    color: #333333;
    background-color: #EFEFEF;
}
#sec_cont article {
    font-size: 15px;
    line-height: 26px;
    color: #333333;
    padding: 20px;
}
#team {
    height: auto;
    margin-bottom: 40px;
}
#team_cont {
    width: 100%;
    margin: auto;
    height: auto;
}
.team_top {
    background-image: url(../images/sec_ico1.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 10px 0px;
    background-color: #efefef;
    line-height: 40px;
    clear: both;
}
#team ul li {
    display: block;
    width: 94%;
    height: auto;
    margin-top: 40px;
    margin-right: 4%;
    margin-left: 4%;
    margin-bottom: 40px;
}
#team ul li article {
    color: #7F7F7F;
    font-size: 14px;
    line-height: 26px;
    display: block;
    padding-top: 20px;
}
#team ul li h3 {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}
#team ul li img {
    width: 200px;
    height: 200px;
    padding-bottom: 5px;
    margin: auto;
}
#team_bg {
    height: auto;
}
.teambg_left {
    display: block;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    width: 90%;
    height: auto;
    padding-left: 6%;
}
.teambg_right {
    width: 100%;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-align: center;
}
.teambg_right h3 {
    display: block;
    line-height: 32px;
    font-size: 16px;
    font-weight: normal;
}
#team_ops {
    width: 95%;
    padding: 5%;
    font-size: 14px;
    padding-bottom: 40px;
}
#team_ops dl {
    display: block;
    width: auto;
    margin: 10px;
    line-height: 24px;
    color: #777777;
}
#team_ops h3 {
    font-size: 14px;
    line-height: 36px;
    font-weight: bold;
    color: #333333;
}
#serinfo_cont {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 2px;
    clear: both;
}
#serinfo_ico {
    background-image: url(../images/sericobg.jpg);
    background-size: cover;
    width: 180px;
    height: 180px;
    float: left;
    overflow: hidden;
}
#serinfo_cont h3 {
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    background-image: url(../images/sec_ico1.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    border-radius: 6px;
    color: #333333;
    background-color: #EFEFEF;
}
#serinfo_cont article {
    font-size: 15px;
    line-height: 26px;
    color: #333333;
}
#serinfo_cont_left {
    font-size: 16px;
}
#serinfo_cont_right {
    float: right;
    width: auto;
    color: #333333;
}
.serinfo_ico {
    display: block;
    margin: auto;
    margin-top: 40px;
}
#serinfo_list {
}
#serinfo_list_tabtop {
    height: 50px;
}
#serinfo_list_tabtop span {
    display: inline-block;
    height: 50px;
    width: 100px;
    font-size: 16px;
}
#serinfo_sidebar {
    width: 280px;
    float: right;
    height: auto;
}
#pagenum {
    text-align: center;
    padding-top: 30px;
}
#pagenum a {
    display: inline-block;
    height: 30px;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
    min-width: 20px;
    text-decoration: none;
}
.page_on {
    background-color: #00A053;
    color: #FFFFFF;
}
.page_off {
    background-color: #f9f9f9;
    border: 1px solid #C5C5C5;
    color: #7B7B7B;
}
#newsinfo_cont {
    width: 98%;
    height: auto;
    padding: 3%;
    margin-top: 65px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
}
#newsinfo_cont h1 {
    display: block;
    text-align: center;
    line-height: 30px;
    height: auto;
    font-size: 18px;
    padding-bottom: 18px;
    padding-top: 10px;
}
#newsinfo_cont h5 {
    display: block;
    text-align: center;
    line-height: 20px;
    height: auto;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 1px solid #D8D8D8;
}
#jiathis {
    text-align: center;
    width: auto;
    display: inline-block;
    margin: auto;
    padding-top: 6px;
    height: 36px;
}
#news_text {
    font-size: 16px;
    height: auto;
    padding: 10px;
    line-height: 24px;
}
#news_text p {
    font-size: 14px;
}
#news_text table {
    height: auto;
    width: 100%;         /*  必须设置一个宽度， margin: 0 auto才能使之居于父组件中央*/
}
#news_text img {
    height: auto;
    width: 100%;
}
#book_bg {
    height: 150px;
    background-image: url(../images/booksbg.jpg);
    background-position: center;
    background-size: cover;
    margin-top: 65px;
}
#book_cont {
    width: 100%;
    margin: auto;
    height: auto;
}
.book_top {
    background-image: url(../images/sec_ico1.jpg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 10px 0px;
    background-color: #efefef;
    line-height: 40px;
    text-align: center;
    clear: both;
}
#book_list {
    padding: 10px;
}
#book_list ul li {
    display: inline-block;
    width: 49%;
    height: auto;
    border: 1px solid #cccccc;
    position: relative;
    color: #454545;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 20px;
}
.book_list_img {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 4px;
}
#book_list ul li h2 {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    padding: 10px;
    height: 75px;
}
#book_list ul li h3 {
    font-size: 18px;
    line-height: 22px;
    color: #0A639B;
    text-align: center;
}
#book_list ul li h4 {
    font-size: 12px;
    line-height: 22px;
    color: #767676;
    text-align: center;
    font-weight: normal;
}
.book_rih {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 110px;
    height: 110px;
    background-image: url(../images/book_ri_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    padding-top: 12px;
    padding-right: 12px;
}
.book_rih2 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 110px;
    height: 110px;
    background-image: url(../images/book_ri2_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    padding-top: 12px;
    padding-right: 12px;
}
.book_code {
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #000000;
    position: absolute;
    top: 0px;
    left: 0px;
}
.book_code_img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30%;
    left: 25%;
}
.book_code_tip {
    height: 38px;
    line-height: 38px;
    opacity: 0.7;
    color: #ffffff;
    z-index: 999;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #424242;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.book_s {
    display: none;
}
#contant_top {
    height: 150px;
    background-image: url(../images/contant_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 20px;
    width: 100%;
    color: #ffffff;
}
#contant_top_text {
    padding-left: 5%;
    padding-top: 30px;
}
#contant_top_text h3 {
    font-weight: normal;
    display: block;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
#contant_top_text h4 {
    font-weight: normal;
    display: block;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
}
#contant_top_text h2 {
    font-weight: normal;
    display: block;
    font-size: 30px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
}
.contant_line {
    height: 40px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #0A639B;
    line-height: 40px;
    clear: both;
}
.contant_line span {
    display: block;
    margin: auto;
    width: 160px;
    background-color: #0A639B;
    color: #ffffff;
    background-image: url(../images/icon_85.png);
    background-size: cover;
}
.contant_list {
    height: auto;
    width: 100%;
    background-color: #F1F1F1;
    margin-bottom: 30px;
    overflow: hidden;
}
.contant_list li {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 2px 15px 0px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}
.contant_bor {
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #dcdcdc;
}
.contant_list li h3 {
    display: block;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    width: 100px;
    border-radius: 4px;
    background: #999999;
    color: #ffffff;
    margin-top: auto;
    margin-right: auto;
    margin-left: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}
.contant_list li dd {
    display: block;
    line-height: 26px;
    margin-left: 20px;
}
.contant_map {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
}
.contant_map img {
    width: 100%;
    height: 100%;
}
#solu_baner {
    height: 150px;
    margin-top: 65px;
    background-size: 100% 100%;
    color: #ffffff;
}
#solu_baner h2 {
    font-size: 16px;
    color: #efefef;
    padding-left: 20px;
    padding-top: 20px;
}
#solu_baner article {
    font-size: 12px;
    line-height: 22px;
    padding-left: 20px;
}
.solu_item {
    margin: 20px 0px;
    height: auto;
    position: relative;
}
.solu_item_left {
}
.solu_item_left h3 {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    background: #0A639B;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0px;
    top: 218px;
    opacity: 0.9;
}
.solu_item_left article {
    font-size: 14px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    line-height: 32px;
}
.solu_item_right img {
    width: 100%;
    height: auto;
}
#coll_baner {
    height: 60px;
    background-size: cover;
    margin-top: 65px;
    padding-top: 100px;
    color: #ffffff;
}
#coll_baner_item {
    height: 60px;
}
#coll_baner_item span {
    display: block;
    float: left;
    width: 19.4%;
    background: #5C5C5C;
    color: #ffffff;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 10px;
    margin: 0px 1px;
    opacity: 0.6;
    overflow: hidden;
}
#coll_jie {
    height: auto;
}
#coll_jie article {
    display: block;
    width: auto;
    line-height: 26px;
    font-size: 14px;
    color: #525252;
    padding: 20px;
}
.coll_top {
    display: block;
    background-image: url(../images/coll_line1.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    width: 180px;
    margin: auto;
    font-size: 18px;
    line-height: 36px;
    color: #0A639B;
    padding-bottom: 4px;
}
.coll_list_item {
    width: 95%;
    height: auto;
    border: 1px solid #cccccc;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}
.coll_list_item h3 {
    display: block;
    line-height: 60px;
    text-align: center;
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
}
.coll_list_item h3 img {
    vertical-align: middle;
}
.coll_list_cont {
    padding: 20px;
    font-size: 14px;
    color: #868686;
}
.coll_list_cont ul {
    display: block;
    padding: 10px;
}
.coll_list_cont ul li {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background: #0A639B;
    margin: 16px 0px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.coll_list_cont ul li a {
    color: #ffffff;
}
.cus_top {
    font-size: 14px;
    color: #333333;
    margin-top: 40px;
    height: auto;
    background-color: #efefef;
    border-bottom: 1px solid #0A639B;
    clear: both;
}
.cus_top span {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    width: 32.5%;
    text-align: center;
    cursor: pointer;
    margin: 1px;
    background: #cccccc;
}
.cus_list {
    padding: 40px;
    display: none;
}
.cus_list p {
    display: inline-block;
    background-image: url(../images/icons_tri4.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    width: 450px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    margin: 6px;
    ;
    color: #454545;
}
#bud_baner {
    margin-top: 65px;
    height: 150px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px 100px;
}
#bud_jie {
    height: auto;
    overflow: hidden;
}
#bud_jie_left {
    height: auto;
    ;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    width: auto;
    background: #0A639B;
    color: #ffffff;
    font-size: 10px;
    overflow: hidden;
}
#bud_jie_left h3 {
    font-size: 16px;
}
#bud_jie_right {
    width: auto;
    background: #333333;
    height: auto;
    padding: 20px;
    color: #333333;
    font-size: 14px;
    line-height: 26px;
    background-image: url(../images/14334.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#bud_jie_right article {
    background: #ffffff;
    opacity: 0.8;
    padding: 30px;
}
.bud_top {
    height: 50px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}
.bud_top h3 {
    font-size: 18px;
    color: #0A639B;
}
.bud_top h4 {
    font-size: 10px;
    font-weight: normal;
    color: #868686;
    line-height: 30px;
}
#jie_list {
    height: auto;
    width: auto;
    margin-bottom: 40px;
    padding: 0px 16px;
}
#jie_list ul li {
    display: inline-block;
    width: 49%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    border: 1px solid #DDDDDD;
    color: #0A639B;
    font-weight: bold;
    line-height: 36px;
}
#jie_list ul li p img {
    width: 97%;
    height: auto;
    margin: auto;
}
.job_top {
    display: block;
    line-height: 60px;
    height: 60px;
    text-align: center;
    font-size: 18px;
    color: #0A639B;
    font-style: italic;
}
.job_top2 {
    display: block;
    line-height: 44px;
    height: 44px;
    text-align: center;
    font-size: 18px;
    color: #8F8F8F;
    font-style: italic;
    clear: both;
    background: #efefef;
}
.job_top2 span {
    color: #0A639B;
}
#job_linian {
    font-size: 14px;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 10px;
}
#job_linian p {
    line-height: 26px;
}
#job_linian img {
    width: 100%
}
.job_list {
    clear: both;
    height: auto;
    overflow: hidden;
}
.job_list ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 14px;
    background: #efefef;
    font-size: 14px;
    line-height: 24px;
    padding: 20px
}
.job_list ul li h4 {
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    display: block;
    margin-bottom: 18px;
    color: #454545;
    font-weight: normal;
}
.job_list ul li h4 span {
    display: inline-block;
    width: 200px;
    height: 30px;
    background-image: url(../images/job_bg2.jpg);
    text-align: center;
    color: #ffffff;
}
.job_more {
    line-height: 40px;
    display: block;
    clear: both;
    height: 40px;
    width: 300px;
    color: #ffffff;
    border-radius: 6px;
    background: #0A639B;
    font-size: 16px;
    margin: 40px auto;
    text-align: center;
}
.job_conts {
    font-size: 14px;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
    line-height: 36px;
}
.inv_item {
    border-top: 1px solid #cccccc;
    clear: both;
    margin-top: 20px;
    height: auto;
}
.inv_item h3 {
    font-size: 16px;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: auto;
    color: #7E7E7E;
}
.inv_solu {
    height: auto;
    line-height: 26px;
}
.inv_solu_item {
    display: block;
    margin: 20px;
    padding: 20px;
    width: auto;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #373737;
    border: 1px solid #cccccc;
}
.inv_solu_item h4 {
    display: block;
    height: 40px;
    clear: both;
    font-size: 16px;
    color: #C18A00;
}
.inv_solu_item article {
    display: block;
}
.inv_item_pru {
    width: auto;
    height: auto;
    margin-top: 6px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}
.inv_item_pru img {
    float: left;
    width: 100%;
    height: auto;
}
.inv_item_pru ul {
    height: auto;
    display: block;
    clear: both;
    margin: 0;
}
.inv_item_pru ul strong {
    display: block;
    height: 36px;
    line-height: 36px;
    background: #000000;
    text-align: center;
    font-size: 16px;
    opacity: 0.7;
    color: #ffffff;
}
.inv_item_pru ul li {
    display: block;
    background-image: url(../images/icons_tri4.png);
    padding-left: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px;
    line-height: 40px;
}
.msp_item {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    height: auto;
}
.msp_item_left {
    float: none;
}
.msp_item_left h3 {
    display: block;
    font-size: 24px;
    line-height: 60px;
}
.msp_item_left article {
    font-size: 15px;
    line-height: 32px;
}
.msp_item_right {
}
.msp_solu {
    height: auto;
    line-height: 24px;
}
.msp_solu_item {
    display: block;
    float: none;
    margin: 6px;
    height: 150px;
    overflow: hidden;
    font-size: 14px;
    color: #373737;
    padding: 4px;
    border: 1px solid #cccccc;
}
.msp_solu_item h4 {
    display: block;
    height: 28px;
    clear: both;
    font-size: 16px;
    color: #0A639B;
    margin: 0px;
    line-height: 28px;
}
.msp_solu_item article {
    display: block;
    line-height: 20px;
    color: #4B4B4B;
    font-size: 12px;
}
.msp_join {
    width: 220px;
    background: #0A639B;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    margin: auto;
    height: 40px;
    clear: both;
    cursor: pointer;
    border-radius: 6px;
}
#msp_baner {
    height: 240px;
    background-size: cover;
    padding-top: 60px;
    padding-right: 0px;
    padding-left: 10%;
    padding-bottom: 0px;
    color: #ffffff;
    overflow: hidden;
}
#msp_baner h2 {
    font-size: 20px;
    color: #efefef;
    line-height: 50px;
}
#msp_baner article {
    width: 600px;
    font-size: 15px;
    line-height: 32px;
}
#msp_link {
    height: 65px;
}
#msp_link a {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 38px;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;
    font-size: 14px;
    opacity: 0.9;
}
#msp_link a:hover {
    background: #55A34D;
    color: #ffffff;
}
.msp_link_a_yes {
    background: #00AF86;
    color: #ffffff;
}
.msp_link_a_no {
    background: #cccccc;
    color: #333333;
}
.msp_top {
    border-top: 1px solid #cccccc;
    clear: both;
    margin-top: 20px;
    height: auto;
}
.msp_top h3 {
    font-size: 16px;
    text-align: center;
    display: block;
    height: 50px;
    line-height: 50px;
    margin: auto;
    color: #7E7E7E;
}
#newsfg a {
    display: inline-block;
    width: 20%;
    height: 36px;
    line-height: 36px;
    margin-top: 22px;
    border-radius: 5px 5px 0px 0px;
}
.newsfg_yes {
    background-color: #00af86;
    color: #ffffff;
}
.newsfg_no {
    background-color: #E1E1E1;
    color: #333333;
}
.cdmo_cont {
    padding: 15px 15px 10px 15px;
    clear: both;
    font-size: 15px;
    line-height: 26px;
    border: 2px solid #0A639B;
    margin-top: 240px;
    position: relative;
}
#cdmo_list {
    height: 230px;
    z-index: 999;
    position: absolute;
    width: 100%;
    top: -234px;
    left: -2px;
    overflow: hidden;
}
#cdmo_list ul li {
    display: inline-block;
    width: 32.5%;
    height: 100px;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    color: #0A639B;
    font-weight: bold;
    line-height: 16px;
    cursor: pointer;
    background-color: #efefef;
}
#cdmo_list ul li img {
    width: 100%;
    height: 60px;
}
.cdmo_tab {
    display: none;
    font-size: 14px;
}
.cdmo_tab h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.cdmo_tab h4 {
    font-weight: bold;
    font-size: 16px;
    color: #34AB83;
    line-height: 40px;
    display: block;
    clear: both;
}
.cdmo_tab ul li {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    line-height: 26px;
    padding-left: 10px;
    background-image: url(../images/li_icon03.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
