/* @charset "utf-8";
CSS Document */

@font-face {
font-family: SourceHanSansSC-Regular;
src: url(/css/SourceHanSansSC-Regular.otf);
}

body {
    font-size: 16px;
    font-family: SourceHanSansSC-Regular;
    color: #000;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
}


input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea {
  
    -webkit-appearance: none;
    border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

ul,
li,
ol,
dl,
dt {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

a:hover {
    text-decoration: none;
    color: #183884;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    zoom: 1
}

.fl {
    float: left;
    display: inline-block;
}

.fr {
    float: right;
    display: inline-block;
}

.w {
    width: 1280px;
    margin: 0px auto;
}

.align-vertical {
     

/**
  display: table-cell;
    vertical-align: middle;
display: -webkit-box;
**/
	display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    height: 100%;
}
.pYfcx-footer{
    position: relative;
}
.pYfcx-footer ::after{
    content: '';
    width: 1300px;
    height: 5px;
    background-color: #16bae0;
}
.pYfcx-footer .line{
    background: #3e9dd6;
    width: 100%;
    height: 2px;
    margin-top: 60px;
}
.pYfcx-footer .fangwen{
    background: white;
    width: 200px;
    text-align: center;
    position: absolute;
    left: calc(50% - 100px);
    top: -15px;
    font-size: 18px;
}

/**index**/


.blintroductory {
    background: rgb(231, 231, 231);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    height: 60px;
    display: flex;
    justify-content: flex-end;
    padding: 0 40px;
display:none;
}

.blintroductory>div {
    float: right;
    line-height: 60px;
    margin-right: 30px;
    color: #777574;
}

.blintroductory div:nth-child(1) {
 
    font-weight: 600;
}


.blHead {
      background: rgba(255, 255, 255, .8);
    width: 100%;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 101;
    height: 109px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blHead-logo {
    margin: 17px 0 0 5%;
}

.blHead-nav {
    padding: 0px 0% 0 0;
    height: 100%;
    display: flex;
   
}

.blHead-nav li {
    height: 100%;
    width: 120px;
    float: left;
    font-size: 16px;
    padding-left: 10px;
    position: relative;
    white-space: nowrap;
}
.blHead-nav>li>a{
display:block;
width:100%;
height:100%;
line-height:130px;
}
.blHead-nav li .subNav {
    background: rgba(255, 255, 255, .8);
    width: 190%;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0.05rem 0;
    text-align: center;
    transition: 1s;
    padding-bottom: 20px;
    text-align: left;
    overflow: hidden;
    font-size: 14px;
    display: none;
}

.blHead-nav li .subNav div {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #b6b9b9;
   margin-top: 10px;
}

.blHead-nav li .subNav div:hover a {
    color: #183884;
}

.blHead-nav li:hover .subNav {
    display: block;

}

.blHead-nav li.active a {
    color: #183884;
}

.blHead.scoll {
    background: rgba(255,255,255,0.8);
    /* box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%); */
}


.navBtn {
    width: 62px;
    height: 62px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 20;
    display: none;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.navBtn span {
    position: absolute;
    top: 20px;
    display: block;
    width: 38px;
    height: 4px;
    left: 10px;
    border: 0px solid #C82126;
    background-color: #3e9dd6;
    -webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
    transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
    transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s;
    transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
}

.navBtn span:nth-of-type(2) {
    top: 30px;
}

.navBtn span:nth-of-type(3) {
    top: 40px;
    bottom: 0;
    -webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
    transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
    transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s;
    transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;
}

.navBtn.expanded:hover span {
    transform: scale(0.9);
}

.navBtn.expanded span:nth-of-type(1) {
    top: 30px;
    transform: rotate(45deg);
    transition: top 0.2s, transform 0.2s 0.2s, background 0.2s;
    -webkit-transform: rotate(45deg);
    -webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

.navBtn.expanded span:nth-of-type(2) {
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}

.navBtn.expanded span:nth-of-type(3) {
    top: 30px;
    transform: rotate(-45deg);
    transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s;
    -webkit-transform: rotate(-45deg);
    -webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s
}

.navPup-ibox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;
    -webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) .8s;
}

.navPup-ibox.cur {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.nav-list {
    background: #3e9dd6;
    height: 100%;
    padding-top: 65px;
    overflow-y: auto;
}

.nav-list li {
    position: relative;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #3a95cc;
    border-top: 1px solid #49b1ef;
}

.nav-list li a {
    display: block;
    color: #fff;
    width: 100%;
}

.nav-list li a.current,
.nav-list li a:hover {
    background-color: #3694cc;
}

.nav-list li:first-child {
    border-top: 0;
}

.nav-list li:last-child {
    border-bottom: 0;
}

.blBanner {
    position: relative;
    overflow: hidden;
    margin-top: 109px;
}

.blBanner li img {
    width: 100%;
    display: block;
}

.blBanner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.blBanner .swiper-pagination-bullet-active {
    background: #183884;
}


.blAbout-title {
    padding: 70px 0 20px 0;
    text-align: center;
}

.blAbout-title .cn {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
}

.blAbout-title .en {
    font-size: 18px;
    color: #3e9dd6;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0 10px 0;
    border-bottom: 1px #3e9dd6 solid;
}

.blAbout-title .txt {
    padding-top: 20px;
    color: #383431;
}

.blAbout-video {
    width: 100%;
    height: 640px;
}

.blAbout-video video {
    width: 100%;
}


.blDevel-list {
    margin-top: 20px;
}

.blDevel-list li {
    margin-top: 25px;
    width: 50%;
    float: left;
    display: inline-block;
    position: relative;
    border-radius: 0;
}

.blDevel-list li .t {
    background: #3e9dd6;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-left: 50px;
    line-height: 100px;
    border-radius: 0 0 0 0;
    transition: all 0.4s;
}

.blDevel-list li .t .ico {
    width: 140px;
    float: left;
    margin-right: 30px;
}

.blDevel-list li .c {
    background: #dededd;
    width: 100%;
    height: 140px;
    display: table;
    padding: 0 60px 0 220px;
    text-align: justify;
    border-radius: 0 0 0 0;
}

.blDevel-list li:nth-child(2n+2) {
    float: right;
    border-left: 1px #fff solid;
}

.blDevel-list li:hover .t {
    background: #183884;
}


.blInnov-list {
    margin-top: 20px;
}

.blInnov-list li {
    float: left;
    width: 50%;
    margin-top: 30px;
    border-right: 1px #fff solid;
}

.blInnov-list li .t {
    background: #3e9dd6;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 15px 0 15px 55px;
    line-height: 105px;
}

.blInnov-list li .t .ico {
    width: 120px;
    float: left;
    margin-right: 30px;
}

.blInnov-list li .pic {
    overflow: hidden;
}

.blInnov-list li .pic img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.blInnov-list li .c {
    background: #dededd;
    padding: 18px 55px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blInnov-list li:hover .pic img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.blInnov-list li:hover .t {
    background: #183884;
}

.blInnov-list li:first-child {
    width: 100%;
}


.blNews-list {
    margin-left: -2%;
    position: relative;
}

.blNews-list li {
    background: #dededd;
    padding: 20px;
    width: 31.3%;
    margin: 30px 0 0 2%;
    float: left;
    display: inline-block;
    transition: all 0.4s;
}

.blNews-list li .pic {
    overflow: hidden;
}

.blNews-list li .pic img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.blNews-list li .date {
    padding: 25px 0 10px 0;
    display: block;
    line-height: 1;
    color: #383431;
    border-bottom: 1px #898784 solid;
}

.blNews-list li .tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 15px;
    color: #383431;
    min-height: 90px;
}

.blNews-list li .txt {
    height: 56px;
    overflow: hidden;
    margin-top: 5px;
}

.blNews-list li:hover {
    background: #183884;
}

.blNews-list li:hover .pic img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.blNews-list li:hover .date,
.blNews-list li:hover .tit,
.blNews-list li:hover .txt {
    color: #fff;
    border-color: #fff;
}

.blNews-more {
    text-align: center;
    padding-top: 50px;
}

.blNews-more a {
    background: #3bb3c2;
    width: 185px;
    line-height: 45px;
    display: inline-block;
    font-size: 18px;
    border-radius: 8px;
    color: #fff;
}

.blNews-more a:hover {
    background: #183884;
}


.blFooter {
    background: #1f1a17;
    margin-top: 50px;
    padding: 30px 5%;
    color: #fff;
    line-height: 2.2;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blFooter .f-logo {
    width: 12%;
}

.blFooter .f-add {
    width: 10%;
    margin: 0 25px;
    width: 300px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding-left: 20px; */
}
.blFooter .f-add div a{
    color: white;
}

.blFooter .f-copy {
    /* width: 36%; */
    /* padding-left: 20px; */
margin-top: 10px;

}

.blFooter .f-copy .top {
    display: flex;
    align-items: center;
}

.blFooter .f-copy .center {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
}

.blFooter .f-copy .fontss {
    display: flex;
    align-items: center;
}


.blFooter .f-copy .top .email {
    margin: 0;
}



.blFooter .f-bei {
    width: 21%;
    padding-left: 20px;
}



/** ?     **/
.pbanner {
    width: 100%;    margin-top: 109px;
}

.pbanner img {
    width: 100%;
    display: block;
}

.pmenu {
    background: #3bb3c2;
    padding: 15px 0;
    width: 1236px;
    margin: auto;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 0;
    margin-top: -30px;
}

.pmenu:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 62px 22px;
    border-color: transparent transparent #3bb3c2;
    position: absolute;
    left: -22px;
    top: 0;
    zoom: 1;
}

.pmenu:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 62px 22px 0 0;
    border-color: #3bb3c2 transparent transparent;
    position: absolute;
    right: -22px;
    top: 0;
    zoom: 1;
}

.pmenu a {
    display: inline-block;
    font-size: 18px;
    padding: 0 20px;
    position: relative;
}

.pmenu a.active,
.pmenu a:hover {
    color: #fff;
}

.pmenu a:before {
    content: '/';
    font-weight: lighter;
    position: absolute;
    right: 0;
    top: 0;
}

.pmenu a:last-child:before {
    display: none;
}

.pmenu.bg-purple {
    background: #666ea9;
}

.pmenu.bg-purple:before {
    border-color: transparent transparent #666ea9;
}

.pmenu.bg-purple:after {
    border-color: #666ea9 transparent transparent;
}

.pmenu.bg-blue {
    background: #3e9dd6;
}

.pmenu.bg-blue:before {
    border-color: transparent transparent #3e9dd6;
}

.pmenu.bg-blue:after {
    border-color: #3e9dd6 transparent transparent;
}

.pmenu.bg-blue2 {
    background: #16bae0;
}

.pmenu.bg-blue2:before {
    border-color: transparent transparent #16bae0;
}

.pmenu.bg-blue2:after {
    border-color: #16bae0 transparent transparent;
}

.pmenu.bg-orange {
    background: #ef9a48;
}

.pmenu.bg-orange:before {
    border-color: transparent transparent #ef9a48;
}

.pmenu.bg-orange:after {
    border-color: #ef9a48 transparent transparent;
}

.pmenu.bg-red {
    background: #e87877;
}

.pmenu.bg-red:before {
    border-color: transparent transparent #e87877;
}

.pmenu.bg-red:after {
    border-color: #e87877 transparent transparent;
}

.pmenu.bg-black {
    background: #798992;
}

.pmenu.bg-black:before {
    border-color: transparent transparent #798992;
}

.pmenu.bg-black:after {
    border-color: #798992 transparent transparent;
}


.pAbout-mark-title {
    padding: 70px 0 15px 0;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;

    border-bottom: 1px #3bb3c2 solid;
}

.pAbout-mark-title.border-purple {
    border-bottom: 1px #666ea9 solid;
}

.pAbout-mark-title.border-blue {
    border-bottom: 1px #3e9dd6 solid;
}

.pAbout-mark-title.border-blue2 {
    border-bottom: 1px #16bae0 solid;
}

.pAbout-mark-title.border-orange {
    border-bottom: 1px #ef9a48 solid;
}

.pAbout-mark-title.border-red {
    border-bottom: 1px #e87877 solid;
}

.pAbout-mark-title.border-black {
    border-bottom: 1px #798992 solid;
}

.pAbout-mark-wrod {
    padding: 40px 0 20px 0;
    line-height: 2;
}

.pAbout-mark-figure {
    margin-left: -1%;
    position: relative;
}

.pAbout-mark-figure li {
    width: 32.3%;
    float: left;
    margin: 20px 0 0 1%;
    display: inline-block;
    text-align: center;
}

.pAbout-mark-figure li .pic {
    width: 100%;
    overflow: hidden;
}

.pAbout-mark-figure li .pic img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.pAbout-mark-figure li .txt {
    background: #3bb3c2;
    padding: 10px 0;
    color: #fff;
    line-height: 1.8;
}

.pAbout-mark-figure li .txt h3 {
    font-size: 20px;
}

.pAbout-mark-figure li:hover .pic img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pAbout-mark-inst {
    margin-top: 50px;
}

.pAbout-mark-inst dl {
    background: #24a8bb;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    line-height: 32px;
    position: relative;
    padding-left: 150px;
}

.pAbout-mark-inst dl dt {
    background: #24a8bb;
    height: 100%;
    width: 150px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 0 5px 5px 0;

}

.pAbout-mark-inst dl dd {
    background: #dededd;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
}

.pAbout-culture {
    padding-top: 30px;
}

.pAbout-culture dl {
    background: #dededd;
    position: relative;
    margin-top: 15px;
    height: 100px;
    padding-left: 250px;
}

.pAbout-culture dl dt {
    background: #3bb3c2;
    width: 250px;
    height: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    display: table;
    position: absolute;
    left: 0;
    top: 0;
}

.pAbout-culture dl dd {
    height: 100%;
    padding: 0 25px;
    overflow: hidden;
    display: table;
}

.pAbout-found-people {
    background: #426a61;
    margin-top: 50px;
}

.pAbout-found-people .figure {
    width: 50%;
}

.pAbout-found-people .word {
    width: 50%;
}

.pAbout-found-people .word-iboxt {
    width: 640px;
    float: left;
    color: #fff;
    padding: 50px 0 0 50px;
}

.pAbout-found-people .word-iboxt .t {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px #a6b4b1 solid;
    padding-bottom: 15px;
}

.pAbout-found-people .word-iboxt .t label {
    font-size: 22px;
    font-weight: normal;
    padding-left: 15px;
    position: relative;
    top: 2px;
}

.pAbout-found-people .word-iboxt dl {
    padding-top: 30px;
    padding-left: 200px;
}

.pAbout-found-people .word-iboxt dl dt {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
}

.pAbout-found-people .word-iboxt dl dd .item {
    margin-right: 20px;
    float: left;
    min-width: 100px;
}

.pAbout-found-people .word-iboxt dl:last-child {
    border-bottom: 1px #a6b4b1 solid;
    padding-bottom: 40px;
}

.pAbout-found-remark {
    background: #22afc1;
    margin-top: 10px;
    padding: 30px 0;
}

.pAbout-found-remark .iboxt {
    padding: 20px 65px;
    position: relative;
}

.pAbout-found-remark .iboxt:before {
    content: '';
    background: url(../images/found-dou.png) no-repeat;
    width: 58px;
    height: 42px;
    position: absolute;
    left: 0;
    top: 0;
 transform: rotate(180deg) rotateY(180deg);
}

.pAbout-found-remark .iboxt:after {
    content: '';
    background: url(../images/found-dou.png) no-repeat;
    width: 58px;
    height: 42px;
    position: absolute;
    right: 0;
    bottom: 40px;
    -moz-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
 transform: rotate(0deg) rotateY(180deg);
}

.pAbout-effect {
    background: #e4e4e4;
    padding: 60px 0;
    margin-top: 20px;
}

.pAbout-effect-list {
    overflow: hidden;
    position: relative;
}

.pAbout-effect-list li {
    width: 400px;
    text-align: center;
}

.pAbout-effect-list li img {
    display: block;
    transition: all 0.4s;
}

.pAbout-effect-list li .tit {
    color: #4d4948;
    margin-top: 15px;
    transition: all 0.4s;
    opacity: 0;
}

.pAbout-effect-list li .label {
    background: #3bb3c2;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    padding: 5px 0;
    margin-top: 5px;
    border-radius: 5px;
    transition: all 0.4s;
    opacity: 0;
}

.pAbout-effect-list li.swiper-slide-active img {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
}

.pAbout-effect-list li.swiper-slide-active .tit {
    opacity: 1;
}

.pAbout-effect-list li.swiper-slide-active .label {
    opacity: 1;
}

.pAbout-effect-list .swiper-button-next,
.pAbout-effect-list .swiper-button-prev {
    background: #c2c1c1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -40px;
    left: auto;
}

.pAbout-effect-list .swiper-button-prev {
    left: 0;
}

.pAbout-effect-list .swiper-button-prev:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 30px;
}

.pAbout-effect-list .swiper-button-next {
    right: 0;
}

.pAbout-effect-list .swiper-button-next:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 22px;
}

.sj-pAbout-effect-list {
    overflow: hidden;
    position: relative;
    display: none;
}

.sj-pAbout-effect-list li {
    padding: 0 50px;
    text-align: center;
}

.sj-pAbout-effect-list li .tit {
    color: #4d4948;
    margin-top: 10px;
    transition: all 0.4s;
}

.sj-pAbout-effect-list li .label {
    background: #3bb3c2;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    padding: 5px 0;
    margin-top: 5px;
    border-radius: 3px;
    transition: all 0.4s;
}

.sj-pAbout-effect-list .swiper-button-next,
.sj-pAbout-effect-list .swiper-button-prev {
    background: #c2c1c1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: -20px;
    left: auto;
}

.sj-pAbout-effect-list .swiper-button-prev {
    left: 0;
}

.sj-pAbout-effect-list .swiper-button-prev:before {
    content: '';
    height: 13px;
    width: 14px;
    display: block;
    border: 2px solid #333;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 13px;
    left: 16px;
}

.sj-pAbout-effect-list .swiper-button-next {
    right: 0;
}

.sj-pAbout-effect-list .swiper-button-next:before {
    content: '';
    height: 13px;
    width: 13px;
    display: block;
    border: 2px solid #333;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 13px;
    left: 10px;
}


.pAbout-plan-tit {
    background: #24a8bb;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-top: 50px;
}

.pAbout-plan-ten {
    padding: 50px 0;
    border-bottom: 1px #615e5b solid;
}

.pAbout-plan-item {
    padding: 50px 0;
}

.pAbout-plan-item .title {
    text-align: center;
    position: relative;
}

.pAbout-plan-item .title .cn {
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #24a8bb;
    border: 2px #24a8bb solid;
    border-radius: 20px;
    display: inline-block;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

.pAbout-plan-item .title:before {
    content: '';
    background: #24a8bb;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.pAbout-plan-item .log {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    color: #4d4948;
}

.pAbout-plan-item .label {
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    font-style: italic;
    margin-top: 15px;
    line-height: 1;
}

.pAbout-plan-item .label em {
    font-size: 30px;
    font-weight: bold;
    color: #24a8bb;
}

.pAbout-plan-item .list {
    margin-top: 20px;
}

.pAbout-plan-item .list li {
    background: #aaa9a9;
    padding: 15px 0;
    overflow: hidden;
    vertical-align: middle;
}

.pAbout-plan-item .list li .icon {
    float: left;
    width: 13%;
    height: 100px;
    text-align: center;
    display: table;
    border-right: 1px #7e7c7b solid;
}

.pAbout-plan-item .list li .text {
    float: left;
    width: 87%;
    height: 100px;
    display: table;
    padding: 0 2%;
    font-size: 24px;
}

.pAbout-plan-item .list li:nth-child(2n+2) {
    background: #dededd;
}


/**  ?    **/
.pProduct-list {
    padding: 60px 110px;
    position: relative;
    overflow: hidden;
}

.pProduct-list li {
    width: 100%;
    float: left;
    text-align: center;
}

.pProduct-list li .p-pic {
    margin-top: 30px;
}

.pProduct-list li .p-txt {
    display: inline-block;
    font-size: 24px;
    line-height: 1.6;
    font-weight: bold;
    color: #e62129;
    border-radius: 5px;
    padding: 0 20px;
    margin-top: 30px;
    border: 2px #e62129 solid;
}

.pProduct-list li .p-txt.green {
    color: #00552a;
    border-color: #00552a;
}

.pProduct-list li .p-txt.blue {
    color: #263c92;
    border-color: #263c92;
}

.pProduct-list li .p-sms {
    background: #c2c1c1;
    display: block;
    margin: auto;
    width: 300px;
    margin-top: 40px;
    padding: 5px 0;
    line-height: 33px;
    border-radius: 5px;

}

.pProduct-list li .p-sms .ico {
    background: url(../images/pPro-arrow.jpg) no-repeat;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 15px;
    transition: all 0.4s;
}

.pProduct-list li .p-sms:hover .ico {
    margin-left: 20px;
}

.pProduct-list .swiper-button-next,
.pProduct-list .swiper-button-prev {
    background: #c2c1c1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -40px;
    left: auto;
}

.pProduct-list .swiper-button-prev {
    left: 0;
}

.pProduct-list .swiper-button-prev:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 30px;
}

.pProduct-list .swiper-button-next {
    right: 0;
}

.pProduct-list .swiper-button-next:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 22px;
}



