ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist{ padding:40px 0;}
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:35px; background:#eee; font-size:16px; line-height:35px;}
.prolist li a.img{ display:block; position:relative;  }
.prolist li a.img:before{content:""; display:block; padding-top:75%}
.prolist li a.img img{ position:absolute; width:100%;top:0; left:0; display:block; width:100%;}
.prolist li:hover a.txt{ background:#0071c6; color:#fff;}

 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}.hr50{ clear:both; height:50px;}.hr60{ clear:both; height:60px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
.clear{clear:both}

.relative {
    position: relative;
}
.pictureSet{ margin:0 -15px;}
.teamlist li{ float:left; width:25%; margin-top:20px;}

.profileCard {
    position: relative; margin:0 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #e1e5eb
}

.profileCard .card-action {
    display: none
}

.profileCard:hover .card-action {
    display: inline;
    position: absolute;
    padding: 0;
    right: 5px;
    bottom: 114px
}

.profileCard__img-wrapper {
    position: relative;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.profileCard__img-wrapper:after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%
}

.profileCard__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,24,71,.6);
    color: #fff;
    opacity: 0
}

.profileCard__overlay:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 32px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,24,71,0)),to(rgba(0,24,71,.5)));
    background: linear-gradient(180deg,rgba(0,24,71,0),rgba(0,24,71,.5))
}

.profileCard:hover .profileCard__overlay {
    opacity: 1
}

.profileCard__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 32px;
    max-height: 100%;
    overflow-y: auto
}

.profileCard__info {
    padding: 24px 8px;
    text-align: center;
    background-color: #fff
}

.profileCard__name {
    color: #001847
}

.profileCard__position {
    color:#0071c6;
    font-size:14px;
}

.profileCard__duration {
    margin-top: 12px;
    color: #8c9cb0
}

.profileCard .card-status {
    position: absolute;
    left: 0;
    bottom: 114px
}

.award-card {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #e1e5eb;
    overflow: hidden;
    -webkit-box-shadow: 0 0 1px rgba(0,24,71,.04),0 0 2px rgba(0,24,71,.06),0 4px 8px rgba(0,24,71,.04);
    box-shadow: 0 0 1px rgba(0,24,71,.04),0 0 2px rgba(0,24,71,.06),0 4px 8px rgba(0,24,71,.04)
}

.award-card,.award-card__img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.award-card__img-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

.award-card__description-wrapper {
    height: 44px;
    padding-left: 16px;
    padding-right: 4px;
    margin-bottom: 16px
}

.award-card__description {
    position: relative;
    max-height: 44px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    padding-right: 1em
}

.award-card__description:before {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0
}

.award-card__description:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 22px;
    background: #fff
}