/** �?    **/
.pYfcx-drug-word {
    padding-top: 50px;
}

.pYfcx-drug-word dl dt {
    float: left;
    width: 640px;
    overflow: hidden;
}

.pYfcx-drug-word dl dt img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.pYfcx-drug-word dl dt:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pYfcx-drug-word dl dd {
    width: 640px;
    float: right;
    padding-top: 20px;
    padding-left: 20px;
}

.pYfcx-drug-word dl dd .t {
    font-size: 22px;
display: none;
    font-weight: bold;
    padding-bottom: 5px;
    color: #4d4948;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px #919191 solid;
}

.pYfcx-drug-word dl dd .c {
    text-align: justify;
    color: #4d4948;
    /* padding-top: 30px; */
    text-indent: 30px;
}

.pYfcx-drug-word dl:nth-child(2n+2) dt {
    float: right;
}

.pYfcx-drug-word dl:nth-child(2n+2) dd {
    float: left;
    padding-right: 20px;
    padding-left: 0;
}

.pYfcx-drug-banner {
    padding: 50px 0;
    border-bottom: 1px #5bade0 solid;
}

.pYfcx-drug-banner:last-child {
    border-bottom: 0;
}

.pYfcx-drug-pic {
    padding-top: 35px;
    margin-left: -1%;
    position: relative;
}

.pYfcx-drug-pic li {
    width: 32.3%;
    float: left;
    margin: 15px 0 0 1%;
    display: inline-block;
    overflow: hidden;
}

.pYfcx-drug-pic li img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.pYfcx-drug-pic li:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pYfcx-effi-word {
    padding: 50px 0 0 220px;
    line-height: 2;
    font-size: 18px;
    font-weight: bold;
    color: #4d4948;
}

.pYfcx-effi-word .dot {
    background: url(../images/effi-dot.jpg) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}



/**      ?  **/
.pMarket-anti-word {
    padding: 50px 0;
}

.pMarket-anti-tit {
    background: #ef9a48;
    font-weight: bold;
    font-size: 22px;
    padding: 0 30px;
    display: inline-block;
    border-radius: 5px;
}

.pMarket-anti-list li {
    padding: 50px 0;
    border-bottom: 1px #ef9a48 solid;
}

.pMarket-anti-list li .t {
    background: url(../images/Market-icon.jpg) no-repeat left center;
    background-size: 15px auto;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
}

.pMarket-anti-list li .c {
    margin-top: 10px;
    text-indent: 30px;
}

.pMarket-anti-list li .figure {
    margin-left: -1%;
    position: relative;
}

.pMarket-anti-list li .figure dd {
    width: 32.3%;
    margin: 15px 0 0 1%;
    display: inline-block;
    float: left;
    overflow: hidden;
}