.award-card__status {
    position: absolute;
    left: 16px;
    bottom: 64px
}



 
.cp{    background:#f4f4f4;}
.cp-slide{  }
.cp-slide .txt{ float:left; width:50%;  }
.cp-slide .txt>div{ padding:60px;}
.cp-slide .txt>div big{color:#52cbcd; font-size:16px;}
.cp-slide .txt font{ font-size:50px; line-height:80px; display:block;}
.cp-slide .txt span{ display:block; font-size:24px;}
.cp-slide .txt p{ font-size:16px; line-height:2; margin-top:50px; color:#a1a1a1 ; height:200px;}
.cp-slide .img{ float:right; width:50%; text-align:center}
.cp-slide  .img img{ width:100%; display:block ;}
.cp-slide .swiper-slide{  }
.cp-slide  .swiper-pagination-bullets{ bottom:40px !important ; width:50% !important; left:auto !important ;right:0 !important;}
.cp-slide .swiper-pagination-bullet{width:30px; border-radius:2px; height:4px;}
.cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:2px; background:#6ababc}

.cp-slide .txt small{ display:inline-block; border:#d4d4d4 1px solid; padding:15px 70px; color:#000; font-size:16px; border-radius:5px;}

.proinfo1{ margin-top:50px;}
.proinfo1 span{ float:left; width:20%; font-size:40px; font-weight:900; line-height:3; width:490px;}
.proinfo1 p{ float:left; width:910px;}
.proinfo1 p img{ height:250px;}
.proinfo2{ margin-top:40px;}
.proinfo2 .plefttitle{width:490px; float:left; font-size:20px;}
.proinfo2 .pcon{ float:left; width:910px; font-size:16px; line-height:26px;}

.pcontent{font-size:16px; line-height:26px; padding:60px 0;}

.aboutbanner .title1 small{ color:#33aba7}
.aboutbanner{ background:url(../img/aboutbg.jpg); padding:150px 0 300px 0; color:#fff; font-size:16px;} 
.aboutbanner .aboutcon { padding-top:210px; width:610px;}
.aboutbanner .aboutcon font{ font-size:24px; display:block; margin-bottom:20px;}
.aboutbanner .aboutcon p{ line-height:2;}

.about1{ width:50%; padding:110px 0;}
.about1 font{  color:#33aba7; font-size:24px;}
.about1 p{ font-size:40px; line-height:44px; padding:20px 0 70px 0;}.about1 span{ display:block; font-size:16px; color:#b0b0b0;}

.about2 .about2fl{ width:50%;}
.about2 .about2fl font{ font-size:18px; display:block; padding-top:50px;}
.about2 .about2fl span{ display:block; padding:40px 0;}
.about2 .about2fl p{ font-size:16px; line-height:2;}

.about2 .about2fr{ width:45%; }
.about2 .about2fr span{ display:block;}
.about2 .about2fr span img{ width:100%;}
.about2 .about2fr p{ text-align:center;font-size:16px; margin:30px 50px 0 150px; line-height:2;}

.about3title{ margin-top:50px; background:url(../img/bg5.jpg) center no-repeat; color:#fff; padding:100px 0 50px 0}

.wenhua{ background:url(../img/wenhuabg.jpg) center no-repeat ; padding:55px 0; }
.wenhualist{ padding-top:60px; }
.wenhualist li .rowitem{position:relative ; margin:0;color:#fff; text-align:center}
.wenhualist li .whtitle{position:relative }
.wenhualist li .whtitle b{ display:inline-block; font-size:30px; font-weight:normal; line-height:1; margin-bottom:33px; }
.wenhualist li .whtitle:before{content:" "; position:absolute;display:inline-block  ; height:40px; width:30%; background:url(../img/wenhualine.png) right center no-repeat;; left:0; top:0px;}
.wenhualist li .whtitle:after{content:" "; position:absolute; display:inline-block; height:1px; width:30%; background:#fff; right:0; top:20px;}
.wenhualist:after1{content:" "; position:absolute; height:100%; width:1px; background:#ddd; right:10px; top:0;}
.wenhualist li font{ display:block; font-size:16px;color:#737373; padding:24px 0 165px 0;}
.wenhualist li p{ font-size:16px; line-height:2; }

.subtitle{ font-size:22px; text-align:center; margin-bottom:60px; color:#383838}
.subtitle.mb20{ margin-bottom:20px;}
.subtitle.mb10{ margin-bottom:10px;}
.subp{ font-size:16px; line-height:2; margin-bottom:50px; margin-top:30px; width:820px; max-width:100%; margin:30px auto 50px auto; color:#666666}
.table {
    display: table; height:100%;
}
.pr{ position:relative;}

.miaodian{ position:absolute; z-index:222; bottom:173px;}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.llbox  .llbox_1{ position:relative ; box-shadow: 4px 5px 5px rgba(0, 0, 0, .1); }
.llbox{ padding:50px 0 0 0 ;}
.llbox .titles{ margin-bottom:50px;}
.llbox .wrap{position:relative;}
.llbox .llbox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); float:left; width:50%; position:relative; z-index:22}
.llbox .llbox_1_r .llbox_left{ float:right}
.llbox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; }
.llbox .llbox_left .llbox_left_img img{ width:100%; display:block;  }
.llbox .llbox_r{ float:right; background:#e2eff5; width:50%; position:absolute; right:0; top:0; height:100%;}
.llbox .llbox_1_r .llbox_r{ left:0; right:auto;}
.llbox .llbox_r .llbox_r_in{ padding: 0px 20px;}
.llbox .llbox_r .llbox_r_in p{ line-height:1.8; font-size:15px; color:#666666; margin-bottom:20px; text-align: justify;}
.llbox .llbox_r .llbox_r_in span{ font-size:22px; margin-bottom:10px; display:block; color:#333333}

.llbox .llbox_left_pjlist ul {  }
.llbox .llbox_left_pjlist ul li{ line-height:124px; color:#fff; font-size:22px; text-align:center; float:left; width:33.33%; cursor:pointer;}
.llbox .llbox_left_pjlist ul li p{ border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.llbox .llbox_left_pjlist ul li:hover p span{ display:block;transform:rotateY(360deg);};
.llbox .llbox_left_pjlist ul li.li1 p{ border-right:none;}
.llbox .llbox_left_pjlist ul li.li2 p{ border-bottom:none;}


.ddbox  .llbox_1{ position:relative ;   }
.ddbox{ padding:50px 0 0 0 ;}
.ddbox .titles{ margin-bottom:50px;}
.ddbox .wrap{position:relative;}
.ddbox .llbox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); float:left; width:50%; position:relative; z-index:22}
.ddbox .llbox_1_r .llbox_left{ float:right}
.ddbox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; }
.ddbox .llbox_left .llbox_left_img img{ width:100%; display:block;  }
.ddbox .llbox_r{ float:right;   width:50%; position:absolute; right:0; top:0; height:100%;}
.ddbox .llbox_1_r .llbox_r{ left:0; right:auto;}
.ddbox .llbox_r .llbox_r_in{ padding: 0px 20px;}
.ddbox .llbox_r .llbox_r_in p{ line-height:1.8; font-size:15px; color:#666666; margin-bottom:20px; text-align: justify;}
.ddbox .llbox_r .llbox_r_in span{ font-size:22px; margin-bottom:10px; display:block; color:#333333}

.ddbox .llbox_left_pjlist ul {  }
.ddbox .llbox_left_pjlist ul li{ line-height:124px; color:#fff; font-size:22px; text-align:center; float:left; width:33.33%; cursor:pointer;}
.ddbox .llbox_left_pjlist ul li p{ border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.ddbox .llbox_left_pjlist ul li:hover p span{ display:block;transform:rotateY(360deg);};
.ddbox .llbox_left_pjlist ul li.li1 p{ border-right:none;}
.ddbox .llbox_left_pjlist ul li.li2 p{ border-bottom:none;}



@media only screen and (max-width: 1440px) {
.llbox .llbox_r .llbox_r_in {
    padding: 0px 10px;
}
.llbox .llbox_r .llbox_r_in span{ font-size:18px;}
.llbox .llbox_r .llbox_r_in p{ font-size:12px;}

}

@media only screen and (max-width: 768px) {
	.hr40{ height:15px;}
	.llbox .llbox_left{ width:100%;}
	.llbox .llbox_r{ width:auto; position:relative; float:none; clear:both; padding-bottom:10%}
	.llbox  .col_2{ width:100%;}
	.llbox .llbox_r .llbox_r_in p{ margin-bottom:0;}
	
	
	.ddbox  .llbox_left{ width:100%;}
	.ddbox  .llbox_r{ width:auto; position:relative; float:none; clear:both; padding-bottom:10%}
	.ddbox   .col_2{ width:100%;}
	.ddbox  .llbox_r .llbox_r_in p{ margin-bottom:0;}
	.ddbox .llbox_r .llbox_r_in{ padding:15px 0;}
	.teamlist li{ width:100% !important}
	.teaminfotxt_p{ height:auto !important}
	.profileCard__img-wrapper:after{ height:110vw !important}
	.teaminfotxt_p{ position:relative !important; left:0px !important ; right:0px !important; top:0px !important; padding:10px; line-height:2;}
	h3.profileCard__name{ font-size:6vw; margin-bottom:2vw;}
	.teaminfotxt:before{ height:auto !important}
	.mr-services-contact-block{ padding:20px 0 !important; }
}