.pMarket-anti-list li .figure dd img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.pMarket-anti-list li .figure dd:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pMarket-anti-roll {
    overflow: hidden;
    position: relative;
}

.pMarket-anti-roll li {
    width: 360px;
    text-align: center;
    -webkit-box-shadow: 0 5px 20px rgba(156, 154, 152, .66);
    -moz-box-shadow: 0 5px 20px rgba(156, 154, 152, .66);
    box-shadow: 0 5px 20px rgba(156, 154, 152, .66);
}

.pMarket-anti-roll .swiper-button-next,
.pMarket-anti-roll .swiper-button-prev {
    background: #c2c1c1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -40px;
    left: auto;
}

.pMarket-anti-roll .swiper-button-prev {
    left: 0;
}

.pMarket-anti-roll .swiper-button-prev:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 30px;
}

.pMarket-anti-roll .swiper-button-next {
    right: 0;
}

.pMarket-anti-roll .swiper-button-next:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 22px;
}



/**         **/
.pDuty-icu dl {
    padding-top: 70px;
}

.pDuty-icu dl dt {
    text-align: center;
    font-size: 24px;
    color: #4d4948;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 30px;
}

.pDuty-icu dl dd .pic {
    width: 630px;
    float: left;
}

.pDuty-icu dl dd .word {
    width: 630px;
    float: right;
    min-height: 330px;
    font-size: 18px;
    text-align: justify;
    color: #4d4948;
    display: table;
    border-top: 1px #959595 solid;
    border-bottom: 1px #959595 solid;
}

.pDuty-icu dl:nth-child(2n+2) .pic {
    float: right;
}

.pDuty-icu dl:nth-child(2n+2) .word {
    float: left;
}

.pDuty-love li {
    padding: 60px 0;
    color: #4d4948;
    text-align: center;
    border-bottom: 1px #9d9d9d solid;
}

.pDuty-love li .t {
    font-size: 24px;
    font-weight: bold;
}

.pDuty-love li .c {
    padding: 30px 0;
}

.pDuty-love li:last-child {
    border-bottom: 0;
}

.pDuty-welf-tips {
    padding: 50px 0;
    color: #4d4948;
}

.pDuty-welf-roll {
    overflow: hidden;
    padding: 0 100px 50px 100px;
    position: relative;
    border-bottom: 1px #515151 solid;
}

.pDuty-welf-roll li {
    width: 348px;
    text-align: center;
}

.pDuty-welf-roll li .tit {
    color: #514d4c;
    margin-top: 15px;
    transition: all 0.4s;
    opacity: 0;
}

.pDuty-welf-roll li.swiper-slide-active .tit {
    opacity: 1;
}

.pDuty-welf-roll .swiper-button-next,
.pDuty-welf-roll .swiper-button-prev {
    background: #c2c1c1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-top: -90px;
    left: auto;
}

.pDuty-welf-roll .swiper-button-prev {
    left: 0;
}

.pDuty-welf-roll .swiper-button-prev:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-right-width: 0;
    border-bottom-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 30px;
}

.pDuty-welf-roll .swiper-button-next {
    right: 0;
}

.pDuty-welf-roll .swiper-button-next:before {
    content: '';
    height: 25px;
    width: 25px;
    display: block;
    border: 3px solid #333;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
    top: 24px;
    left: 22px;
}

.pDuty-welf-list dl {
    background: #f7c5b4;
    margin-top: 25px;
}

.pDuty-welf-list dl dt {
    width: 50%;
    float: left;
    overflow: hidden;
}

.pDuty-welf-list dl dt img {
    width: 100%;
    display: block;
    transition: all 0.4s;
}

.pDuty-welf-list dl dd {
    width: 50%;
    float: left;
    padding: 20px 40px 0 40px;
    color: #4d4948;
}

.pDuty-welf-list dl dd .text {
    padding: 25px 0;
    border-bottom: 1px #4d4948 solid;
}

.pDuty-welf-list dl dd .text .t {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
}

.pDuty-welf-list dl dd .text .c {
    margin-top: 10px;
    max-height: 56px;
    overflow: hidden;
    text-align: justify;
}

.pDuty-welf-list dl dd .text:last-child {
    border: 0;
}

.pDuty-welf-list dl dt:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pDuty-welf-list dl:nth-child(2n+2) dt {
    float: right;
}

.pDuty-smic-item {
    padding: 50px 0;
}

.pDuty-smic-item .s-logo {
    text-align: center;
}

.pDuty-smic-item .s-word {
    padding: 25px 0;
    color: #4d4948;
    text-align: justify;
}

.pDuty-smic-item .s-figure {
    position: relative;
    text-align: center;
}

.pDuty-smic-item .s-figure dd {
    width: 33.3%;
    margin: 0 0 25px 2%;
    display: inline-block;
}

.pDuty-smic-item .s-zhengs {
    margin-left: 0;
    position: relative;
    text-align: center;
}

.pDuty-smic-item .s-zhengs dd {
    width: 15.65%;
    margin: 0 0 15px 2%;
    display: inline-block;
}

.pDuty-tax-first {
    padding: 50px 0;
    border-bottom: 1px #919191 solid;
}

.pDuty-tax-first .pic {
    width: 363px;
}

.pDuty-tax-first .word {
    width: 880px;
    padding-top: 40px;
    text-align: justify;
}

.pDuty-tax-list {
    position: relative;
    overflow: hidden;
}

.pDuty-tax-list li {
    width: 20%;
    float: left;
    text-align: center;
    margin-top: 40px;
}

.pDuty-tax-list li .word {
    margin-top: 40px;
    padding-top: 40px;
    color: #5e5a59;
    position: relative;
    z-index: 2;
}

.pDuty-tax-list li .word:before {
    content: '';
    background: #303030;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -8px;
    border-radius: 50%;
    border: 2px #fff solid;
}

.pDuty-tax-list:before {
    content: '';
    background: #979797;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 96px;
}


.pDuty-pediat-word {
    margin-top: 50px;
}

.pDuty-pediat-pic {
    margin-left: -1%;
    position: relative;
    margin-top: 20px;
}

.pDuty-pediat-pic li {
    width: 24%;
    float: left;
    margin-left: 1%;
    display: inline-block;
}

.pDuty-pediat-remark {
    background: #f7c5b4;
    margin-top: 50px;
    padding: 30px 0;
}

.pDuty-pediat-remark .title {
    max-width: 450px;
}

.pDuty-pediat-remark dl {
    background: #e87877;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    box-shadow: 0 10px 20px #de8574;
}

.pDuty-pediat-remark dl dt {
    width: 30%;
    color: #fff;
    padding: 35px 2%;
    float: left;
}

.pDuty-pediat-remark dl dt .t {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px #fff solid;
    padding-bottom: 15px;
    line-height: 1;
}

.pDuty-pediat-remark dl dt .t em {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    padding-left: 20px;
}

.pDuty-pediat-remark dl dt .c {
    line-height: 1.6;
    margin-top: 20px;
}

.pDuty-pediat-remark dl dd {
    background: #f2ae9b;
    width: 70%;
    padding: 35px 2%;
    float: left;
    color: #4d4948;
}

.pDuty-pediat-remark dl dd .con {
    padding: 25px 40px;
    position: relative;
}

.pDuty-pediat-remark dl dd .con:before {
    content: '';
    background: url(../images/remark-dot.jpg) no-repeat;
    width: 34px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

.pDuty-pediat-remark dl dd .con:after {
    content: '';
    background: url(../images/remark-dot.jpg) no-repeat;
    width: 34px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
}



/**      ?**/
.pNews-detail {
    width: 1000px;
    margin: auto;
    padding: 170px 0;
}

.pNews-detail .title {
    font-size: 30px;
    line-height: 1.6;
    font-weight: bold;
}

.pNews-detail .time {
    margin-top: 10px;
    color: #5a5a5a;
}

.pNews-detail .text {
    font-size: 16px;
    color: #666;
    margin-top: 30px;
    text-align: justify;
}



/**  ?  ?**/
.pdynamic {
    margin-top: 50px;
    position: relative;
	overflow: hidden;
}

.pdynamic:before {
    content: '';
    background: #3bb3c2;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 25px;
}

.pdynamic-tit {
    background: #3e9dd6;
    font-size: 24px;
    color: #fff;
    padding-left: 70px;
    position: relative;
    z-index: 1;
}

.pdynamic-tittz {
      border-bottom: 1px solid #3e9dd6;
    font-size: 24px;
    color: #333;
    /* padding-left: 70px; */
    /* position: relative; */
    z-index: 1;
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pdynamic-list li {
    padding: 50px 0 0 70px;
    color: #4d4948;
}

.pdynamic-list li .year {
    position: relative;
    font-size: 16px;
color: #4d4948;
    font-weight: bold;
    border-bottom: 1px #4d4948 solid;
    padding-bottom: 5px;
}

.pdynamic-list li .year:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    left: -56px;
    top: 50%;
    margin-top: -4px;
    z-index: 2;
    border-radius: 50%;
	background: #3bb3c2;
}


//.pdynamic-list li .year:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -56px;
    top: 50%;
    margin-top: -7px;
    z-index: 2;
    border-radius: 50%;
	border: 1px #3bb3c2 solid;
}

.pdynamic-list li .item {
	padding: 14px 0;
}

.pdynamic-list li .item .it-month {
    display: block;
	    padding-right: 20px;
}

.pdynamic-list li .item .it-text {
    position: relative;
    margin-top: 5px;
}


.pdynamic-list li .item .it-text:before {
        content: '';
    background: #3bb3c2;
    width: 6px;
    height: 6px;
    position: absolute;
    left: -53px;
    top: 6px;
    z-index: 2;
    border-radius: 50%;
}
.pdynamic-list li .item .it-text:after {
        content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -56px;
    top: 3px;
    z-index: 2;
    border-radius: 50%;
    border: 1px #3bb3c2 solid;

}
.pdynamic-list li .item .it-text a:hover{
	color:#005ADF;
}


/**  ?    **/
.pPro-detail {
    width: 1000px;
    margin: auto;
    padding: 130px 0;
}

.pPro-detail .title {
    background: url(../images/Ppro-tit.jpg) no-repeat left top;
    padding-left: 120px;
    padding-top: 30px;
    min-height: 100px;
}

.pPro-detail .title .cn {
    background: #1f1a17;
    display: block;
    position: relative;
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-weight: lighter;
    position: relative;
}

.pPro-detail .title .cn:before {
    content: '';
    background: #1f1a17;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: -9px;
}

.pPro-detail .tips {
    text-align: center;
    font-size: 22px;
    font-weight: lighter;
    padding-left: 120px;
    color: #35312e;
}

.pPro-detail .aside {
    padding-top: 50px;
}


/**??  ?**/
.pprof-channel {
    background-image: url(../images/channel-bg.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    font-size: 0;
    padding: 45px 0;
    text-align: center;
    margin-top: 50px;
}

.pprof-channel li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%;
    max-width: 30%;
}

.pprof-system {
    margin-top: 80px;
}

.pprof-system li {
    width: 31%;
    margin: 0 1%;
    float: left;
    display: table;
    position: relative;
    text-align: center;
    min-height: 180px;
    font-size: 24px;
    color: #4d4948;
    border: 1px #888685 solid;
}

.pprof-system li label {
    background: url(../images/system-label.jpg) no-repeat;
    width: 58px;
    height: 68px;
    line-height: 68px;
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    top: -34px;
}

.pprof-tion li {
    background: #dededd;
    margin-top: 30px;
    position: relative;
    padding-left: 220px;
    min-height: 250px;
}

.pprof-tion li .icon {
    background: #fff;
    width: 165px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}

.pprof-tion li .iboxt {
    padding-top: 40px;
}

.pprof-tion li .iboxt .t {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px;
    border-bottom: 1px #82807f solid;
}

.pprof-tion li .iboxt .t em {
    font-size: 16px;
    padding-left: 20px;
    font-style: normal;
}

.pprof-tion li .iboxt .c {
    margin-top: 25px;
}

.pprof-tion li .iboxt .c .item {
    background: #72706f;
    padding: 5px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    float: left;
    margin-right: 53px;
    position: relative;
}

.pprof-tion li .iboxt .c .item:before {
    content: '';
    background: url(../images/tion-line.jpg) no-repeat;
    width: 56px;
    height: 3px;
    position: absolute;
    right: -56px;
    top: 50%;
    margin-top: -1px;
}

.pprof-tion li .iboxt .c .item:last-child:before {
    background: none;
}

.pprof-tion li .iboxt .c .item:nth-child(1) {
    background: #72706f;
}

.pprof-tion li .iboxt .c .item:nth-child(2) {
    background: #605d5c;
}

.pprof-tion li .iboxt .c .item:nth-child(3) {
    background: #4d4948;
}

.pprof-tion li .iboxt .c .item:nth-child(4) {
    background: #383431;
}

.pprof-tion li .iboxt .c .item:last-child {
    background: #5bade0;
}


.pprof-tips {
    border: 1px #777574 solid;
    padding: 30px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #4d4948;
    margin-top: 50px;
    position: relative;
    border-radius: 10px;
}

.pprof-tips:before {
    content: '';
    background: url(../images/pprof-tips.jpg) no-repeat;
    width: 203px;
    height: 25px;
    position: absolute;
    left: 50%;
    margin-left: -101px;
    top: -12px;
}

.pprof-word {
    text-align: center;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px #7d8d95 solid;
}

.pprof-word .iboxt {
    display: inline-block;
    padding: 0 90px;
    position: relative;
    font-size: 18px;
}

.pprof-word .iboxt:before {
    content: '';
    background: url(../images/pprof-word-dot.jpg) no-repeat;
    width: 60px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.pprof-word .iboxt:after {
    content: '';
    background: url(../images/pprof-word-dot.jpg) no-repeat;
    width: 60px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
}


.list-paddingleft-2 li {
    overflow: hidden;
}


.layout-warp {
    padding: 50px 107px 0 107px;
    /*border-top:1px #3e9dd6 solid;*/
    margin-top: 60px;
}

.layout-title {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #4d4948;
}

.layout-tab {
    text-align: center;
    margin-top: 30px;
}

.layout-h3 {
    background: url(../images/layout-dot.jpg) no-repeat left center;
    padding-left: 30px;
    font-size: 22px;
    margin-top: 40px;
    font-weight: bold;
    color: #4d4948;
}

.layout-table {
    margin-top: 20px;
}

.layout-table thead th {
    background: #3e9dd6;
    text-align: left;
    color: #fff;
    padding: 10px 0 10px 50px;
    font-size: 16px;
    font-weight: 600;
}

.layout-table thead th:nth-child(1) {
    width: 19%;
}

.layout-table thead th:nth-child(2) {
    width: 26%;
}

.layout-table thead th:nth-child(3) {
    width: 38%;
}

.layout-table tbody td {
    padding: 6px 0 6px 50px;
    color: #4d4948;
}

.layout-table tbody tr:first-child td:first-child {
    border-bottom: 1px #918f8e solid;
    font-weight: bold;
    color: #333;
}

.layout-table tbody tr:last-child td {
    border-bottom: 1px #918f8e solid;
}

.layout-table tbody tr:nth-child(even) {
    background: #dededd;
}

.layout-tips {
    margin-top: 40px;
    color: #4d4948;
}

/*? ?  */
.t_drug .text_red {
    font-size: 18px;
    font-weight: bold;
    margin: 40px auto;
    color: #ea474e;
    line-height: 30px;
    padding-left: 80px;
}

.t_drug .t_drug_about {
    background: #e6ebef;
}

.t_drug_about .h1 {
    background: #16bae0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
}

.t_drug_about .t_drug_form {
    padding: 40px 80px;
}

.t_drug_about .t_drug_form .h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}

.t_drug_about .t_drug_form .input {
    margin: 15px 0;
    line-height: 40px;
}

.t_drug_form .input .name {
    width: 200px;
    text-align: right;
    font-size: 16px;
    padding-right: 10px;
}

.t_drug_form .input .name .xin {
    color: #e6040c;
    padding: 0 4px;
}

.t_drug_form .input .in {
    display: inline-block;
    width: 50%;
    background: #fefefe;
    overflow: hidden;
    border: 1px solid #d7dbde;
}

.t_drug_form .input .in input {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    height: 40px;
}

.t_drug_form .input .in textarea {
    display: inline-block;
    width: 100%;
    padding-left: 15px;
    line-height: 40px;
    height: 190px;
    text-align: left;
}

.t_drug_form .input .t_alert {
    display: none;
}

.t_drug_form .input .t_alert .gan {
    margin: 0 15px;
    width: 25px;

}

.t_drug_form .input .t_alert .te {
    font-size: 18px;
    padding-left: 15px;
    width: 240px;
    color: #848484;
    position: relative;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#efefef));
    background: -webkit-linear-gradient(top, #fff, #efefef);
    background: -moz-linear-gradient(top, #fff, #efefef);
    background: -o-linear-gradient(top, #fff, #efefef);
    background: -ms-linear-gradient(top, #fff, #efefef);
}

.t_drug_form .input .t_alert .te:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(0, -50%);
    border-width: 10px 10px 10px 0px;
    border-style: solid;
    border-color: transparent #f6f6f6 transparent transparent;
    /*?      ?   ?   */
}

.t_drug_form .input.al .t_alert {
    display: block;
}

/*.t_drug_form .input.al .in{border: 1px solid #e6bebb;}*/
.t_drug_form .input .in:hover {
    border: 1px solid #e6bebb;
}

.t_drug_form .input .learb .dl_li label {
    margin-left: 25px;
}

.t_drug_form .input .learb .dl_li {
    display: inline-block;
    margin-right: 0.6rem;
    line-height: 0.6rem;
    position: relative;
}

.t_drug_form .input input[type="checkbox"],
.t_drug_form .input input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
}

.t_drug_form .input .learb .dl_li input[type="radio"]+label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #b7b9ba;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}

.t_drug_form .input .learb .dl_li input[type="radio"]:checked+label:after {
    display: inline-block;
    color: #333333;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16bae0;
    content: "";
    font-size: 0.36rem;
    text-align: center;
    position: absolute;
    line-height: 1.3;
    left: 6.5px;
    top: calc(50% - 4px);
}

.t_drug_form .input .learb .dl_li input[type="radio"]:checked+label:before {
    border: 1px solid #16bae0;
}

.t_drug_form .btn {
    background: #98aab4;
    font-size: 30px;
    font-weight: bold;
    width: 130px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    color: #fff;
}

.t_drug .o_te {
    font-size: 16px;
    line-height: 30px;
    padding: 35px 0;
    padding-left: 80px;
}

.t_drug .o_te .t {
    font-size: 17px;
    font-weight: bold;
}

.qiehuan {
    margin-right: 2.8%;
    margin-top:22px;
    white-space: nowrap;
}

.qiehuan select{
    border: 1px solid #787878;
    padding: 2px 20px;
    background: transparent;
    outline: 1px solid #787878;
}
.qiehuan select option{
background-color:rgba(255,255,255,0.4)
}

.custom-select {
    position: relative;
    width: ;
    font-family: 寰蒋闆呴粦;
    width: 120px;
    text-align: center;
    margin-right:4%;
    margin-top:20px;
}

.select-selected {
    background-color: rgba(255, 255, 255, 0.3);
    /* padding: 10px; */
    border: 1px solid #ccc;
    cursor: pointer;
    height: 30px;
    box-sizing: border-box;
}

.select-items {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid #ccc;
    z-index: 99;
    width: 100%;
    max-height: 0; /* 鍒濆楂樺害�? */
    overflow: hidden; /* 闅愯棌婧㈠嚭鍐呭�?*/
    transition: max-height 0.3s ease; /* 娣诲姞杩囨浮鏁堟�?*/
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5);
   display:none;
}

.select-items.show {
   display:block;
    max-height: 200px; /* 灞曞紑鏃剁殑鏈€澶ч珮�?*/
}

.select-items div {
    padding: 5px 0px;
    cursor: pointer;
}

.select-items div:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.select-hide {
    display: none; /* 闅愯�?*/
}