@font-face {
  font-family: 'iconfont';  /* Project id 3698923 */
  src: url('//at.alicdn.com/t/c/font_3698923_rz2xkxwqk7k.woff2?t=1686469500563') format('woff2'),
       url('//at.alicdn.com/t/c/font_3698923_rz2xkxwqk7k.woff?t=1686469500563') format('woff'),
       url('//at.alicdn.com/t/c/font_3698923_rz2xkxwqk7k.ttf?t=1686469500563') format('truetype');
}
[class^="icon-"],
[class*="icon-"] {
	font-family: 'iconfont';
	font-style: normal;
}
/* GMP模拟飞检栏目 */
.kuangjia-gmp2 .img-gmp2 {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 650px;
}
.p-r-s-one, .p-r-s-two {
    position: relative;
    display: block;
    overflow: hidden;
}
.p-r-s-one h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #2e59a8c4;
    font-size: 42px;
    line-height: 30px;
    top: 16%;
}
.p-r-s-one h2 span{
    display: block;
    width: 60px;
    height: 3px;
    background: #ccc;
    margin: 30px auto;
}
.p-r-s-two h2 {
    position: absolute;
    text-align: left;
    color: #fff;
    font-size: 42px;
    line-height: 30px;
    top: 29%;
    left: 45%;
}
.p-r-s-two h2 span {
    display: block;
    height: 5px;
    background: #ccc;
    margin: 30px auto;
    width: 40%;
    right: 21%;
    float: left;
}
.p-r-s-two p {
    position: absolute;
    width: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    top: 49%;
    left: 45%;
}
.p-r-s-three {
    display: block;
    padding: 70px 0 50px;
}
.p-r-s-three h2 {
    text-align: center;
    font-size: 42px;
}
.p-r-s-three h2 span{
    display: block;
    width: 60px;
    height: 3px;
    background: #ccc;
    margin: 20px auto;
}
.p-r-s-three dl {
    display: block;
    width: 90%;
    margin: 50px auto;
}
.p-r-s-three dl dd {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
}
.p-r-s-three dl dd span {
    display: block;
    background: #efefef;
    font-size: 18px;
    width: 30%;
    padding-left: 50px;
    height: 100%;
    line-height: 50px;
    position: absolute;
    top: 0px;
    left: 0;
}
.p-r-s-three dl dd span.first{
    background-color: #2e59a8;
    color: white;
    font-weight: bold;
}
.p-r-s-three dl dd font {
    display: block;
    float: right;
    background: #efefef;
    width: 63%;
    padding-left: 4%;
    font-size: 18px;
    line-height: 52px;
}
.p-r-s-three dl dd font.first {
    font-weight:bold;
    background-color: #2e59a8;
    color: white;
}
.p-r-s-four {
    display: block;
    overflow: hidden;
    padding: 70px 0;
    background: #f6f6f6;
}
.p-r-s-four dl{
    width: 94%;
    margin: 0 auto;
}
.p-r-s-four dl img {
    opacity: 0.9;
    display: block;
    float: left;
    width: 29.33%;
    margin: 0 2% 2%;
}
.p-p-s-one {
    text-align: center;
    background: #2768ad;
    padding: 5% 0 7%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}
.p-p-s-one h2 {
    color: #fff;
    font-size: 42px;
    display: inline-block;
    border-bottom: 2px solid;
    line-height: 2em;
    margin-bottom: 2em;
}
.p-p-s-one p {
    color: #fff;
    font-size: 20px;
    text-align: left;
    line-height: 1.6em;
    display: block;
    width: 75%;
    margin: 0 auto;
}
.p-p-s-two {
    text-align: center;
    background: #2768ad;
    padding: 5%;
    display: block;
    overflow: hidden;
}
.p-p-s-two h2 {
    color: #fff;
    font-size:42px;
    display: inline-block;
    border-bottom: 2px solid;
    line-height: 2em;
    margin-bottom: 2em;
}
.p-p-s-two db {
    display: block;
    overflow: hidden;
}
.p-p-s-two db dt {
    margin: 0 4% 0 0;
    overflow: hidden;
    width: 13.3%;
    float: left;
}
.p-p-s-two db dt:nth-child(6n) {
    margin-right: 0;
}
.p-p-s-two db dt img {
    display: block;
    width: 48%;
    margin: 0 auto;
}
.p-p-s-two db dt span {
    display: block;
    color: #fff;
    font-size: 28px;
    border-bottom: 1px solid;
    line-height: 84px;
    font-weight: bold;
}
.p-p-s-two db dt p {
    display: block;
    color: #fff;
    font-size: 20px;
    margin-top: 1em;
    line-height: 30px;
    height: 120px;
}
.page_pro_sd_two {
    width: 100%;
    overflow: hidden;
    padding: 4% 0%;
    background: url(/template/pc/skin/images2/page_pro_sd_two_bj.jpg);
    background-size: 100% 100%;
}
.page_pro_sd_two .page_pro_sd_two1 {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.page_pro_sd_two div left {
    width: 100%;
    float: left;
}
.page_pro_sd_two div left h2 {
    font-size: 42px;
    color: #fff;
}
.page_pro_sd_two div left span {
    border-bottom: 1px solid #fff;
    width: 8%;
    margin-top: 2%;
    display: block;
}
.page_pro_sd_two div left p {
    color: #fff;
    font-size: 20px;
    margin-top: 2%;
    line-height: 1.6em;
}
.page_pro_sd_three {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3%;
    margin-bottom: 5%;
}
.page_pro_sd_three h2 {
    color: #000;
    font-size: 42px;
}
.page_pro_sd_three p {
    display: block;
}
.page_pro_sd_three p img {
    display: inline-block;
    height: auto;
    width: 4%;
}
.page_pro_sd_three ul {
    overflow: hidden;
    margin-top: 2%;
}
.page_pro_sd_three ul li {
    float: left;
    width: 20.2%;
    margin-right: 1%;
    background: #eceff4;
    padding: 2%;
}
.page_pro_sd_three ul li h3 {
    float: left;
    margin-top: 17%;
}
.page_pro_sd_three ul li h3 img {
    display: inline-block;
}
.page_pro_sd_three ul li h4 {
    float: left;
    font-size: 26px;
    color: #333;
    margin-left: 4%;
    margin-top: 18%;
}
.page_pro_sd_three ul li h5 {
    float: right;
    margin-top: 8%;
    margin-bottom: 6%;
}
.page_pro_sd_three ul li h5 img {
    display: inline-block;
}
.page_pro_sd_three ul li:nth-child(4n) {
    margin-right: 0;
}
/* GMPå­æ ç›® */
.pure-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
}
.pure-g [class *= "pure-u"] {
    /* font-family: "Microsoft YaHei Light", Georgia, Times, "Times New Roman", serif; */
}
.pure-u-1 {
    width: 100%;
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    padding: 20px 0 0;
}
.r_1{
    padding: 0 0 35px;
}
.r_1 .wrapper {
    background: url(/template/pc/skin/images2/hand.png) no-repeat;
    background-position: 295px bottom;
    height: 734px;
    text-align: center;
}
.pure-g .wrapper {
    width:94%;
    margin:20px auto;
    overflow: hidden;
}
.pure-u-1 .wrapper .title1 {
    margin-top: 60px;
    font-size: 42px;
}
.r_1_list {
    float: left;
    position: relative;
    left: 49.5%;
}
.r_1_list li {
    float: left;
    margin-left: 40px;
    position: relative;
    right: 50%;
}
.r_1_list li dl dd {
    font-size: 22px;
    color: #b5b5b5;
    font-family: 'Microsoft YaHei';
    margin-top: 15px;
}
.r_1_list li.icon_next {
    margin-top: 24px;
}
.r_1 .wrapper .title2 {
    margin-top:42px;
}
.r_1 .wrapper .content1 {
    margin-top:44px;
	font-size: 20px;
}
.r_1 .wrapper .content2 {
	margin-top:14px;
	font-size: 40px;
}
.r_1 .wrapper .content3 {
    margin-top:18px;
	font-size: 32px;
}
.r_1 .wrapper .content3 span{
    color:#f02e2e;
	font-size:36px;
	font-family:'Microsoft YaHei';
	font-weight:bold;
}
.r_1 .wrapper .content4 {
    color:#8e8e8e;
	text-decoration:line-through;
	font-size: 20px;
	margin-top:14px;
}
.r_1 .wrapper .content5 {
    margin-top:24px;
	font-size: 20px;
	font-family:'Microsoft YaHei';
	line-height:20px;
}
.r_1 .wrapper .content6 {
    margin-top:22px;
	font-size: 18px;
	font-family:'Microsoft YaHei';
}
.pure-u-1 .dianhua {
    margin-top: 18px;
    background: url(/template/pc/skin/images2/phone_bakground_blue.png) center center no-repeat;
    height: 44px;
    padding:11px 0px;
    color:#fff;
    font-size: 30px;
    font-family:'Microsoft YaHei';
    font-weight:bold;
}
.pure-u-1 .dianhua1 {
  background: url(/template/pc/skin/images2/phone_background_white.png) center center no-repeat;
  color: #1d65d4;
  margin-top: 40px;
}
.r_1 .wrapper .r_1_img1 {
  background: url(/template/pc/skin/images2/arrow.png) no-repeat;
  width:74px;
  height:57px;
  position:relative;
  top: -70px;
  left: 1040px;
}
.r_3 {
    text-align: center;
}
.r_3 .wrapper .title2{
    margin-top: 12px;
    font-size: 20px;
    color: #909090;
}
.r_3 .wrapper .content{
    margin-top:70px;
}
.r_3 .wrapper .step_line .line{
    width:250px;
}
.r_3 .wrapper .step_line {
    float: left;
    position: relative;
    left: 50%;
    height: 200px;
}
.r_3 .wrapper .step_line li.step {
    background: url(/template/pc/skin/images2/spot.png) no-repeat;
    width: 31px;
    height: 31px;
}
.r_3 .wrapper .step_line li {
    float: left;
    margin-top: 58px;
    position: relative;
    right: 50%;
}
.r_3 .wrapper .step_line .setp_text {
    position: relative;
    top: 50px;
    width: 144px;
    left: -60px;
    text-align: center;
    font-size: 20px;
    font-family: 'Microsoft YaHei';
}
.r_3 .wrapper .step_line .setp_text p {
    /* margin-bottom: 2px; */
}
.r_3 .wrapper .step_line li.line {
    background: url(/template/pc/skin/images2/point_line.png) repeat-x left center;
    height: 31px;
}
.r_4 {
    text-align: center;
    padding: 0 0 45px;
}
.pure-u-1-1, .pure-u-1-2 {
    width: 50%;
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.r_4 dl.leftT {
    color: #fff;
    margin: 90px 310px;
    text-align: right;
    float: right;
    width: 340px;
}
.r_4 dl.rightT {
    color: #232323;
    margin: 90px 310px;
    text-align: left;
    float: left;
    width: 340px;
}
.r_4 dl dt {
    font-size: 36px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    margin-bottom: 36px;
}
.r_4 dl dd p {
    font-size: 20px;
    margin-bottom: 12px;
}
.r_4 table {
    width: 100%;
    margin-top: 52px;
}
.r_4 table tr {
    height: 96px;
}
.r_4 table td.td1 {
    width: 41%;
    font-size: 22px;
    text-align: right;
}
.r_4 table tr td, th {
    border: none;
}
.r_4 table td img.l {
    margin-bottom: 4px;
    margin-left: 22px;
    margin-right: 40px;
    vertical-align: middle;
}
.r_4 table td.td2 {
    width: 8%;
}
.r_4 table td.td2 .c_m {
    width: 74px;
    height: 56px;
    background: url(/template/pc/skin/images2/circle.png) no-repeat;
    color: #2e2e2e;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    padding-top: 22px;
    text-align: center;
    margin: 0px auto;
}
.r_4 table td.td3 {
    width: 41%;
    font-size: 22px;
    text-align: left;
}
.r_4 table td img.r {
    margin-bottom: 4px;
    margin-left: 40px;
    margin-right: 22px;
    vertical-align: middle;
}
.r_4 .wrapper .title2{
    margin-top: 12px;
    font-size: 20px;
    color: #909090;
}
.r_4 .pure-g{
    margin-top:60px;
}
.r_4 .pure-g .pure-u-1{
	height: 379px;
}
.r_4 .pure-g .pure-u-1-1{
    background: url(/template/pc/skin/images2/woman_blue.png) #1d65d4 right center no-repeat;
}
.r_4 .pure-g .pure-u-1-2{
    background: url(/template/pc/skin/images2/woman_gray.png) #f0f0f0 left center no-repeat;
}
.r_4 table tr:hover .c_m{background: url(/template/pc/skin/images2/circle_hover.png) no-repeat;color:#fff;}
.r_5 {
    background: #1d65d4;
    color: #fff;
    text-align: center;
    padding: 96px 0px 110px;
    position: relative;
}
.r_5 .title1{
    text-align: left;
    font-size: 36px;
    position: relative;
    top: 18%;
    left: 37%;
}
.r_5 .title1 span{
    font-weight: bold;
}
.r_5 .tubiao{
    position: relative;
    left: -16%;
    top: -10%;
}
.r_6 {
    text-align: center;
    margin-bottom: 72px;
}
.r_6 table {
    width: 90%;
    margin: 40px auto;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    vertical-align: middle;
}
.r_6 table tr {
    height: 46px;
}
.r_6 table th, td {
    vertical-align: middle;
    font-size: 18px;
    font-family: 'Microsoft YaHei Light';
}
.r_6 table th {
    background-color: #E4ECFA;
    font-size: 20px;
}
.r_6 table .r_6_b {
    text-align: center;
    color: #414141;
    font-size: 20px;
}
.r_6 table tr td, th {
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.r_6 table td.name {
    padding-left: 32px;
    font-size: 18px;
    text-align: left;
}
.r_6 table td {
    text-align: center;
    color: #7b7b7b;
}
.r_6 table td .cz {
    width: 21px;
    height: 21px;
    position: absolute;
    float: left;
    margin-left: 32px;
    background: url(/template/pc/skin/images2/yes.png) no-repeat;
}
.r_6 table td .cn {
    width: 21px;
    height: 21px;
    position: absolute;
    float: left;
    margin-left: 32px;
    background: url(/template/pc/skin/images2/no.png) no-repeat;
}
.r_6 .wrapper .title2 {
    margin-top: 12px;
    font-size: 18px;
    color: #909090;
}
.r_6 .wrapper .content {
    margin-top:72px;
	font-size:30px;
	font-family:'Microsoft YaHei';
}
.r_7 {
    background: #1d65d4;
    color: #fff;
    text-align: center;
}
.r_7 .focus #pic .content {
    float: left;
}
.r_7 .focus #pic ul li dl dd .content1 {
    width: 87%;
    float: left;
}
.r_7 .focus {
    width: 100%;
    height: 210px;
    float: left;
    position: relative;
    margin-top: 70px;
    margin-bottom: 50px;
}
.r_7 .focus #pic {
    width: 1600px;
    height: 176px;
    overflow: hidden;
    margin: 0 auto;
}
.r_7 .focus #pic ul {
    float: left;
    left: 50%;
    width: 4800px;
    flex-direction: column;
    justify-content: center;
}
.r_7 .focus #pic ul li {
    float: left;
    margin: 0 auto;
    right: 50%;
    width: 1600px;
}
.r_7 .focus #pic .photo {
    float: left;
    margin-left: 100px;
    margin-top: 14px;
}
.r_7 .focus #pic ul li dl dt {
    margin-bottom: 16px;
    margin-left: 34px;
}
.r_7 .focus #pic .title {
    float: left;
    font-size: 22px;
    font-family: 'Microsoft YaHei';
    margin-right: 34px;
}
.r_7 .focus #pic .icon_star {
    background: url(/template/pc/skin/images2/star.png) no-repeat;
    width: 14px;
    height: 12px;
    float: left;
    margin-top:  10px;
}
.r_7 .focus #pic ul li dl dd {
    text-align: left;
    font-weight: normal;
    font-family: 'Microsoft YaHei Light';
    font-size: 18px;
    line-height: 25px;
    margin-left: 34px;
    width: 1200px;
}
.r_7 .focus #pic .datetime {
    float: right;
    font-size: 16px;
    font-family: 'Microsoft YaHei Light';
    width: 10%;
}
.r_7 .focus #tip {
    width: 300px;
    height: 14px;
    position: absolute;
    left: 48%;
    margin: 10px auto;
    z-index: 13;
}
.r_7 .focus #tip ul li {
    width: 6px;
    height: 6px;
    float: left;
    display: inline;
    margin: 0 5px;
    cursor: pointer;
    background: url(/template/pc/skin/images2/smaill_circle_2.png) no-repeat;
}
.r_7 .focus #tip ul li.current {
    background: url(/template/pc/skin/images2/smaill_circle_1.png) no-repeat;
}
.r_8 {
    text-align: center;
}
.r_8 ul {
    margin-top: 46px;
}
.r_8 ul li {
    text-align: left;
    clear: both;
    height: 29px;
    padding: 30px 0px 0px 0px;
}
.r_8 ul li .icon_q {
    float: left;
    margin: 8px 0px 0px 72px;
    background: url(/template/pc/skin/images2/q_icon.png) no-repeat;
    width: 19px;
    height: 19px;
}
.r_8 ul li .q {
    float: left;
    margin: 0px 0px 0px 10px;
    font-size: 22px;
}
.r_8 ul li.b_line {
    border-bottom: 1px dotted #cfcfcf;
    padding: 18px 0px 70px 0px;
}
.r_8 ul li .icon_a {
    float: left;
    margin: 6px 0px 0px 72px;
    background: url(/template/pc/skin/images2/a_icon.png) no-repeat;
    width: 19px;
    height: 19px;
}
.r_8 ul li .a {
    float: left;
    margin: 2px 0px 0px 10px;
    font-size: 18px;
    width: 84%;
}
.r_8 ul li .datetime {
    float: right;
    margin: 3px 64px 0px 0px;
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    color: #6f6f6f;
}
.r_9 {
    text-align: center;
}
.r_9 .wrapper .title2{
    margin-top: 12px;
    font-size: 20px;
    color: #909090;
}
.r_9 .wrapper .img1{
    margin-top:70px;
}
.r_10 {
    text-align: center;
}
.r_10 ul {
    float: left;
    position: relative;
    left: 50%;
}
.r_10 ul li {
    float: left;
    margin: 66px auto 96px auto;
    position: relative;
    right: 50%;
    width: 280px;
}
.r_10 ul li .r_10_l_img {
    border-right: 1px solid #DBDBDB;
    padding: 14px 0px;
}
.r_10 ul li p {
    margin-top: 40px;
    font-size: 20px;
}
.r_10 .wrapper .title2{
    margin-top:12px;
	font-size: 20px;
	color:#909090;
}
.r_11 {
    background: #1d65d4;
    color: #fff;
    text-align: center;
    padding: 20px 0 73px;
}
.r_11 ul {
    float: left;
    position: relative;
    left: 50%;
}
.r_11 ul li {
    float: left;
    margin: 60px 80px 0px auto;
    position: relative;
    right: 50%;
    width: 292px;
}
.r_11 ul li:nth-child(3n) {
    margin-right: 0;
}
.r_11 ul li .r_10_l_img {
    padding: 14px 0px;
}
.r_11 ul li p {
    margin-top: 50px;
    font-size: 20px;
    font-family: "Microsoft YaHei";
    line-height: 26px;
}
/* gmpæ–‡ä»¶æ’°å†™ æ ç›®é¡µ */
.t_ser {
    width:94%;
    margin: 0 auto;
    padding-top: 75px;
}
.t_ser_top {
    width: 100%;
}
.t_sert_l {
    text-align: center;
    overflow:  hidden;
}
.t_sert_l01 {
    width: 100%;
    font-size: 42px;
    color: #333333;
}
.t_sert_l02 {
    width: 100%;
}
.t_sert_l03 {
    width: 80px;
    border-bottom: 1px solid #333333;
    padding-top: 15px;
    margin: 0 auto;
}
.t_sert_l04 {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #999;
    line-height: 1.6;
    padding-top: 15px;
}
.t_sert_r {
    width: 20%;
    float: left;
    padding-top: 45px;
    padding-left: 70px;
}
.t_an {
    width: 100%;
}
.t_an a {
    color: #666;
}
.t_an_a {
    width: 140px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #cbcbcb;
    padding: 0px 18px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_an_b {
    width: 50%;
    float: left;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_an_c {
    width: 49%;
    float: left;
    padding-left: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.c:after, .c:before {
    display: table;
    content: "";
}
.c:after {
    clear: both;
}
.t_ser_b {
    width: 100%;
    float: left;
    padding: 50px 0;
}
.t_ser_b01 {
    overflow: hidden;
    position: relative;
    width: 31.33%;
    background: #f8f8f8;
    margin-right: 3%;
    float: left;
    text-align: center;
    padding: 60px 40px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.t_ser_b a:hover .t_ser_b03 {
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b03 {
    width: 100%;
    font-size: 24px;
    color: #333333;
    line-height: 1.6;
    padding-top: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b a:hover .t_ser_b02 img {
    opacity: 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b02 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b04 {
    width: 100%;
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    padding-top: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b .t_ser_b01_3 {
    margin-right: 0;
}
.t_ser_b a:hover .t_ser_b01 {
    background: #5a7ebb;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_ser_b a:hover .t_ser_b04 {
    color: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.in_block_col {
	width: 100%;
	height: 440px;
	position: relative
}
.in_block_col .col {
	height: 440px
}
.in_block_col .col .inner_col {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative
}
.in_block_col .col .inner_col .txt {
	width: 100%;
	position: absolute;
	left: 0;
	top: 15%;
	color: #fff;
	box-sizing: border-box;
}
.in_block_col .col .inner_col .txt .title {
	font-size: 42px;
	font-weight: bold;
}
.in_block_col .col .inner_col .txt .title span {
	display: block;
	font-weight: 700;
	font-size: 24px
}
.in_block_col .col .inner_col .txt .des {
	font-size: 14px;
	margin: 10px 0 20px;
	height: 90px;
	line-height: 30px;
	overflow: hidden
}
.in_block_col .col .inner_col .txt a.more {
	display: block;
	width: 187px;
	height: 50px;
	border: 2px solid #fff;
	position: relative;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.in_block_col .col .inner_col .txt a.more span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.in_block_col .col .inner_col .txt a.more:before {
	content: '';
	display: block;
	width: 0;
	height: 50px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.in_block_col .col .inner_col .txt a.more:hover {
	-webkit-box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3);
	-moz-box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3);
	box-shadow: 0px 15px 15px -5px rgba(35,35,35,0.3)
}
.in_block_col .col .inner_col span.bg {
	display: block;
	width: 100%;
	height: 100%
}
.in_block_col .col01 {
	width: 50%;
	float: left
}
.in_block_col .col01 .inner_col {
	margin: 0 -90px 0 0;
	background-image: url(/template/pc/skin/images2/in_block_col_bg01.jpg);
}
.in_block_col .col01 .inner_col .txt {
	padding: 2% 14% 0 8%;
}
 @media (max-width: 1440px) {
.in_block_col .col01 .inner_col .txt {
	padding: 0 20% 0 20%
}
}
.in_block_col .col01 .inner_col span.bg {
	background-color: rgba(90,126,187,0.8)
}
.in_block_col .col01 .inner_col a.more:hover span {
	color: #ed1b24
}
.in_block_col .col01 .inner_col a.more:hover:before {
	width: 100%
}
.in_block_col .col02 {
	width: 50%;
	float: right
}
.in_block_col .col02 .inner_col {
	background-image: url(/template/pc/skin/images2/in_block_col_bg02.jpg);
	-webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
}
.in_block_col .col02 .inner_col .txt {
	padding: 2% 8% 0 14%;
}
 @media (max-width: 1440px) {
.in_block_col .col02 .inner_col .txt {
	padding: 0 20% 0 20%
}
}
.in_block_col .col02 .inner_col span.bg {
	background-color: rgba(0,0,0,0.5)
}
.in_block_col .col02 .inner_col a.more:hover span {
	color: #ed1b24
}
.in_block_col .col02 .inner_col a.more:hover:before {
	width: 100%
}
.t_hezuo01 {
    width:94%;
    margin: 0 auto;
    padding-top: 50px;
}
.t_hezuo01_c {
    margin-top: 40px;
}
.t_hezuo02 {
    width: 17.6%;
    float: left;
    margin-right: 3%;
    background: #f8f8f8;
    margin-bottom: 3%;
    box-sizing: border-box;
}
.t_hezuo02_a {
    border: 5px solid #f8f8f8;
    padding: 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_hezuo02 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
}
.t_hezuo01 a:hover .t_hezuo02 img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_hezuo01 a:hover .t_hezuo02_a {
    border: 5px solid #4369ab;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_hezuo01_c a:nth-child(5n) .t_hezuo02 {
    margin-right: 0;
}
.t_news {
    width: 100%;
    padding: 75px 0;
    background: #f6f6f6;
}
.t_news_a {
    width: 94%;
    margin: 0 auto;
}
.t_news_a01z {
    width: 100%;
    padding-top: 50px;
}
.t_news_a01 {
    width: 45%;
    float: left;
    position: relative;
}
.t_news_a01_a {
    width: 100%;
    overflow: hidden;
    height: 579px;
}
.t_news_a01_a img {
    overflow: hidden;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_news_a01_b {
    width: 100%;
    height: 90px;
    color: #fff;
    background-color: #0c4da2;
    background: rgba(0,52,126,.60);
    line-height: 90px;
    position: absolute;
    bottom: 0;
}
.t_na01b_a {
    width: 100%;
}
.t_na01b_01 {
    width: 80%;
    float: left;
    padding-top: 20px;
}
.t_na01b_031 {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 1.2;
    padding: 0 0 0 20px;
}
.t_na01b_03 {
    width: 100%;
    float: left;
    font-size: 24px;
    line-height: 1.6;
    padding: 0 0 0 20px;
}
.t_na01b_02 {
    width: 20%;
    float: left;
    text-align: right;
    padding-right: 20px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: border-box;
    margin-top: 29px;
}
.t_news_a02 {
    width: 52%;
    float: left;
    margin-left: 3%;
}
.t_news_r01 {
    padding: 30px;
    border-bottom: 1px solid #f3f3f3;
    background: #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_news_r02 {
    width: 12%;
    float: left;
    color: #0e90d2;
    margin-top: 4px;
}
.t_news_a01 a:hover .t_na01b_02 {
	padding-right: 35px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.t_news_a01 a:hover .t_news_a01_a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_news_r02_t {
    width: 100%;
    text-align: right;
    font-size: 18px;
}
.t_news_r02_b {
    width: 100%;
    text-align: right;
    font-size: 30px;
}
.t_news_r03 {
    width: 85%;
    float: right;
    padding-left: 2%;
}
.t_news_r03_t {
    width: 100%;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_news_r03_b {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    padding-top: 10px;
}
.t_news_a02 a:hover .t_news_r01 {
    background: #eee;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.t_news_a02 a:hover .t_news_r03_t {
	color: #4369ab;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.t_job {
	width: 100%;
	background: url(/template/pc/skin/images2/da_bg02.jpg) no-repeat;
	padding: 75px 0;
	background-size: cover;
}
.t_jobz {
	width: 94%;
	margin: 0 auto;
}
.t_job_top {
	width: 100%;
}
.t_job_l {
	width: 30%;
	float: left;
}
.t_job_l01 {
	width: 100%;
	font-size: 42px;
	color: #fff;
}
.t_job_l02 {
	width: 100%;
}
.t_job_l03 {
	width: 80px;
	border-bottom: 1px solid #fff;
	float: left;
	padding-top: 20px;
}
.t_job_l04 {
	width: 94%;
	float: left;
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
	padding-top: 20px;
}
.t_job_r {
	width: 70%;
	float: left;
}
.t_job_r02 img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.t_job_r a:hover .t_job_r01 img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.t_job_r a:hover .t_job_r01 {
	border: 2px #89a1cb solid;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.t_job_r01 {
	width: 21%;
	float: left;
	border: 2px #fff solid;
	padding: 7% 3%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	margin-right: 8%;
}
.t_job_r02 {
	width: 100%;
	float: left;
	text-align: center;
}
.t_job_r03 {
	width: 100%;
	float: left;
	font-size: 22px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}
.t_job_r04 {
	width: 100%;
	float: left;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
/* åŒ»ç–—å™¨æ¢°ç”Ÿäº§è®¸å¯ æ ç›®é¡µ */
.new_index_Aboutbox {
    overflow: hidden;
}
.commonweb {
    margin: 0px auto;
    width: 94%;
    padding-left: 10px;
    padding-right: 10px;
}
.commonwebbox1 {
    margin-left: -10px;
    margin-right: -10px;
}
.new_index_About {
    width: 62.666667%;
    float: left;
}
.new_index_About dl dt {
    padding-top: 30px;
}
.new_index_About svg {
    height: 85px;
    width: 100%;
}
.new_index_About text {
    font-size: 50px;
    font-weight: 900;
}
.new_index_About text.Stroke {
    fill: #fff;
    stroke: #939393;
}
.new_index_About text.red {
    fill: #f9253b;
}
.new_index_About h3 {
    font-size: 22px;
    color: #4c4f55;
    font-weight: 700;
}
.new_index_About .desc1 {
    font-size: 36px;
    max-width: 825px;
    color: #6a6d73;
    padding-top: 15px;
}
.new_index_About .desc2 {
    font-size: 14px;
    max-width: 825px;
    padding-top: 20px;
    color: #a6a7ab;
    line-height: 24px;
}
.new_index_About .desc3 {
    font-size: 20px;
    color: #6a6d73;
    padding-top: 15px;
}
.new_index_About_fourCol {
    padding-top: 20px;
}
.new_index_About_fourCol li {
    padding-top: 30px;
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 30px;
}
.new_index_About_fourCol img {
    width: 50px;
    height: 50px;
    display: block;
}
.new_index_About_fourCol h3 {
    font-size: 20px;
    color: #4c4f55;
    font-weight: 700;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0px 15px;
    position: relative;
}
.new_index_About_fourCol h3:after {
    bottom: 0px;
    height: 1px;
    background: #f9253b;
    left: 0px;
    width: 0px;
    overflow: hidden;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.new_index_About_fourCol .desc {
    padding-top: 15px;
}
p.h2-unset {
    font-weight: unset;
    font-size: 16px;
}
.new_index_About_fourCol .desc p.h2-unset a {
    line-height: 40px;
}
.new_index_About_fourCol .desc p.h2-unset a:hover {
    color: #f9253b;
}
.new_index_About_fourCol li:hover h3 a{
    color: #f9253b;
}
.new_index_About_fourCol li:hover h3:after {
    width: 100%;
}
.new_index_triangleBox {
    max-width: 390px;
    position: relative;
    margin: 170px auto 0px;
}
.new_index_About_right {
    width: 35.333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.new_index_triangleBox:before {
    width: 170% !important;
    height: 170%  !important;
}
.new_index_scaleTriangle:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1) !important;
}
.new_index_triangleBox:before {
    position: absolute;
    background: url(/template/pc/skin/images2/new_about04.png);
    background-size: cover;
    content: '';
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
    width: 130%;
    height: 130%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.new_index_triangleImg {
    position: relative;
    z-index: 99;
}
.new_index_triangleImg img {
    width: 100%;
    display: block;
}
.new_index_trianglebg2 {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/template/pc/skin/images2/new_about02.png);
    background-size: cover;
    -webkit-animation: triSpin2 90s infinite;
    -o-animation: triSpin2 90s infinite;
    animation: triSpin2 90s infinite;
    box-sizing: border-box;
}
.new_index_trianglebg1 {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    background: url(/template/pc/skin/images2/new_about01.png);
    background-size: cover;
    -webkit-animation: triSpin 80s infinite;
    -o-animation: triSpin 80s infinite;
    animation: triSpin 80s infinite;
    box-sizing: border-box;
}
.new_index_triangleText {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.new_index_triangleText span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    font-weight: 700;
    font-size: 16px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 24px;
}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(1) {
    left: -30%;
    top: 30%;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -webkit-animation: balloon1 10s ease-in-out infinite;
    -o-animation: balloon1 10s ease-in-out infinite;
    animation: balloon1 10s ease-in-out infinite;
    opacity: 1;
}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(2) {
    left: 80%;
    top: 5%;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -webkit-animation: balloon2 10s ease-in-out infinite;
    -o-animation: balloon2 10s ease-in-out infinite;
    animation: balloon2 10s ease-in-out infinite;
    opacity: 1;
}
.new_index_scaleTriangle div.new_index_triangleText span:nth-child(3) {
    left: 101%;
    top: 53%;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -webkit-animation: balloon3 10s ease-in-out infinite;
    -o-animation: balloon3 10s ease-in-out infinite;
    animation: balloon3 10s ease-in-out infinite;
    opacity: 1;
}
.new_index_triangleBox:after {
    width: 170% !important;
    height: 170% !important;
}
.new_index_scaleTriangle:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1) !important;
}
.new_index_triangleBox:after {
    position: absolute;
    background: url(/template/pc/skin/images2/new_about05.png);
    background-size: cover;
    content: '';
    -webkit-transition: all 1s .5s ease;
    -o-transition: all 1s .5s ease;
    transition: all 1s .5s ease;
    display: block;
    width: 130%;
    height: 130%;
    top: 50%;
    left: 54%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
@keyframes balloon1 { 0%, 100% {
    -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1);
    }
  50% {
    -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1);
    } }
@keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }
@keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }
@keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }
.new_index_Ourworks_more {
    text-align: center;
    padding-top: 0px;    padding-bottom: 50px;
}
.new_index_Ourworks_more a {
    border: 1px solid #e5e5e5;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    width: 240px;
    line-height: 60px;
    padding-left: 30px;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    display: inline-block;
    text-align: left;
}
.new_index_Ourworks_more a span {
    display: block;
    position: relative;
    z-index: 9;
    background: url(/template/pc/skin/images2/new_Case10.png) no-repeat 90% center;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.new_index_Ourworks_more a:after {
    content: '';
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.new_index_Ourworks_more a:hover span {
    color: #fff;
    background: url(/template/pc/skin/images2/new_Case11.png) no-repeat 85% center;
}
.new_index_Ourworks_more a:hover:after {
    width: 100%;
    background-color: #f9253b;
    color: #fff;
}
.new_index_Ourworks_Title {
    position: relative;
    margin-top: 70px;
}
.new_index_Ourworks_Title svg {
    width: 100%;
    height: 60px;
}
.new_index_Ourworks_Title text.Stroke {
    fill: #fff;
    stroke: #b97a7a;
}
.new_index_Ourworks_Title text {
    font-size: 60px;
    font-weight: 900;
}
.new_index_Ourworks_Title text.red {
    fill: #f9253b;
}
.new_index_Ourworks_Title h3 {
    font-size: 22px;
    color: #4c4f55;
}
.new_index_Ourworks_Title .desc1 {
    font-size: 36px;
    color: #6a6d73;
    padding-top: 10px;
}
.TabCasebtn {
    position: absolute;
    font-size: 18px;
    right: 0px;
    top: 35px;
    cursor: pointer;
    margin: 20px auto 0px;
    background-color: #e8eaeb;
    width: 117px;
    padding: 2px;
    border-radius: 5px;
}
.TabCasebtn ul {
    position: relative;
}
.TabCasebtn ul li.cur {
    color: #4c4f55;
}
.TabCasebtn ul li {
    height: 50px;
    line-height: 50px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 9;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.TabCasebtn ul span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #fff;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.new_index_Ourworks {
    display: block;
    padding-top: 30px;
}
.new_index_Ourworks ul {
    margin: 0px -20px;
}
.new_index_Ourworks ul li {
    float: left;
    width: 33.3333%;
    padding: 0px 20px 40px;
    box-sizing: border-box;
}
.new_index_Ourworks ul li .Ourworksbox {
    position: relative;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.new_index_Ourworks ul li div.OurworksImgbox {
    position: relative;
}
.new_index_Ourworks ul li img {
    width: 100%;
    display: block;
}
.new_index_Ourworks ul li div.OurworksContent {
    padding: 40px 40px 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.new_index_Ourworks ul li div.OurworksContent h3 {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 10px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 49px;
}
.new_index_Ourworks ul li div.OurworksContent .subtitle {
    font-size: 14px;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new_index_Ourworks ul li div.OurworksContent .desc {
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    height: 72px;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new_index_Ourworks ul li div.OurworksContent .label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 25px;
}
.new_index_Ourworks ul li div.OurworksContent .label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url(/template/pc/skin/images2/new_Case15.png) no-repeat left center;
    padding-left: 25px;
}
.new_index_Ourworks ul li .positiveTitle {
    font-size: 30px;
    line-height: 36px;
    margin-top: 25px;
    color: #4c4f55;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new_index_Ourworks ul li .positiveTitle span {
    float: right;
    color: #afb0b3;
    font-size: 14px;
    font-weight: 700;
    background: url(/template/pc/skin/images2/new_Case15.png) no-repeat left center;
    padding-left: 20px;
}
.new_index_Ourworks ul li:hover div.OurworksContent {
    opacity: 1;
    filter: alpha(opacity=100);
}
.new_index_Ourworks ul li:hover .Ourworksbox {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}
.new_index_Featuredbox {
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}
.new_index_Featuredbg {
    padding: 55px 0px 140px;
}
.new_index_Featuredbg a.detailLink {
    display: block;
    position: absolute;
    z-index: 99;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.new_index_Featured {
    position: relative;
    margin: 0px 3%;
}
.new_index_Featuredbox .new_index_Featuredbg {
    width: 100%;
}
.new_index_FeaturedImg img {
    height: 730px;
    display: block;
    margin: 0px auto;
    max-width: 100%;
}
.new_index_FeaturedTitle {
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
    left: 0px;
    top: 50%;
    overflow: hidden;
    width: 100%;
    position: absolute;
    z-index: 9999;
    text-align: center;
}
.new_index_FeaturedTitle p img {
    height: 132px;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}
.new_index_FeaturedLogo {
    left: 40px;
    top: 135px;
    position: absolute;
    z-index: 99;
    overflow: hidden;
}
.new_index_FeaturedLogo img {
    max-width: 100%;
}
.new_index_Featuredtext {
    display: block;
    left: 10%;
    bottom: 50px;
    position: absolute;
    z-index: 99;
    font-size: 14px;
    max-width: 300px;
}
.new_index_Featuredtext p {
    display: block;
    font-size: 16px;
    color: #4c4f55;
    line-height: 30px;
}
.new_index_Featured .new_index_Featuredbg {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 85px;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
.new_index_Featuredbox .new_index_FeaturedImg img {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
}
.new_index_AppletsBox {
    position: relative;
    overflow: hidden;
    height: 720px;
}
.new_index_Applets {
    width: 100%;
    position: relative;
    background-image: url(/template/pc/skin/images2/new_Applets01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.new_index_AppletsBox a.detailLink {
    position: absolute;
    z-index: 99;
    display: block;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.new_index_Applets_imgBox {
    max-width: 825px;
    margin: 0px auto;
    position: relative;
}
.new_index_Applets_imgBox img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}
.AppletsImg2 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    display: block;
}
.new_index_Applets_imgBox img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}
.AppletsImg3 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}
.AppletsImg4 {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 3;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.new_index_Applets_desc {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.new_index_AppletsBox .AppletsImg2 {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
.new_index_AppletsBox .AppletsImg3 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.new_index_AppletsBox .AppletsImg4 {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.new_index_AppletsBox .new_index_Applets_desc .moreIcon {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.new_index_Applets_desc .moreIcon {
    padding-top: 10px;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}
.new_index_Applets_desc svg {
    height: 69px;
    width: 100%;
}
.new_index_Applets_desc text.Stroke {
    fill: rgba(0, 0, 0, 0);
    stroke: #fff;
    stroke-width: .5;
}
.new_index_Applets_desc text {
    font-size: 56px;
    font-weight: 900;
}
.new_index_Applets_desc h3 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}
.new_index_Applets_desc h4 {
    font-size: 48px;
    color: #43888c;
    font-weight: 700;
    font-family: 'GoogleSans';
}
.new_index_Applets_desc .moreIcon {
    padding-top: 25px;
}
.new_index_Applets_desc .moreIcon a {
    line-height: 36px;
    font-size: 24px;
    width: 50px;
    height: 50px;
    display: block;
    letter-spacing: 2px;
    padding-left: 0px;
    background: #fff;
    text-align: center;
    color: #43888c;
    border-radius: 100%;
}
.new_index_Applets_desc .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 35px;
    color: #4a5c5c;
    font-weight: 700;
    display: -webkit-box;
    height: 72px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new_index_AppletsBox .new_index_Applets:after {
    width: 50%;
}
.new_index_Applets:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
    height: 100%;
    z-index: 9;
    background-color: #7bc2c6;
    opacity: 0.7;
    -webkit-filter: opacity(70);
    filter: opacity(70);
    display: block;
    content: '';
}
.new_index_Ourclient {
    min-height: 415px;
    padding: 70px 0px;
}
.commonwebbox {padding-left: 10px;padding-right: 10px;}
.new_index_Ourclient_title {
    padding-top: 20px;
    width: 33.33333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.new_index_Ourclient_title svg {
    height: 90px;
    width: 100%;
}
.new_index_Ourclient_title text.Stroke {
    fill: rgba(0, 0, 0, 0);
    stroke: #d4d4d4;
    stroke-width: .5;
}
.new_index_Ourclient_title text {
    font-size: 60px;
    font-weight: 900;
}
.new_index_Ourclient_title text.red {
    fill: #f9253b;
}
.new_index_Ourclient_title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #4c4f55;
}
.new_index_Ourclient_title .desc2 {
    font-size: 16px;
    padding-top: 20px;
}
.new_index_Ourclient_title .desc3 {
    font-size: 36px;
    padding-top: 0px;
    color: #6a6d73;
}
.new_index_Ourclient_list {
    padding: 30px 0px 0px;
    width: 65%;
    float: left;
}
.new_index_Ourclient_list ul {
    margin: 0px -5px;
}
.new_index_Ourclient_list ul li {
    width: 20%;
    padding: 10px 5px 0px;
    float: left;
    box-sizing: border-box;
}
.new_index_Ourclient_list ul li img {
    width: 100%;
    margin: 0px auto;
    display: block;
    border: 1px solid #e7eaec;
}
/* åŒ»ç–—å™¨æ¢°ç”Ÿäº§å¤‡æ¡ˆ æ ç›®é¡µ */
.about-us-intro {
    padding-top: 70px;
    padding-bottom: 8.125%;
    position: relative;
    overflow: hidden;
}
.m-about-title {
    font-size: 50px;
    line-height: 48px;
    font-weight: bold;
    color: #1a1a1a;
}
.m-about-title span {
    color: #d93f3d;
}
.about-us-intro .year {
    position: absolute;
    right: 0;
    top: 70px;
}
.about-us-intro .article {
    padding: 54px 35.875% 82px 0;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.about-us-intro .article p{
    padding: 0 0 20px;
}
.about-us-intro .intro-card {
    margin: 0 -25px;
}
.about-us-intro .intro-card .card {
    float: left;
    width: 33.3333%;
}
.about-us-intro .intro-card .inner {
    position: relative;
    padding: 0 25px;
}
.about-us-intro .intro-card .inner img {
    display: block;
    width: 100%;
}
.about-us-intro .intro-card .info {
    position: absolute;
    left: 67px;
    top: 28.18627%;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.about-us-intro .intro-card .en {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}
.about-us-intro .intro-card .cn {
    margin-bottom: 37px;
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
}
.full-certificate-article {
    padding: 75px 0;
    background-color: #f2f2f2;
}
.full-certificate-article .info {
    float: left;
    padding-top: 2.875%;
    padding-left: 20px;
}
.full-certificate-article .cert-ico {
    margin-bottom: 23px;
    height: 78px;
}
.full-certificate-article .cert-ico img {
    vertical-align: top;
    width: 78px;
}
.m-about-text {
    padding: 41px 0 66px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}
.full-certificate-article .certificate {
    float: right;
    width: 46.875%;
    padding-right: 6.25%;
}
.full-certificate-article .certificate img {
    display: block;
    width: 100%;
}
.about-field {
    padding: 73px 0 0;
}
.about-field .main-business {
    margin: 0;
}
.about-field .main-business .business-item {
    margin-left: -1px;
}
.main-business .business-item {
    float: left;
    width: 25%;
}
.about-field .main-business .inner {
    margin: 0;
    padding: 14.5% 12.5% 4.5%;
    border: 1px solid #d9d9d9;
    position: relative;
    text-align: center;
}
.main-business .ico {
    display: block;
    margin-bottom: 12px;
    /* height: 82px; */
    line-height: 82px;
    font-size: 0;
}
.main-business .ico img {
    vertical-align: middle;
    height: 80px;
}
.about-field .main-business h2 {
    padding: 41px 0 20px;
}
.about-field .main-business h2 a {
    font-size: 24px;
    line-height: 36px;
    display: block;
    padding: 10px 0 21px;
    font-weight: bold;
    color: #1a1a1a;
}
.main-business .business-item .inner:hover h2 a {
    color: #d80000;
}
.about-field .field-text {
    font-size: 16px;
    line-height: 30px;
    padding: 51px 0 64px;
}
.about-field .field-text .bred {
    font-weight: bold;
    color: #d93f3d;
}
.our-server {
    margin: 0 auto;
    position: relative;
}
.our-server .bg {
    overflow: hidden;
}
.our-server .bg img {
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
    height: 640px;
}
.our-server .server-inner {
    position: absolute;
    left: 50%;
    top: 76px;
    margin-left: -900px;
}
.m-about-title span {
    color: #d93f3d;
}
.our-server .server-inner .server-desc {
    padding-top: 30px;
    font-size: 20px;
    line-height: 40px;
    font-style: italic;
    color: #fff;
}
.our-server .server-inner .server-desc .text {
    font-size: 28px;
    text-align:left;
    margin-top: 28px;
    font-weight:  normal;
}
.our-server .m-key-list {
    position: absolute;
    left: 0;
    bottom: 89px;
    z-index: 3;
    width: 100%;
    overflow: hidden;
}
.m-key-list ul {
    padding: 0 4.10526%;
}
.m-key-list li {
    float: left;
    width: 16.66667%;
}
.m-key-list .top {
    margin-bottom: 20px;
    font-size: 0;
    color: #fff;
    height: 78px;
    line-height: 78px;
}
.m-key-list .top span {
    font-size: 72px;
}
.m-key-list .text {
    font-size: 15px;
    line-height: 21px;
    color: #ccc;
    text-align: left;
}
/* åŒ»ç–—å™¨æ¢°ç”Ÿäº§è®¸å¯è¯ æ ç›®é¡µ */
.Yxxt {
    overflow: hidden;
}
.Yxxt .Yxxtcont {
    height: 480px;
    background: url(/template/pc/skin/images2/yxxt.png) no-repeat 10% 73%;
    background-size: 40%;
}
.Yxxt .Yxxtcont .Yxtitle{
    overflow: hidden;
    float: right;
    margin-top: 92px;
    width: 48%;
}
.Yxxt .Yxxtcont .YxText {
    margin-right: 10px;
}
.Yxxt .Yxxtcont .YxText .YxText1{
    font-size: 18px;
}
.Yxxt .Yxxtcont .YxText .YxText2{
    font-size: 22px;
}
.Yxxt .Yxxtcont .YxText .YxText3{
    font-size: 28px;
}
.Yxxt .Yxxtcont .Yxtitle p{
    font-size:22px;
    margin-bottom: 1cm;
    margin-top: 10px;
    color: #46464685;
}
.Yxxt .Yxxtcont .YxText li {
    height: 44px;
    line-height: 44px;
    color: #333333;
    padding-left: 25px;
    background: url(/template/pc/skin/images2/pt1.png) no-repeat left center;
    margin-bottom:  10px;
}
.Yxxt .Yxxtcont .YxText li em {
    color: #026bbc;
}
.Gtshd {
    height: 700px;
    background: url(/template/pc/skin/images2/wgbg.jpg) no-repeat center top;
    overflow: hidden;
    background-size: cover;
}
.Gtshdcont {
    height: 640px;
}
.Gtshd .Toptitle {
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding-top: 90px;
    margin-bottom: 16px;
}
.Gtshd .Toptitle p {
    font-size: 22px;
    color: #46464685;
    margin-bottom: 1cm;
    margin-top: 20px;
}
.Gtshd .Gtshdcont>p {
    font-size: 28px;
    color: #fff;
    width: 689px;
    height: 69px;
    line-height: 69px;
    margin: 0 auto;
    background: url(/template/pc/skin/images2/tx1bg.png) no-repeat;
    font-weight: bold;
    text-align: center;
}
.Gtshd .Gtshdcont>p a {
    color: #fff;
}
.Gtshdcont ul {
    overflow: hidden;
    margin-top: 55px;
}
.Gtshdcont ul li {
    float: left;
    width: 18%;
    text-align: center;
    margin-right: 2%;
    box-sizing: border-box;
}
.Gtshdcont ul li:last-child {
    margin-right: 0;
}
.Gtshdcont ul li.yx1 span {
    background: url(/template/pc/skin/images2/yxnav1_h.png) no-repeat;
}
.Gtshdcont ul li.yx2 span {
    background: url(/template/pc/skin/images2/yxnav2_h.png) no-repeat;
}
.Gtshdcont ul li.yx3 span {
    background: url(/template/pc/skin/images2/yxnav3_h.png) no-repeat;
}
.Gtshdcont ul li.yx4 span {
    background: url(/template/pc/skin/images2/yxnav4_h.png) no-repeat;
}
.Gtshdcont ul li.yx5 span {
    background: url(/template/pc/skin/images2/yxnav5_h.png) no-repeat;
}
.Gtshdcont ul li span {
    display: inline-block;
    width: 157px;
    height: 174px;
}
.Gtshdcont ul li h3 {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    color: #026bbc;
    font-size: 24px;
    font-weight: bold;
}
.Yxfv {
    height: 360px;
    background: url(/template/pc/skin/images2/bn2.jpg) no-repeat center top;
    background-size: cover;
}
.Yxfvcont {
    height: 360px;
    overflow: hidden;
}
.Yxfvcont dl {
    float: left;
    overflow: hidden;
    margin-top: 55px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}
.Yxfvcont dl dt {
    float: left;
    font-weight: 700;
    width: 30%;
    text-align: center;
}
.Yxfvcont dl dt img{
    width:44%;
}
.Yxfvcont dl dd {
    padding-left: 224px;
    padding-top: 23px;
}
.Yxfvcont dl dd em {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}
.Yxfvcont dl dd p {
    line-height: 32px;
    font-size: 22px;
    color: #fff;
}
.Yxfvcont dl dd h5 {
    height: 55px;
    line-height: 48px;
    margin-bottom: 7px;
    font-size: 42px;
    color: #fff;
    font-weight: bold;
}
.Yxfvcont dl dd span {
    display: block;
    width: 400px;
    height: 15px;
}
.Yxfvcont dl dd .hotl {
    font-size: 20px;
    margin-top: 10px;
    color: #333333;
    text-align: center;
    width: 48%;
    height: 42px;
    line-height: 42px;
    background: url(/template/pc/skin/images2/mbtx1.png) no-repeat 100%;
}
.Zdhwz .container {
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 100px;
    background:#fff;
}
.Zdhwz .Toptitle {
    width: 100%;
    text-align: center;
}
.Zdhwz .Toptitle p {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #46464685;
}
.Zdhwz .Toptitle h2>em {
    color: #026bbc;
}
.Zdhwz .Toptitle b, .Hslt .Toptitle b, .wzjs_howbt i {
    display: inline-block;
    width: 100px;
    height: 2px;
    background: url(/template/pc/skin/images2/zs1.png) no-repeat;
    background-size: 100% 100%;
}
.Zdhwzcont {
    overflow: hidden;
    margin-top: 41px;
}
.Zdhwzcont ul {
    overflow: hidden;
}
.Zdhwzcont ul li {
    float: left;
    width: 19.2%;
    box-sizing: content-box;
    height: 310px;
    position: relative;
    margin-right: 1%;
    text-align: center;
    padding: 35px 0px;
    background: #464646;
}
.Zdhwzcont ul li:hover {
    background: #026bbc;
}
.Zdhwzcont ul li:nth-child(5) {
    margin-right: 0;
}
.Zdhwzcont ul li img{
    width: 50%;
}
.Zdhwzcont ul li h5 {
    font-size: 24px;
    line-height: 20px;
    height: 20px;
    margin-top: 20px;
    font-weight: bold;
    color: #026bbc;
}
.Zdhwzcont ul li:hover h5 {
    color: #fff;
}
.Zdhwzcont ul li p {
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    width: 90%;
    margin: 28px auto 0;
}
.Zdhwzcont ul li em {
    display: block;
    width: 17px;
    height: 17px;
    background: url(/template/pc/skin/images2/smore.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 32px;
}
.Hslt {
    height: 750px;
    background: url(/template/pc/skin/images2/qt.jpg) no-repeat center top;
    background-size: cover;
}
.Hslt .container {
    padding-top: 90px;
    background:none;
}
.Hslt .Toptitle {
    overflow: hidden;
    text-align: center;
}
.Hslt .Toptitle h2>em {
    color: #026bbc;
}
.Hslt .Toptitle span {
    font-size: 36px;
    line-height: 80px;
    color: #444444b8;
}
.Hslt .Toptitle p{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #46464685;
}
.Hslt .Zdhwzcont2{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 61px;
}
.Hslt .Zdhwzcont2 ul li{
    float:left;
    width:25%;
    box-sizing: border-box;
    text-align:center;
}
.Hslt .Zdhwzcont2 ul li img{
    width: 36%;
}
.Hslt .Zdhwzcont2 ul li p{
    width: 60%;
    margin: 6px auto 0;
}
.wzjs_how {
    width: 100%;
    background: url(/template/pc/skin/images2/bolan.jpg) repeat;
    padding: 90px 0px;
}
.wzjs_howbt {
    text-align: center;
}
.wzjs_howbt h2{
    font-size: 36px;
    color: #333;
    font-weight: normal;
}
.wzjs_howbt h2 p{
    margin-top: 10px;
    font-size: 50px;
    font-weight: bold;
}
.wzjs_howbt h2 p font {
    color: #026bbc;
}
.wzjs_howbt span {
    display: block;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #46464685;
}
.wzjs_ld {
    background: url(/template/pc/skin/images2/swhy.png) no-repeat center bottom;
    height: 973px;
    margin-top: 40px;
}
.wzjs_ld ul li {
    width: 42%;
    text-align: center;
    height: 300px;
    background: #fff;
    border-radius: 5px;
    float: left;
    margin-right: 16%;
    margin-bottom: 20px;
    position: relative;
}
.wzjs_ld ul li i {
    position: absolute;
    left: 273px;
    top: 33px;
}
.wzjs_ld ul li i img{
    width: 180%;
}
.wzjs_ld ul li h2 {
    height: 80px;
    position: absolute;
    font-size: 41px;
    color: #000;
    top: 44px;
    left: 382px;
}
.wzjs_ld ul li h2 font {
    color: #ccc;
    display: block;
    font-size: 16px;
}
.wzjs_ld h3 {
    margin-top: 160px;
    color: #026bbc;
    font-size: 24px;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}
.wzjs_ld p {
    padding: 20px 50px;
    font-size: 18px;
    line-height: 21px;
    color: #999;
}
.wzjs_ld ul li:nth-child(2n) {
    margin-right: 0;
}
/* åŒ»ç–—å™¨æ¢°ç”Ÿäº§å¤‡æ¡ˆå˜æ›´ æ ç›®é¡µ*/
.wzjs_top {
    padding: 30px 0;
}
.wzjs_top .wzjs_cov {
    position: relative;
    height: 550px;
    background: url(/template/pc/skin/images2/plimg.png) no-repeat 10% 40%;
    background-size: 35%;
}
.wzjs_top img {
    display: block;
}
.wzjs_top .pct {
    position: absolute;
    text-align: right;
    top: 157px;
    right: 143px;
    overflow: hidden;
    float: right;
    width: 45%;
}
.wzjs_top .pct p {
    font-size: 30px;
    color: #333;
}
.wzjs_top .pct h5 {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    margin-top: 17px;
    margin-bottom: 34px;
}
.wzjs_top .pct h5 em {
    color: #026bbc;
    font-weight: bold;
}
.wzjs_top .pct h5 span {
    display: block;
    font-size: 20px;
    color: #9f9f9f;
    margin-top: 5px;
    font-weight: normal;
}
.wzjs_top .pct h4 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    background: url(/template/pc/skin/images2/yy.png) no-repeat right;
    height: 78px;
    line-height: 72px;
    background-size: 100% 100%;
    text-align: center;
    width: 95%;
    float: right;
}
.wzjs_ys .gtop {
    text-align: center;
    padding-top: 60px;
}
.wzjs_ys .gtop h2 {
    font-size: 50px;
    color: #000;
    font-weight: bold;
}
.wzjs_ys .gtop h2 em {
    color: #026bbc;
    font-style: normal;
    font-weight: bold;
}
.wzjs_ys .gtop h2 span {
    font-size: 26px;
    color: #bfbfbf;
    display: block;
    font-weight: normal;
}
.wzjs_ys .gtop h3 {
    font-weight: normal;
    font-size: 28px;
    color: #026bbc;
    margin-top: 15px;
    margin-bottom: 23px;
}
.wzjs_ys .gtop i {
    display: inline-block;
    width: 100px;
    height: 2px;
    background: url(/template/pc/skin/images2/zs1.png) no-repeat;
    background-size: 100% 100%;
}
.wzjs_ys .gcont {
    margin: 70px 0px;
}
.wzjs_ys .gcont ul {
    overflow: hidden;
}
.wzjs_ys .gcont li {
    float: left;
    width: 23%;
    text-align: center;
    margin: 0 1%;
    box-sizing: border-box;
}
.wzjs_ys .gcont li h4 {
    overflow: hidden;
    margin: 0 auto;
    width: 243px;
    height: 270px;
}
.wzjs_ys .gcont li .gd1 {
	background: url(/template/pc/skin/images2/gdimg1.png) no-repeat center top;
	background-size: cover;
}
.wzjs_ys .gcont li .gd2 {
	background: url(/template/pc/skin/images2/gdimg2.png) no-repeat center top;
	background-size: cover;
}
.wzjs_ys .gcont li .gd3 {
	background: url(/template/pc/skin/images2/gdimg3.png) no-repeat center top;
	background-size: cover;
}
.wzjs_ys .gcont li .gd4 {
	background: url(/template/pc/skin/images2/gdimg4.png) no-repeat center top;
	background-size: cover;
}
.wzjs_ys .gcont li:hover h4 {
	background-position: center bottom;
}
.wzjs_ys .gcont li h5 {
    font-size: 30px;
    color: #026bbc;
    font-weight: normal;
    margin: 26px 0;
}
.gd_choise {
    margin-top: 30px;
}
.gd_choise .ctop {
    text-align: center;
    padding-top: 80px;
    background: url(/template/pc/skin/images2/choisebg_01.jpg) no-repeat center;
    height: 480px;
}
.gd_choise .ctop h2 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
}
.gd_choise .ctop h3 {
    font-size: 50px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 25px;
    color: #fff;
}
.gd_choise .ctop h3 span {
    color: #fff600;
}
.gd_choise .ctop h3 em {
    display: block;
    font-size: 19px;
    margin-top: 10px;
    color: #fff;
    font-weight: normal;
}
.gd_choise .ctop a {
    font-size: 15px;
    color: #fff;
    padding-right: 35px;
    background: url(/template/pc/skin/images2/mor.png) no-repeat right center;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
}
.gd_choise .design {
    background: url(/template/pc/skin/images2/choisebg_02.jpg) no-repeat center;
    height: 560px;
}
.gd_choise .design .w1600 {
    padding-top: 300px;
}
.gd_choise .design .case {
    float: left;
    margin-left: 13%;
    width: 35%;
}
.gd_choise .design .case span {
    font-size: 26px;
    color: #fff;
    display: block;
    padding-top: 30px;
    padding-bottom: 10px;
}
.gd_choise .design .case h5 {
    font-size: 44px;
    color: #fff600;
    font-weight: bold;
}
.gd_choise .design .case a {
    font-size: 28px;
    color: #120e00;
    width: 372px;
    height: 49px;
    line-height: 49px;
    display: block;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: none;
}
.gd_choise .design .cintr {
    float: left;
    width: 50%;
}
.gd_choise .design .cintr ul {
    margin-top: 15px;
    margin-bottom: 40px;
}
.gd_choise .design .cintr li {
    font-size: 22px;
    color: #cdcdcd;
    height: 40px;
    line-height: 35px;
    padding-left: 20px;
    background: url(/template/pc/skin/images2/jtimg.png) no-repeat left center;
}
.gd_vant {
    padding-top: 56px;
}
.gd_vant .vtop {
    text-align: center;
}
.gd_vant .vtop h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
}
.gd_vant .vtop h2 {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}
.gd_vant .vtop h2 span {
    color: #026bbc;
}
.gd_vant .vtop h2 em {
    display: block;
    font-size: 23px;
    color: #ccc;
    margin-top: 5px;
    font-weight: normal;
}
.gd_vant .vtop i {
    display: block;
    background: url(/template/pc/skin/images2/line.png) no-repeat center;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background-size: 100% 100%;
}
.gd_vant .vcont {
    margin-top: 50px;
}
.gd_vant .vcont .ys {
    position: relative;
}
.gd_vant .vcont .ys1 {
    background: url(/template/pc/skin/images2/ysbg1.jpg) no-repeat center;
    height: 551px;
    background-size: 75%;
    background-position-x: 70%;
}
.gd_vant .vcont .ys1 dl {
    left: 185px;
    top: 114px;
}
.gd_vant .vcont dl {
    position: absolute;
    padding-bottom: 52px;
    background: url(/template/pc/skin/images2/online.png) no-repeat center bottom;
}
.gd_vant .vcont dt{
    font-weight:700;
}
.gd_vant .vcont dt span {
    font-size: 46px;
    color: #026bbc;
}
.gd_vant .vcont dt p {
    font-size: 28px;
    color: #333;
}
.gd_vant .vcont dd {
    margin-top: 35px;
}
.gd_vant .vcont dd p {
    font-size: 20px;
    color: #333;
    height: 45px;
    line-height: 30px;
}
.gd_vant .vcont .ys1 dd p span {
    font-size: 24px;
}
.gd_vant .vcont dd p span {
    color: #026bbc;
    font-family: "Arial";
}
.gd_vant .vcont .ys2 {
    background: url(/template/pc/skin/images2/ysbg2.jpg) no-repeat center;
    height: 572px;
    background-size: 75%;
    background-position-x: 30%;
}
.gd_vant .vcont .ys2 dl {
    right: 116px;
    top: 50px;
}
.gd_vant .vcont .ys2 h5 {
    position: absolute;
    background: url(/template/pc/skin/images2/yuan3.gif) no-repeat center;
    width: 570px;
    height: 69px;
    line-height: 66px;
    color: #fff;
    font-size: 20px;
    top: 343px;
    right: 220px;
    background-size: cover;
    font-weight: normal;
}
.gd_vant .vcont .ys2 h5 a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding-left: 20px;
}
.gd_vant .vcont .ys2 h5 span {
    font-size: 23px;
    font-weight: bold;
}
.wzjs_swhy .vtop {
    text-align: center;
    background: url(/template/pc/skin/images2/vtopbg.jpg) no-repeat center;
    height: 598px;
}
.wzjs_swhy .vtop .w1600 {
    padding-top: 100px;
}
.wzjs_swhy .vtop h3 {
    font-size: 24px;
    color: #595959;
    font-weight: normal;
}
.wzjs_swhy .vtop h2 {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}
.wzjs_swhy .vtop h2 span {
    color: #026bbc;
}
.wzjs_swhy .vtop h2 em {
    display: block;
    font-size: 23px;
    color: #ccc;
    margin-top: 5px;
    font-weight: normal;
}
.wzjs_swhy .vtop i {
    display: block;
    background: url(/template/pc/skin/images2/line.png) no-repeat center;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background-size: 100% 100%;
}
.wzjs_swhy .vtop font {
    background: #0058ac;
    color: #fff;
    display: block;
    border-radius: 5px;
    padding: 25px 0px;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    width: 73%;
    margin: 35px auto 0;
}
.wzjs_swhy .vcont1 {
    background: url(/template/pc/skin/images2/vcontbg1.jpg) no-repeat center;
    height: 610px;
}
.wzjs_swhy .wzjz_d .w1600 {
    position: relative;
}
.wzjs_swhy .wzjz_d .w1600:before, .wzjs_swhy .wzjz_d .w1600:after{
    display: table;
    content: " ";
    box-sizing: border-box;
}
.wzjs_swhy .vcont1 dl {
    left: 986px;
    top: -14px;
    padding-bottom: 70px;
}
.wzjs_swhy .wzjz_d dl {
    position: relative;
    background: url(/template/pc/skin/images2/online.png) no-repeat left bottom;
}
.wzjs_swhy .wzjz_d dt {
    font-size: 46px;
    color: #0058ac;
    font-weight: bold;
    margin-bottom: 45px;
}
.wzjs_swhy .wzjz_d dd {
    overflow: hidden;
    font-size: 24px;
    margin-bottom: 20px;
}
.wzjs_swhy .wzjz_d dd span {
    float: left;
    padding-left: 20px;
    background: url(/template/pc/skin/images2/fang.png) no-repeat left center;
    line-height: 36px;
}
.wzjs_swhy .wzjz_d dd p {
    float: left;
    line-height: 36px;
}
.wzjs_swhy .vcont2 {
    background: url(/template/pc/skin/images2/vcontbg2.jpg) no-repeat center;
    height: 607px;
}
.wzjs_swhy .vcont2 dl {
    left: 90px;
    top: 88px;
    padding-bottom: 70px;
}
.wzjs_swhy .vcont3 {
    background: url(/template/pc/skin/images2/vcontbg3.jpg) no-repeat center bottom;
    height: 529px;
}
.wzjs_swhy .vcont3 .jianzhan {
    position: relative;
    width: 680px;
    top: 72px;
    right: -1000px;
    height: 490px;
}
.wzjs_swhy .vcont3 .jianzhan h5 {
    font-size: 46px;
    color: #0058ac;
    font-weight: bold;
}
.wzjs_swhy .vcont3 .jianzhan p {
    font-size: 24px;
    line-height: 41px;
    margin: 45px 0;
}
.wzjs_swhy .vcont3 .jianzhan h4 {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    background: url(/template/pc/skin/images2/yuan3.gif) no-repeat center;
    width: 616px;
    height: 82px;
    line-height: 80px;
    padding-left: 60px;
    background-size: cover;
}
.wzjs_swhy .vcont3 .jianzhan h4 a {
    display: block;
    color: #fff;
    text-decoration: none;
}
.wzjs_liuda {
    padding-top: 80px;
}
.wzjs_liuda .vtop {
    text-align: center;
}
.wzjs_liuda .vtop h2 {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}
.wzjs_liuda .vtop h2 span {
    color: #026bbc;
}
.wzjs_liuda .vtop h2 em {
    display: block;
    font-size: 23px;
    color: #ccc;
    margin-top: 5px;
}
.wzjs_liuda .vtop i {
    display: block;
    background: url(/template/pc/skin/images2/line.png) no-repeat center;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background-size: 100% 100%;
}
.wzjs_ldys1 {
    height: 480px;
    padding-top: 45px;
}
.wzjs_ldys1 ul li {
    float: left;
    margin-top: 30px;
    box-sizing: border-box;
    overflow: hidden;
    width: 20%;
    display: table;
    text-align: -webkit-center;
}
.wzjs_ldys1 ul li:nth-child(5n) {
    margin-right: 0;
}
.wzjs_ldys1 ul li a {
	color: #fff;
	background: url(/template/pc/skin/images2/liujiao1.png) no-repeat;
	width: 236px;
	height: 275px;
	display: block;
	text-align: center;
	position: relative;
	padding: 40px;
	background-size: cover;
	display: table;
    text-align: -webkit-center;
}
.wzjs_ldys1 ul li a:hover {
	background: url(/template/pc/skin/images2/liujiao.png) no-repeat;
}
.wzjs_l1 a i {
	background: url(/template/pc/skin/images2/ld1.png) no-repeat left -71px;
	width: 67px;
	height: 67px;
	position: absolute;
	display: block;
	top: 60px;
	left: 122px;
}
.wzjs_l1 a:hover i {
	background: url(/template/pc/skin/images2/ld1.png) no-repeat left 0px;
	display: block;
	height: 67px;
}
.wzjs_l2 a i {
	background: url(/template/pc/skin/images2/ld2.png) no-repeat left -71px;
	width: 67px;
	height: 67px;
	position: absolute;
	display: block;
	top: 60px;
	left: 122px;
}
.wzjs_l2 a:hover i {
	background: url(/template/pc/skin/images2/ld2.png) no-repeat left 0px;
	display: block;
	height: 67px;
}
.wzjs_l3 a i {
	background: url(/template/pc/skin/images2/ld3.png) no-repeat left -71px;
	width: 67px;
	height: 67px;
	position: absolute;
	display: block;
	top: 60px;
	left: 122px;
}
.wzjs_l3 a:hover i {
	background: url(/template/pc/skin/images2/ld3.png) no-repeat left 0px;
	display: block;
	height: 67px;
}
.wzjs_l4 a i {
	background: url(/template/pc/skin/images2/ld4.png) no-repeat left -71px;
	width: 67px;
	height: 67px;
	position: absolute;
	display: block;
	top: 60px;
	left: 122px;
}
.wzjs_l4 a:hover i {
	background: url(/template/pc/skin/images2/ld4.png) no-repeat left 0px;
	display: block;
	height: 67px;
}
.wzjs_l5 a i {
	background: url(/template/pc/skin/images2/ld5.png) no-repeat left -71px;
	width: 67px;
	height: 67px;
	position: absolute;
	display: block;
	top: 60px;
	left: 122px;
}
.wzjs_l5 a:hover i {
	background: url(/template/pc/skin/images2/ld5.png) no-repeat left 0px;
	display: block;
	height: 67px;
}
.wzjs_ldys1 ul li a h3 {
	color: #026bbc;
	font-size: 28px;
	padding-top: 105px;
}
.wzjs_ldys1 ul li a:hover h3 {
	color: #fff;
}
.wzjs_ldys1 ul li a p {
	line-height: 20px;
	padding-top: 10px;
	font-size: 13px;
}
.lcBox {
    padding-top: 70px;
    background: #f6f6f6;
}
.lcBox .lctop {
    text-align: center;
}
.lcBox .lctop p {
    font-size: 24px;
    color: #026bbc;
}
.lcBox .lctop h5 {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    margin: 10px 0;
}
.lcBox .lctop em {
    display: block;
    font-size: 23px;
    color: #bfbfbf;
    margin-bottom: 25px;
}
.lcBox .lctop i {
    display: block;
    background: url(/template/pc/skin/images2/line.png) no-repeat center;
    width: 100px;
    height: 2px;
    margin: 0 auto;
    background-size: 100% 100%;
}
.lcBox .lcont {
    background: url(/template/pc/skin/images2/lcbg.png) no-repeat center;
    height: 666px;
    margin-top: 22px;
    background-size: 140%;
}
/* GMPæ•´æ”¹ æ ç›®é¡µ */
.main_qwyxtg_shhmtyx {
    /* height: 600px; */
}
.common_tit {
    text-align: center;
    clear: both;
    float: none;
}
.main_qwyxtg_shhmtyx .common_tit {
    height: 158px;
    padding-top: 40px;
}
.common_tit h2 {
    color: #026bbc;
    font-size: 50px;
    display: block;
}
.common_tit p {
    font-size: 20px;
    padding-top: 10px;
    color: #333;
    font-weight:normal;
}
.common_tit i {
    font-size: 0;
    line-height: 0;
    background-color: #026bbc;
    display: inline-block;
    height: 5px;
    width: 70px;
    margin-top: 10px;
}
.main_qwyxtg_shhmtyx .box{
    margin-top: 50px;
}
.main_qwyxtg_shhmtyx .box ul li {
    float: left;
    width: 22%;
    text-align: center;
    margin-right: 4%;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 5%;
}
.main_qwyxtg_shhmtyx .box ul li:nth-child(4n) {
    margin-right:0;
}
.main_qwyxtg_shhmtyx .box ul li img{
    width:70%;
}
.main_qwyxtg_shhmtyx .box ul li strong {
    font-size: 24px;
    font-weight: normal;
    display: block;
    padding-top: 22px;
    padding-bottom: 15px;
    color: #666666;
}
.main_qwyxtg_shhmtyx .box ul li p{
    width:80%;
    margin:0 auto;
}
.main_qwyxtg_haochu {
    background-image: url(/template/pc/skin/images2/p2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 861px;
    background-size: cover;
}
.main_qwyxtg_haochu .box {
    height: 861px;
    position: relative;
}
.main_qwyxtg_haochu .box .left {
    position: absolute;
    left: 90px;
    top: 130px;
    width: 650px;
}
.main_qwyxtg_haochu .box .left h2 {
    color: #FFFFFF;
    font-size: 50px;
}
.main_qwyxtg_haochu .box .left ul {
}
.main_qwyxtg_haochu .box .left ul li {
    height: 56px;
    display: block;
    margin-top: 38px;
    color: #c3e0ee;
    clear: both;
    float: none;
}
.main_qwyxtg_haochu .box .left ul li img {
    float: left;
    margin-right: 10px;
}
.main_qwyxtg_haochu .box .left ul li strong {
    font-size: 24px;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 24px;
    display: block;
    padding-bottom: 10px;
    padding-top: 2px;
}
.main_qwyxtg_haochu .box .left ul li P {
    font-size: 16px;
    display: table-row;
    line-height: 19px;
}
.main_qwyxtg_haochu .box .left .btn {
    padding: 120px 12px 0;
    font-size: 14px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
}
 .page_pro_sd_two div.btn {
    padding: 30px 0px 0;
    display: table;
}
.main_qwyxtg_haochu .box .left .btn a, .page_pro_sd_two div.btn a{
    display: block;
    float: left;
    height: 50px;
    width: 165px;
    line-height: 50px;
    text-align: center;
    margin-right: 40px;
    font-size: 18px;
    background-color: #026bbc;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.page_pro_sd_two div.btn a.dz{
    width: 256px;
}
.main_qwyxtg_haochu .box .left .btn a.sq, .page_pro_sd_two div.btn a.sq {
    color: #026bbc;
    border: 2px solid #026bbc;
    height: 46px;
    width: 161px;
    background-color: #FFFFFF;
    line-height: 46px;
}
.main_qwyxtg_haochu .box .right {
    position: absolute;
    right: 200px;
    bottom: 50px;
    width: 80%;
    float: left;
}
.main_qwyxtg_haochu .box .right div {
    position: absolute;
}
.main_qwyxtg_haochu .box .right .m1 {
    height: 688px;
    width: 736px;
    z-index: 1;
    right: -40px;
    bottom: 0px;
}
.main_qwyxtg_haochu .box .right .m2 {
    right: 22px;
    bottom: 240px;
    z-index: 2;
}
.main_qwyxtg_haochu .box .right .m3 {
    height: 445px;
    width: 677px;
    right: 30px;
    bottom: 280px;
    z-index: 3;
}
.main_qwyxtg_duibi {
    background-color: #eef5f9;
    height: 744px;
}
.main_qwyxtg_duibi .common_tit {
    height: 149px;
    padding-top: 80px;
}
.main_qwyxtg_duibi .box {
    padding: 25px;
}
.main_qwyxtg_duibi .box ul li {
    height: 51%;
    width: 21%;
    float: left;
    margin: 2%;
    box-shadow: 0px 0px 25px #c5cfd5;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
    line-height: 24px;
    box-sizing: border-box;
}
.main_qwyxtg_duibi .box ul li .ico {
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    padding-top: 55px;
    padding-bottom: 48px;
    opacity: 0.53;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 53);
    filter: alpha(opacity = 53);
}
.main_qwyxtg_duibi .box ul li .ico img {
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}
.main_qwyxtg_duibi .box ul li:hover .ico img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    -webkit-filter: grayscale(0);
}
.main_qwyxtg_duibi .box ul li strong {
    font-size: 30px;
    font-weight: normal;
    color: #026bbc;
    display: block;
    padding-bottom: 20px;
    padding-top: 5px;
}
.main_qwyxtg_duibi .box ul li p {
    font-size: 18px;
    line-height: 27px;
}
.main_scdy {
    /* height: 600px; */
    background-image: url(/template/pc/skin/images2/p1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 60px;
}
.main_scdy .common_tit p{
    color:#ffffff;
}
.main_scdy .box{
    margin-top: 60px;
    padding-bottom: 100px;
}
.main_scdy .box ul li {
    width: 17.6%;
    float: left;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background-image: url(/template/pc/skin/images2/bg1.png);
    background-repeat: no-repeat;
    background-position: 95% 64px;
    padding-right: 3%;
    /* box-sizing: border-box; */
}
.main_scdy .box ul li:nth-child(5n) {
    background-image: none;
    padding-right: 0;
}
.main_scdy .box ul li .ico {
    height: 144px;
    width: 144px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    display: table;
    text-align: center;
    background-color: #FFF;
    margin-bottom: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #026bbc;
}
.main_scdy .box ul li .ico span {
    vertical-align: middle;
    display: table-cell;
}
.main_qwyxtg_tisheng {
    height: 717px;
    background-color: #eaeaea;
}
.main_qwyxtg_tisheng .common_tit {
    height: 149px;
    padding-top: 80px;
}
.main_qwyxtg_tisheng .common_tit p {
    color: #ff5b00;
}
.main_qwyxtg_tisheng .box{
    margin-top: 50px;
}
.main_qwyxtg_tisheng ul li {
    float: left;
    width: 22%;
    text-align: center;
    color: #666;
    line-height: 26px;
    margin-right: 4%;
    box-sizing: border-box;
}
.main_qwyxtg_tisheng ul li:nth-child(4n) {
    margin-right: 0;
}
.main_qwyxtg_tisheng ul li .ico {
    height: 155px;
    width: 155px;
    margin-right: auto;
    margin-left: auto;
    line-height: 156px;
    font-size: 45px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: url(/template/pc/skin/images2/bg3.png);
    overflow: hidden;
}
.main_qwyxtg_tisheng ul li strong {
    font-size: 24px;
    font-weight: normal;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.main_qwyxtg_tisheng ul li p {
    font-size: 18px;
    line-height: 27px;
    width: 90%;
    margin: 0 auto;
}
/* åŒ»ç–—å™¨æ¢°ç”Ÿäº§è®¸å¯å»¶ç»­ æ ç›® */
.layout {
    overflow: hidden;
    width: 100%;
    display: block;
}
#fh5co-service-list .bg-service {
    padding: 75px 0 150px;
}
.line h2 {
    color: rgb(30, 80, 174);
    font-size: 50px;
    margin: 0 auto 13px;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 1;
}
.line h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 22px;
    right: 0;
    width: 100%;
    height: 3px;
    background: url(/template/pc/skin/images2/heading-bg.jpg) no-repeat center center;
    z-index: -1;
}
#fh5co-service-list .line{    
    text-align: center;
}
.line p {
    color: rgb(153, 153, 153);
    font-size: 20px;
    margin-bottom: 18px;
}
.line span {
    font-size: 18px;
    color: rgb(153, 153, 153);
    line-height: 25.2px;
    display: block;
}
.line:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
#fh5co-service-list .show-list {
    padding-top: 30px;
}
#fh5co-service-list .text-right {
    text-align: right;
}
#fh5co-service-list .xl12 {
    width: 33.33333333%;
    float: left;
}
#fh5co-service-list .show-list .item1, #fh5co-service-list .show-list .item3 {
    margin-bottom: 60px;
}
#fh5co-service-list .show-list .item {
    box-sizing: border-box;
}
#fh5co-service-list .show-list .item h5 i {
    color: #F0F0F0;
    font-size: 95px;
    height: 125px;
    display: inline-block;
    margin-right: 8px;
}
#fh5co-service-list .show-list .item h5 {
    font-size: 26px;
    color: rgb(30, 80, 174);
    font-style: italic;
    font-weight: bold;
}
#fh5co-service-list .text-uppercase {
    text-transform: uppercase;
}
#fh5co-service-list .show-list .item p.desc {
    color: rgb(102, 102, 102);
    font-size: 16px;
    line-height: 25px;
}
#fh5co-service-list .text-center, #fh5co-yazhou-list .text-center, #fh5co-advantage-list .text-center, #fh5co-profession-list .text-center, #fh5co-about-us .text-center{
    text-align: center;
}
#fh5co-service-list .show-list .media-img {
    margin-top: 65px;
}
#fh5co-service-list .show-list .media-img img {
    max-width: 100%;
}
#fh5co-service-list .text-left {
    text-align: left;
}
#fh5co-yazhou-list .bg-yazhou {
    padding: 115px 0 130px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    background-image: url(https://vip.helloimg.com/images/2023/11/14/ovG0YS.png);
}
#fh5co-yazhou-list .show-list h3 {
    font-size: 69px;
    font-weight: bold;
}
#fh5co-yazhou-list .show-list p.desc {
    font-size: 19px;
    line-height: 25px;
    margin: 25px 0;
    color: #fff;
}
#fh5co-yazhou-list .show-list p.content {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
#fh5co-advantage-list .bg-advantage {
    padding: 90px 0 120px;
}
#fh5co-advantage-list .xm5{
    width: 41.66666667%;
    float: left;
}
#fh5co-advantage-list .show-list .media-img {
    margin-top: 20px;
}
#fh5co-advantage-list .show-list .media-img img {
    width: 70%;
}
#fh5co-advantage-list .xm7{
    width: 58.333333%;
    float: left;
    margin-top: 27px;
}
#fh5co-advantage-list .show-list .show-content {
    position: relative;
    z-index: 1;
}
#fh5co-advantage-list .show-list .show-content .show-content-bg {
    position: absolute;
    left: 4%;
    background: #F3F6FB;
    top: 0;
    right: 0;
    bottom: 0;
    width: 92%;
    height: 100%;
    z-index: -1;
}
#fh5co-advantage-list .show-list .show-content .inner {
    padding: 35px 74px 35px 0;
}
#fh5co-advantage-list .show-list .media {
    padding-bottom: 25px;
}
#fh5co-advantage-list .show-list .media .small_img {
    width: 81px;
    margin: 3px 30px 0 0;
    float: left;
}
#fh5co-advantage-list .show-list .media .small_img img {
    max-width: 100%;
}
.media.media-x .media-body {
    margin: 27px 0 0;
}
#fh5co-advantage-list .show-list .media .media-body h3 {
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
}
#fh5co-advantage-list .show-list .media .media-body p.desc {
    font-size: 14px;
    color: rgb(120, 120, 120);
    line-height: 25px;
}
#fh5co-advantage-list .show-list .media-x {
    margin-top: 15px;
}
#fh5co-profession-list .bg-profession {
    padding: 168px 0 135px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    background-image: url(https://vip.helloimg.com/images/2023/11/14/ovGQeC.png);
}
#fh5co-profession-list .xl6{
    width: 25%;
    margin-bottom: 30px;
    float:left;
    box-sizing: border-box;
}
#fh5co-profession-list .show-list .item-block .item {
    position: relative;
}
#fh5co-profession-list .show-list .media-img {
    max-width: 145px;
    margin: 0 auto;
}
#fh5co-profession-list .chazoomimgs1 {
    padding-bottom: 100%;
}
#fh5co-profession-list .zoomimgs {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#fh5co-profession-list .show-list h5 {
    font-size: 28px;
    color: #fff;
    margin: 27px 0;
}
#fh5co-profession-list .show-list p.desc, #fh5co-profession-list .show-list p.content {
    font-size: 18px;
    line-height: 25px;
}
#fh5co-profession-list .show-list .item-block .item:after {
    content: "";
    position: absolute;
    right: -59px;
    width: 105px;
    height: 30px;
    top: 56px;
    background: url(/template/pc/skin/images2/item-bg.png) no-repeat left top;
}
#fh5co-profession-list .show-list .item-block:last-child .item:after {
    background: none;
}
#fh5co-about-us .bg-about {
    padding: 75px 0 120px;
}
#fh5co-about-us .show-list {
    padding-top: 50px;
}
#fh5co-about-us .xl12-left{
    width: 45%;
    float: left;
    margin-left: 5%;
}
#fh5co-about-us .xl12-right{
    width: 50%;
    float: left;
}
#fh5co-about-us .show-list .show-content {
    margin-top: 40px;
}
#fh5co-about-us .show-list .media {
    padding-bottom: 20px;
}
#fh5co-about-us .show-list .media .small_img {
    width: 96px;
    margin: 0px 20px 0 0;
    float: left;
}
#fh5co-about-us .show-list .media .small_img img {
    max-width: 100%;
}
#fh5co-about-us .show-list .media .media-body h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
}
#fh5co-about-us .show-list .media .media-body p.desc {
    font-size: 18px;
    color: rgb(102, 102, 102);
    line-height: 25px;
    text-align: justify;
}
#fh5co-about-us .show-list .media-img img {
    max-width: 100%;
}
/* ç”Ÿäº§è®¸å¯å˜æ›´ æ ç›®é¡µ */
.about-text-grid{
    width: 44%;
    float:left;
    margin-right: 9%;
    margin-left: 3%;
}
.about-text-grid-2 {
    width: 44%;
    float: left;
}
.about-text-grid-3{
    width: 44%;
    float:left;
    margin-right: 9%;
    margin-left: 2%;
}
.abbot-right {margin-top: auto  !important;}
.abbot-top {
    width: 45%;
    float: left;
}
.py-sm-5, .py-lg-5 {
    padding-bottom: 3rem;
    padding-top: 3rem;
}
h2.w3pvt-title {
    color: #3b67b3;
    text-transform: capitalize;
    font-size: 50px;
    text-shadow: 0px 1px 1px #000000;
}
span.sub-title {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
}
.mt-3{
    color: #777;
    font-size: 18px;
    line-height: 2;
    margin-top: 1rem;
}
.mt-4 {
    color: #777;
    font-size: 18px;
    line-height: 2;
    margin-top: 3rem;
}
.my-4 {
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    color: #777;
    font-size: 20px;
    line-height: 2;
}
.service-text-grid p {
    width: 60%;
    margin: 1.5rem auto;
}
a.serv_link {
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 5px;
    padding: 18px 65px;
    border-radius: 45px;
    background: #3b67b3;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: 22px;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-transform: capitalize;
}
a.serv_linkbtn {
    background: #fac960 !important; 
    color: #343a40 !important;
    text-transform: capitalize;
    border: 1px solid #000;
    margin-left: 1rem;
}
.bg-theme1 {
    background: #3b67b3;
}
.py-sm-4 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.py-3kuan {
    width: 65%;
    margin: 0 auto;
    overflow: hidden;
}
h4.abt-text {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    float: left;
    text-transform: capitalize;
}
.bg-theme2 {
    background: #fac960 !important;
}
.bg-theme2.bg-right {
    float:right;
}
.offer-wthree .head-row-home {
    text-align:center;
}
.my-sm-4 {
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
}
.home-grid {
    padding: 2em 1em 1.2em;
    border: 1px solid #d4cfcf;
}
.home-grid .img-fluid {
    width: 90px;
}
h4.home-title {
    font-size: 1em;
    text-transform: uppercase;
    color: #000;
}
.home-grid p {
    width: 85%;
    margin: 0 auto;
}
.wthree-bnr-btn {
    display: inline-block;
    border-top: 1px solid #fac960;
    border-radius: 0;
    margin-top: 1em;
    padding: 10px 0;
    color: #3b67b3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.bg-theme3 {
    background: #fac960 !important;
    text-align:center;
    padding: 3rem 0;
}
.py-sm-3 {
    padding: 3rem 0;
}
h5.w3pvt-title {
    color: #6c757d;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 50px;
}
.text-white {
    color: #fff !important;
}
.mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem;
}
.img-grid:nth-child(odd) {
    margin-top: 3em;
}
.img-grid:nth-child(3n) {
    margin-right: 0;
}
.img-grid {
    float:left;
    box-sizing: border-box;
    width: 33.3333%;
    padding: 0 1%;
}
.o-gutters {
    width:100%;
}
.o-gutters .img-fluid {
    max-width:100%;
}
.img-grid-btm .my-4 {
    width: 60%;
    margin: 1.5rem auto;
}
.img-grid-list {
    margin-top: 5em;
}
ul.img-grid-list li {
    width: 24.96%;
    float:left;
    border-right:1px solid;
    margin-bottom: 3em;
    box-sizing: border-box;
}
ul.img-grid-list li:nth-child(4n) {
    border-right:none;
}
ul.img-grid-list li img{
    width: 30%;
}
ul.img-grid-list li h5 {
    color: #777;
    font-size: 22px;
    text-transform: capitalize;
}
.wthree-row2 {
}
#features .rounded {
    border-radius: 0.25rem;
    margin-left: 7%;
}
.img-fluid {
    max-width: 100%;
    height: auto;
    object-fit: fill;
}
.height425 {
    height:425px;
}
.width100 {
    width: 100%;
}
.img-fluid.guding {
}
.img-fluid.rounded{
    max-width: 85%;
}
.list-head li {
    margin: 15px 0 0;
    color: #eee;
    font-size: 1em;
}
.mr-3 {
    margin-right: 0.5rem;
}
/* æ¶ˆæ¯’è¯ä¸€çº§æ ç›® */
.feature-icon-wrapper {
    padding: 100px 0 50px;
}
.list1{
    float: left;
    width: 100%;
}
.section-title {
    margin-bottom: 85px;
    text-align: center;
}
.bottom50 {
    margin-bottom: 50px;
}
.section-title h2 {
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 1em;
}
.section-title p.lead {
    color: #888888;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 300;
    line-height: 1.4;
}
.list2 {padding-left: 2%;padding-right: 2%;overflow: hidden;}
.list2 .list2-1{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 3% 0 5%;
}
.icon-left-style {
    /* margin-bottom: 34px; */
    padding: 5% 0%;
}
.list2 .list2-1 .media:first-child {
    margin-top: 0;
}
.media-body, .media-left, .media-right {
    display: inline;
}
.icon-left-style .media img {
    /* max-width: 100%; */
    width: 80px;
}
.media-object {
    display: block;
}
.icon-left-style .media .media-body {
    font-size: 14px;
}
.icon-left-style .media .media-heading {
    font-size: 26px;
    margin-bottom: 16px;
    line-height: 1.08em;
    font-weight: 500;
    /* margin-top: 12px; */
}
.icon-left-style .media .media-heading2 {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 22px;
    font-weight: 300;
    margin-top: 18px;
    height: 60px;
}
.section-our-approach {
    padding: 70px 0 60px;
}
.gray-bg {
    background-color: #f5f5f5;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.list3 {
    width: 100%;
    float: left;
}
.media-middle {
    vertical-align: middle;
}
.media-left{
    padding-right: 3%;
    float: left;
}
.list3left{
    width: 47%;
}
.list3right{
    width: 60%;
    padding-right: 2% !important;
}
.section-our-approach .up-title {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.6em;
    color: #888888;
}
.section-our-approach .media-heading {
    margin-bottom: 30px;
    font-size: 42px;
    line-height: 1em;
    font-weight: 700;
}
.section-our-approach p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 36px;
}
.section-our-approach p a{
    background: #3d59e8;
    padding: 25px 60px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}
.media-body {
    /* padding-right: 8%; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343a40;
}
.noright {
    padding-right: 0;
}
.section-process-wrapper {
    padding: 100px 0;
}
.list-4 {
    width: 33.33333333%;
    float:left;
    box-sizing: border-box;
    margin: 0 0 20px;
    position: relative;
}
.text-center {
    text-align: center;
}
.process-block i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-style: normal;
    font-size: 30px;
    font-weight: 400;
    display: block;
    border: 2px solid #cccccc;
    border-radius: 100%;
    color: #82b541;
    margin: 0 auto;
}
.process-block h3 {
    margin: 30px 0 20px;
    font-size: 30px;
    line-height: 1.08em;
    font-weight: 500;
}
.process-block p{
    font-size: 18px;
    line-height: 1.6em;
    color: #888888;
    font-weight: normal;
    width: 80%;
    margin: 0 auto;
}
.action-button-wrapper {
    margin-top: 70px;
}
.btn-default {
    color: #ffffff;
    background-color: #f7941d;
    padding: 20px 40px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    border-radius: 3px;
    border: 0;
}
.section-statistics {
    padding: 100px 0;
    background: url(/template/pc/skin/images2/img-statistics-bg.jpg);
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    background-size: cover;
}
.section-statistics::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
}
.section-statistics .statistics-item {
    color: #ffffff;
    text-align: center;
    padding: 20px;
    
}
.section-statistics .number {
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}
.section-statistics .statistics-item p {
    font-size: 18px;
    color: rgba(255, 255, 255, .7);
    margin: 0 auto;
    width: 80%;
}
.about-section {
    margin: 100px 0;
}
.about-top {
    text-align: center;
    margin: 0em 0em 2em;
}
h3.subheading-wthree {
    color: #e86085;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 3px;
    margin-bottom: 0.5em;
    text-transform: capitalize;
}
p.para-w3l {
    color: #555;
    line-height: 2em;
    font-size: 18px;
    letter-spacing: 0.7px;
}
p.width80 {
    width:80%;
    margin:0 auto;
}
.text-center80 {
    margin: 0 auto;
    width: 80%;
}
.about-top a.read {
    border: none;
    outline: none;
    background: #3d59e8;
    padding: 25px 60px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 600;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    text-decoration: none;
    margin-top: 1.5em;
}
.about-main {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.about-w3-left {
    flex-basis: 45%;
    -webkit-flex-basis: 45%;
}
.about-img {
    background: url(https://vip.helloimg.com/images/2023/11/14/ovGp2Q.jpg)no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    height: 557px;
}
.about-bottom {
    padding: 2.5em 2em;
    background: #3d59e8;
}
p.white-clr, h3.white-clr {
    color: #fff;
}
.about-w3ls-right {
    flex-basis: 50%;
    -webkit-flex-basis: 50%;
    padding: 0em 0 2em 3em;
}
.about-w3ls-right ul li {
    font-size: 16px;
    letter-spacing: 1px;
    display: block;
    margin-top: 21px;
    color: #777;
}
.about-w3ls-right ul li span {
    margin-right: 1%;
    color: #000;
    /* width: 40px; */
}
.about-w3ls-right ul li p {
    color: #000;
    display: inline-table;
    font-size: 18px;
    line-height: 40px;
}
/* æ¶ˆæ¯’è¯ äºŒçº§æ ç›® */
.aboutxd {
    padding-bottom: 5rem !important;
    padding-top: 3rem !important;
}
.py-5-xd{
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
}
.py-md-3-xd {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
.containerxd {
    width: 94%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
h3.heading {
    font-size: 50px;
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #1d1e22;
}
.mb-md-5-xd {
    margin-bottom: 3rem !important;
}
.rowxd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}
.mb-lg-0 {
    margin-bottom: 0 !important;
}
.about-grids p {
    margin: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #666;
    line-height: 26px;
}
.about-grids p {
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
    color: #666;
    line-height: 26px;
}
.mb-3-xd, .my-3-xd {
    margin-bottom: 1rem !important;
}
.mt-2-xd, .my-2-xd {
    margin-top: 0.5rem !important;
}
.about-grids a {
    color: #fff;
    font-size: 16px;
    background: #dc3545;
    padding: 10px 30px;
    letter-spacing: 2px;
    display: inline-block;
    box-shadow: 4px 4px #ccc;
    -webkit-box-shadow: 4px 4px #ccc;
    -o-box-shadow: 4px 4px #ccc;
    -moz-box-shadow: 4px 4px #ccc;
    -ms-box-shadow: 4px 4px #ccc;
}
.col-lg-3-xd {
    max-width: 25%;
    /* position: relative; */
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-lg-2-xd {
    max-width: 20%;
    /* position: relative; */
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.about-grids h3.margin {
    margin-bottom: 15px;
}
.about-grids h3 {
    background: #dc3545;
    padding: 1.2em;
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: capitalize;
}
h3.black {
    background: #333;
}
h3.green {
    background: #17a2b8;
}
h3.grey {
    background: #30c39e;
}
.workxd {
    background: url(https://vip.helloimg.com/images/2023/11/14/ovGzKt.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-attachment: fixed;
}
.work-layer-xd {
    background: rgba(0, 0, 0, 0.6);
}
.workxd h3 {
    color: #fff;
}
.join-xd {
    margin: 6em 0 4em;
}
.steps-reach {
    position: relative;
}
.col-md-3-xd {
    max-width: 25%;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.steps-reach i {
    font-size: 60px;
    color: #fff;
}
.steps-reach h4 {
    font-size: 30px;
    color: #ccc;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}
.steps-reach h4:after {
    position: absolute;
    content: '';
    width: 15%;
    height: 2px;
    background: #ccc;
    top: 50%;
}
.steps-reach p {
    font-size: 24px;
    color: #ccc;
    letter-spacing: 1px;
    line-height: 30px;
    width: 77%;
}
.style-border-xd {
    position: absolute;
    bottom: -70%;
    right: -62px;
    width: 63%;
    transform: rotate(-20deg);
}
.second-border-xd {
    position: absolute;
    bottom: 33%;
    right: -49px;
    width: 63%;
    transform: rotate(20deg);
}
.style-border-xd img {
    width: 100%;
}
.icon-wenjian::before {
	content: '\e613';
}
.mb-lg-5-xd, .my-lg-5-xd {
    margin-bottom: 3rem !important;
}
.col-lg-4-xd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.service_grids h4 {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 2px;
    color: #333;
    position: relative;
}
.service_grids h4:after {
    position: absolute;
    content: '';
    width: 15%;
    height: 2px;
    background: #000;
    top: 50%;
}
.service_grids p {
    margin: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #666;
    line-height: 26px;
}
.service_grids a {
    font-size: 16px;
    color: #dc3545;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: right;
    display: block;
    margin-top: 10px;
    margin-right: 20px;
}
.icon-youjiantou::before {
	content: '\e631';
}
.mt-4-xd, .my-4-xd {
    margin-top: 3.5rem !important;
}
.containerxd-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.services-bottom {
    background: url(https://vip.helloimg.com/images/2023/11/14/ovGzKt.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.col-lg-6-xd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.p-0 {
    padding: 0 !important;
}
.layer {
    background: rgba(0, 0, 0, 0.6);
    padding: 7em 5em 8em 5em;
    /* height: 380px; */
}
.services-bottom h3, .clients h3{
    color: #fff;
}
.col-sm-6-xds {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.countericon, .counterinfo {
    float: left;
}
.agileits_w3layouts_about_counter_left i {
    font-size: 36px;
    line-height: 45px;
    margin-right: 24px;
}
.services-bottom i.icon-file {
    color: #17a2b8;
}
.icon-file:before {
    content: "\e649";
}
.agileits_w3layouts_about_counter_left p {
    font-size: 3em;
    font-weight: 600;
    color: #fff;
}
.agileits_w3layouts_about_counter_left h3 {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-weight:  normal;
}
.mt-5-xd, .my-5-xd {
    margin-top: 3rem !important;
}
.clients {
    background: #232323;
    background: #dc3545;
    padding: 7em 10em 1em 6em;
}
.flexslider {
    margin: 0 0 40px;
    background: transparent;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    zoom: 1;
}
.flex-viewport {
    max-height: 1500px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    overflow: hidden;
    position: relative;
}
.flexslider .slides {
    zoom: 1;
}
.flex-active-slide p {
    line-height: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 18px;
    padding-bottom: 2em;
}
.client {
    margin-top: 0em;
}
.flexslider .slides img {
    width: 8%;
    display: block;
    border-radius: 50%;
    float: left;
}
.client h5 {
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: 600;
    float: left;
    margin-top: 1em;
    margin-left: 1em;
}
.quotes-info {
    padding: 0 20em;
}
.quotesxd h3 {
    letter-spacing: 2px;
    line-height: 1.4em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    font-size: 50px;
    text-transform: uppercase;
}
.quotesxd p {
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
    color: #666;
    line-height: 26px;
}
.quotesxd a {
    color: #fff;
    font-size: 16px;
    background: #dc3545;
    padding: 10px 30px;
    letter-spacing: 2px;
    display: inline-block;
    box-shadow: 4px 4px #ccc;
    -webkit-box-shadow: 4px 4px #ccc;
    -o-box-shadow: 4px 4px #ccc;
    -moz-box-shadow: 4px 4px #ccc;
    -ms-box-shadow: 4px 4px #ccc;
}
.quotesxd a.start {
    color: #fff;
    font-size: 16px;
    background: #333;
    padding: 10px 30px;
    letter-spacing: 2px;
    display: inline-block;
    box-shadow: 4px 4px #ccc;
    -webkit-box-shadow: 4px 4px #ccc;
    -o-box-shadow: 4px 4px #ccc;
    -moz-box-shadow: 4px 4px #ccc;
    -ms-box-shadow: 4px 4px #ccc;
}
.mr-2-xd {
    margin-right: 1rem !important;
}
/* æ¶ˆå­—å·å¤‡æ¡ˆ æ ç›®é¡µ */
h3.headingxdba {
    font-size: 50px;
    text-align: center;
    color: #333;
    font-weight: 600;
    letter-spacing: 5px;
    position: relative;
    margin-bottom: 25px;
}
h3.headingxdba:after {
    position: absolute;
    content: '';
    width: 10%;
    height: 3px;
    background: #333;
    left: 45%;
    bottom: -18%;
}
.about-gridsxdba {
    margin-top: 6em;
    height: 425px;
}
.about-gridsxdba h4 {
    font-size: 24px;
    line-height: 35px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
}
.about-gridsxdba p {
    color: #666;
    line-height: 33px;
    letter-spacing: .5px;
    font-size: 18px;
}
.wthree_skills p {
    line-height: 30px;
}
.my-4-xdba {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.my-2-xdba {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.about-gridsxdba a {
    padding: 11px 35px;
    color: #fff;
    background: #0a8ea0;
    border: 2px solid #0a8ea0;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
.bar-grids h6 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .5px;
}
.mb-2-xd, .my-2-xd {
    margin-bottom: 0.5rem !important;
}
.bar-grids h6 span {
    float: right;
    font-size: 1em;
}
.icon-dianji:before {
    content: "\e6ca";
}
.aboutxdba .img-fluid2 {
    height:370px;
    object-fit: cover;
}
.servicesxdba {
    background: #30c39e;
}
.col-md-6-xdba {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: border-box;
}
.blogxdba h3.headingxdba, .servicesxdba h3.headingxdba {
    color: #fff;
}
.blogxdba h3.headingxdba:after, .servicesxdba h3.headingxdba:after {
    background: #fff;
}
.service-gridsxdba {
    margin-top: 2em;
}
.w3-icon-grid1 {
    position: relative;
}
.w3-icon-grid1 h3 {
    text-transform: capitalize;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.w3-icon-grid1 h3 i {
    color: #fff;
    font-size: 32px;
    margin-right: 8px;
}
.w3-icon-grid1 p {
    color: #eee;
    margin: 1em 0;
    line-height: 30px;
    letter-spacing: .5px;
    font-size: 16px;
}
.icon-wangzhanshezhi:before {
    content: "\e600";
}
.icon-shoujitianchong:before {
    content: "\e6b9";
}
.icon-diannao:before {
    content: "\e642";
}
.icon-xiangji2:before {
    content: "\e780";
}
.icon-kefufill:before {
    content: "\e740";
}
.icon-yunxiazai:before {
    content: "\e601";
}
.pb-3-xdba, .py-3-xdba {
    padding-bottom: 1rem !important;
    padding-top: 1rem  !important;
}
.exp-grids {
    margin-top: 5em;
}
.exp-grids img{
    width:100%;
    height: 350px;
}
.experiencexdba .exp {
    background: #f8f9fa;
    padding: 2em;
    height: 255px;
}
.experiencexdba .exp-grids h4, .experiencexdba .exp-grid1 h4 {
    text-transform: capitalize;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.experiencexdba .exp-grids span {
    font-size: 16px;
    background: #30c39e;
    color: #fff;
    padding: 5px 10px;
    float: right;
}
.experiencexdba .exp-grids p {
    line-height: 24px;
    letter-spacing: .5px;
    font-size: 16px;
    color: #666;
    margin-bottom: 22px;
}
.experiencexdba .exp-grids p.txt {
    margin-bottom: 10px;
}
.blogxdba {
    background: url(https://vip.helloimg.com/images/2023/11/14/ovGDou.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
.blog-grids, .project-grids {
    margin-top: 5em;
}
.col-lg-7-xdba {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
h4.left-grid-blog {
    font-size: 32px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: .7em;
}
p.left-grid-blog {
    color: #ccc;
    line-height: 30px;
    letter-spacing: .5px;
    margin-bottom: 28px;
    font-size: 16px;
}
.blog-grid1 {
    padding: 2em;
    background: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.blog-grid1 h5 {
    letter-spacing: 1px;
    font-size: 16px;
    background: #30c39e;
    color: #fff;
    padding: 5px 10px;
    float: right;
}
.blog-grid1 h4 {
    font-size: 24px;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 1em;
    letter-spacing: .5px;
    color: #333;
    font-weight: 600;
}
.blog-grid1 p {
    color: #999;
    line-height: 28px;
    letter-spacing: .5px;
    font-size: 16px;
}
.blog-grid1 a {
    color: #0a8ea0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 35px;
    display: inline-block;
}
.galleryxdba img {
    width:100%;
    position: relative;
}
.galleryxdba p {
    display: inline-block;
    position: relative;
    top: -205px;
    text-align: center;
    width: 100%;
    font-size: 26px;
    color: #ffffff;
    line-height: 26px;
    text-shadow: 0 5px 10px rgba(0,0,0,.5);
    padding:10px 0;
}
.galleryxdba p:hover {

    padding:10px 0;
    background:#666666

}
.textxdba {
    background: #0a8ea0;
}
.textxdba p {
    margin: 0;
    color: #ddd;
    line-height: 28px;
    letter-spacing: .5px;
    width: 70%;
    margin: 20px auto;
    font-size:18px;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
a.work, a.hire:hover {
    padding: 11px 35px;
    color: #0a8ea0;
    background: #fff;
    border: 2px solid #fff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
a.work:hover, a.hire {
    background: #333;
    border: 2px solid #333;
    color: #fff;
    padding: 11px 35px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
.text-capitalize {
    text-transform: capitalize !important;
}
/* é£Ÿå“ç”Ÿäº§è®¸å¯è¯ é¡¶çº§æ ç›® */
.pb-5-sp, .py-5-sp {
    padding-bottom: 3rem !important;
}
.pt-5-sp, .py-5-sp {
    padding-top: 3rem !important;
}
.pb-xl-5-sp, .py-xl-5-sp {
    padding-bottom: 3rem !important;
}
.pt-xl-5-sp, .py-xl-5-sp {
    padding-top: 3rem !important;
}
.pr-lg-5-xd, .px-lg-5-xd {
    padding-right: 3rem !important;
}
.grids-w3 {
    padding-right: 4rem !important;
}
h4.sub-tittle-w3layouts {
    color: #00d0ff;
    font-size: 24px;
}
.let {
    letter-spacing: 1px;
}
h3.tittle-w3layouts {
    text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.15);
    font-size: 40px;
    font-weight: 100;
    position: relative;
    color: #4a4a4a;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.mt-3-xd, .my-3-xd {
    margin-top: 1rem !important;
}
h3.tittle-w3layouts:before {
    content: "";
    background: #aba9a9;
    width: 70px;
    height: 2px;
    position: absolute;
    bottom: -20px;
    left: 0;
}
p.para-text {
    color: #333;
    font-size: 18px;
}
.mt-4-sp, .my-4-sp {
    margin-top: 1.5rem !important;
}
.mb-5-sp, .my-5-sp {
    margin-bottom: 3rem !important;
}
p.para-text {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #999;
    width:70%;
}
p.para-text2 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 2.1;
    color: #999;
}
h3.w3ls-title {
    font-size: 40px;
}
.pt-lg-4-sp, .py-lg-4-sp {
    padding-top: 1.5rem !important;
}
.pb-lg-4-sp, .py-lg-4-sp {
    padding-bottom: 1.5rem !important;
}
h3.w3ls-title span {
    display: block;
    font-size: 20px;
    color: #00d0ff;
    font-weight: 400;
}
.mb-1-sp, .my-1-sp {
    margin-bottom: 0.25rem !important;
}
.mt-lg-5-sp, .my-lg-5-sp {
    margin-top: 3rem !important;
}
.services-w3ls-grid h4 {
    font-size: 1.5rem;
}
.services-w3ls-grid p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
}
.width60 {
    width:60%;
    margin:0 auto;
}
.middle-infosp {
    background: url(https://vip.helloimg.com/images/2023/11/14/ovGIiv.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
h3.w3ls-title-2 {
    font-size: 40px;
    color: #fff;
}
h3.w3ls-title-2 span {
    display: block;
    font-size: 20px;
    color: #00d0ff;
    font-weight: 400;
}
.mb-3-sp, .my-3-sp {
    margin-bottom: 1rem !important;
}
.pb-lg-5-sp, .py-lg-5-sp {
    padding-bottom: 3rem !important;
}
.mt-lg-4-sp, .my-lg-4-sp {
    margin-top: 1.5rem !important;
}
.button-style {
    padding: 14px 40px;
    border: none;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border: 2px solid #ffcd30;
    background: #ffcd30;
    display: inline-block;
}
.mr-3-sp, .mx-3-sp {
    margin-right: 1rem !important;
}
.button-style-2 {
    border: 2px solid #fff;
    background: transparent;
}
a.button-style:hover {
    color: #fff;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    text-decoration: none;
    -webkit-transition: 0.5s all;
}
.blogsp .card {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card-header {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
h5.blog-title {
    line-height: 1.3;
    margin-bottom: 0.75rem;
    font-size: 1.55rem;
}
h6.text-colors {
    color: #00d0ff;
    font-size: 1rem;
}
.card-body p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
}
.mt-3-sp, .my-3-sp {
    margin-top: 1rem !important;
}
a.button-arrow-w3 i {
    color: #a7a7a7;
    font-size: 30px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.icon-youjiantou1:before {
    content: "\e67f";
}
.pb-3-sp, .py-3-sp {
    padding-bottom: 1rem !important;
}
.pt-3-sp, .py-3-sp {
    padding-top: 1rem !important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.who-left-w3pvt {
    padding: 1em 10em 0 6em !important;
}
.col-xl-6-sp {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.mb-sm-5-sp, .my-sm-5-sp {
    margin-bottom: 3rem !important;
}
.middle-2sp p {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
}
.pt-xl-3-sp, .py-xl-3-sp {
    padding-top: 1rem !important;
}
.mt-5-sp, .my-5-sp {
    margin-top: 3rem !important;
}
.col-sm-4-sp {
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.services-w3ls-grid-2 i {
    color: #ffcd30;
    font-size: 48px;
}
.icon-shiwu:before {
    content: "\e602";
}
.icon-zizhizhengshu:before {
    content: "\e67d";
}
.icon-xueshengfazhanzhongxin:before {
    content: "\e632";
}
.services-w3ls-grid-2 h4 {
    font-size: 20px;
    padding: 0 1em;
    line-height: 1.5;
}
.mt-md-4-sp, .my-md-4-sp {
    margin-top: 1.5rem !important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.text-xl-right {
    text-align: right;
}
.rounded {
    border-radius: 0.25rem !important;
}
/* é£Ÿå“ç”Ÿäº§è®¸å¯è¯ å­æ ç›® */
.py-7-sp {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
}
.col-md-5-sp {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}
h2.dot-circle {
    font-size: 42px;
}
.dot-circle:before {
    background: rgba(0, 0, 255, 0.1);
    transition: all .25s ease-out;
    border-radius: 50%;
    content: "";
    height: 120px;
    left: -25px;
    position: absolute;
    top: -32px;
    width: 120px;
}
.text-muted {
    color: #868e96 !important;
}
p.lead {
    font-size: 18px;
}
p.lead a {
    box-shadow: inset 0 -3px 0 0 #0000ff;
    transition: all .25s ease-out;
    background: #3d59e8;
    padding: 15px 60px;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}
p.lead a:hover {
    box-shadow: inset 0 -14px 0 0 #ffff00;
    transition: all .25s ease-out;
}
p.lead2 {
    font-size: 24px;
    letter-spacing:1px;
}
p.lead2 span{
    font-weight: bold;
    color:red;
    text-shadow: 2px 2px 2px white;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.col-md-6-sp {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.p-3-sp {
    padding: 1rem !important;
}
.col-6-sp {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.bg-light h2, .bg-hero h2, .bg-process h2{
    font-size:42px;
    margin-bottom: 0.5rem;
}
.col-md-7-sp {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-md-10-sp {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.bg-light .media {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}
.icon-box.border-box {
    border: 2px solid #0000ff;
    background-color: transparent !important;
}
.icon-box {
    position: relative;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #f8f9fa;
    margin: 1rem;
    z-index: 0;
}
.icon-box .icon-box-inner.small-xs {
    padding: 1.5rem;
}
.icon-box .icon-box-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.text-primary {
    color: #0000ff !important;
}
.mt-0-sp, .my-0-sp {
    margin-top: 1rem !important;
}
.bg-light .media-body h5 {
    font-size: 1.25rem;
}
.pt-4-sp, .py-4-sp {
    padding-top: 1.5rem !important;
}
.col-md-12-sp {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-md-12-sp p{
    margin-bottom:1rem;
    font-size: 1rem;
}
.bg-light .btn {
    transition: all .25s ease-out;
}
.bg-light .btn-outline-primary {
    color: #0000ff;
    background-color: transparent;
    background-image: none;
    border-color: #0000ff !important;
}
.bg-light .btn , .bg-hero .btn, .bg-process .btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 2px solid transparent;
    padding: 0.5rem 1.5rem;
    font-size: 1rem !important;
    line-height: 1.5;
    border-radius: 1.75rem;
}
.btn:not(.btn-link):hover, .btn:not(.btn-link):focus, .btn:not(.btn-link):active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all .25s ease-out;
}
.btn-outline-primary:hover {
    color: #ffffff;
    background-color: #0000ff;
    border-color: #0000ff;
}
.bg-hero {
    background-color: #0000ff;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.pb-8-sp, .py-8-sp {
    padding-bottom: 12rem !important;
}
.pt-8-sp, .py-8-sp {
    padding-top: 12rem !important;
}
.bg-hero:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0, 0, 255, 0.6);
}
.bg-hero .containerxd {
    z-index: 2;
    position: relative;
}
.col-12-sp {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.mb-4-sp, .my-4-sp {
    margin-bottom: 1.5rem !important;
}
.bg-hero .btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}
.bg-hero .btn-outline-light:hover {
    color: #212529 !important;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.mt-6-sp, .my-6-sp- {
    margin-top: 6rem !important;
}
.timeline .media {
    position: relative;
    z-index: 0;
}
.bg-process .media {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}
.mt-1-sp, .my-1-sp {
    margin-top: 0.25rem !important;
}
.bg-process .media-body {
    padding-right:0;
}
.bg-process .media-body h5{
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    margin-top: 0.6rem;
}
.bg-process .media-body p{
    font-size: 1rem;
    margin-bottom: 1rem;
}
.bg-process .timeline .media:after {
    content: '';
    position: absolute;
    border-radius: 4px;
    top: 10px;
    left: 48px;
    width: 6px;
    height: 100%;
    background-color: #f8f9fa;
    z-index: -1;
    box-sizing: border-box;
}
.timeline .media:last-child:after {
    background-color: transparent;
}
.bg-process h3.dot-circle {
    font-size: 34px;
    margin-bottom: 0.5rem;
}
.dot-circle.dot-lg:before {
    height: 200px;
    left: -50px;
    top: -40px;
    width: 200px;
}
.bg-process .btn-primary {
    color: #ffffff;
    background-color: #0000ff;
    border-color: #0000ff;
}
.bg-process .btn-primary:hover {
    color: #ffffff;
    background-color: #0000d9;
    border-color: #0000cc;
}
.dot-circle:hover:before {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: all .25s ease-out;
}
.review .quote {
    font-size: 18px;
    margin-bottom: 1rem;
    background: #ffffff;
    padding: 30px 20px;
    letter-spacing: 2px;
}
.img-review {
    max-width: 50px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.mr-2-sp, .mx-2-sp {
    margin-right: 0.5rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
/* é£Ÿå“GMP æ ç›®é¡µ*/
.w3l-index-block1 {
    background: #fafafa;
}
.w3l-index-block1 .content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.pb-md-5-sp, .py-md-5-sp {
    padding-bottom: 3rem !important;
}
.pt-md-5-sp, .py-md-5-sp {
    padding-top: 3rem !important;
}
.w3l-index-block1 .content-left h1 {
    font-size: 40px;
    line-height: 46px;
    color: var(--title-color);
    font-weight: 700;
}
.w3l-index-block1 .content-left p {
    color: var(--text-color);
    font-size: 16px;
    line-height: 24px;
}
.mb-md-5-sp, .my-md-5-sp {
    margin-bottom: 3rem !important;
}
.btn-theme {
    padding: 14px 22px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.3s ease-in;
}
.btn-primary {
    color: #fff;
    background-color: #151965;
    border-color: #151965;
}
.w3l-index-block1 .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.pt-md-3-sp, .py-md-3-sp {
    padding-top: 1rem !important;
}
.pb-md-3-sp, .py-md-3-sp {
    padding-bottom: 1rem !important;
}
.heading {
    max-width: 800px;
}
.heading h3 {
    font-size: 35px;
    line-height: 40px;
    color: var(--title-color);
}
.heading p {
    color: #6c757d;
    font-size: 16px;
    line-height: 24px;
}
.col-lg-3-sp {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-lg-4-sp {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.w3l-index-block2 .s-block {
}
.p-lg-4-sp {
    padding: 1.5rem !important;
}
.d-block {
    display: block !important;
}
.w3l-index-block2 .s-block h3 {
    color: #0F0F1A;
    font-size: 26px;
    line-height: 35px;
}
.w3l-index-block2 .s-block p {
    color: #6c757d;
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
}
.w3l-index-block3 .cwp17-text h2 {
    font-size: 35px;
    line-height: 42px;
    color: #0F0F1A;
}
.w3l-index-block3 .cwp17-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #6c757d;
    margin: 25px 0;
}
.w3l-index-block3 .cwp17-text a {
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    color: #ff8556;
    transition: 0.3s ease-out;
    display: block;
}
.w3l-index-block4 .features-bg {
    background: #fafafa;
}
.w3l-index-block4 .features15-col-text {
    margin-top: 30px;
}
.w3l-index-block4 .feature-unit {
    border-radius: 6px;
    transition: 0.3s ease-in;
    padding: 2rem 1rem;
    box-shadow: 1px 2px 6px 1px rgba(53, 54, 102, 0.08);
    background: #fff;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.col-sm-3-sp {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.w3l-index-block4 .features15-info {
    background: #fff;
    width: 100px;
    height: 100px;
    margin: auto;
    line-height: 100px;
    border-radius: 50%;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}
.w3l-index-block4 .features15-info i {
    font-size: 50px;
    color: #151965;
    line-height: 100px;
    display: block;
}
.w3l-index-block4 .features15-col-text:hover i {
  color: #fff;
}
.col-sm-9-sp {
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.w3l-index-block4 .features15-para h4 {
    font-size: 22px;
    line-height: 25px;
    color: #0F0F1A;
}
.w3l-index-block4 .features15-para p {
    color: #6c757d;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    width: 90%;
}
.w3l-index-block4 .features15-col-text:hover div.features15-para h4 {
  transition: 0.3s ease-in-out;
  color: red;
}
.w3l-index-block4 .features15-para h4:hover {
  transition: 0.3s ease-in-out;
  color: #151965;
}
.w3l-index-block4 .feature-unit:hover {
    box-shadow: 0px 0px 8px rgba(53, 54, 102, 0.2);
    transition: 0.3s ease-in;
}
.w3l-index-block4 .features15-col-text:hover div.features15-info {
    background: #151965;
    color: #fff;
    transition: 0.3s ease-in-out;
}
.w3l-index-block7 .cwp17-text h2 {
    font-size: 35px;
    line-height: 42px;
    color: #0F0F1A;
}
.w3l-index-block7 .cwp17-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 25px;
    color: #6c757d;
    margin: 25px 0;
}
.w3l-index-block7 .cwp17-text a {
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    color: #ff8556;
    transition: 0.3s ease-out;
    display: block;
}
.w3l-index-block7 .cwp17-text a:hover {
  color:#151965;
  transition: 0.3s ease-out;
  text-decoration: underline;
}
.w3l-index-block10 .new-block {
    background-size: cover;
    background-image: linear-gradient(to right, rgba(25, 51, 101, 0.85), rgba(0, 0, 0, 0.08)), url(https://vip.helloimg.com/images/2023/11/14/ovGK5Y.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center;
    background-attachment: fixed;
    display: grid;
    align-items: center;
    padding: 7rem 0;
}
.w3l-index-block10 .middle-section {
    max-width: 40%;
}
.w3l-index-block10 .middle-section h2 {
    color: #ffffff;
    font-size: 32px;
    line-height: 40px;
}
.w3l-index-block10 .link-list-menu p {
    font-size: 18px;
    color: #eee;
    line-height: 28px;
    padding-top: 25px;
}
.w3l-index-block10 .btn-more {
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
    transition: 0.3s ease-in-out;
    padding: 15px 30px;
}
.btn-outline-light {
    color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.w3l-index-block10 .btn{
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.w3l-index-block10 .btn-more:hover span.fa.fa-arrow-right {
    padding-left: 3px;
    transition: 0.3s ease-in-out;
}
.icon-youjiantou2::before {
    content: "\e627";
}
.icon-Apps-filled::before{
    content: "\e71d";
}
.icon-shichangdingwei::before{
  content: "\e603";
}
.icon-shangsheng::before{
  content: "\e65d";
}
.icon-zuzhi2::before{
  content: "\e698";
}
.icon-huagongchang::before{
  content: "\e629";
}
.icon-choucha::before{
  content: "\e643";
}
/* åŒ–å¦†å“ç”Ÿäº§è®¸å¯è¯ é¡¶çº§æ ç›® */
.bg-li {
    background: #f8f9fa;
}
.text-right {
    text-align: right !important;
}
.col-4-sp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-8-sp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.wthree_banner_bottom_grid_right h4 {
    font-size: 25px;
    color: #000;
    letter-spacing: 1px;
}
.wthree_banner_bottom_grid_right p, .aboutus p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
    font-family: 'Open Sans', sans-serif;
}
.mt-lg-0-sp, .my-lg-0-sp {
    margin-top: 0 !important;
}
.mb-lg-4-sp, .my-lg-4-sp {
    margin-bottom: 1.5rem !important;
}
.mt-xl-0-sp, .my-xl-0-sp {
    margin-top: 0 !important;
}
.col-lg-6-sp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.ml-xl-4-sp, .mx-xl-4-sp {
    margin-left: 1.5rem !important;
}
.col-lg-5-sp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.mt-lg-3-sp, .my-lg-3-sp {
    margin-top: 1rem !important;
}
.aboutus h3.tittle, .banner-bottom-w3layouts h3.tittle, .newsletter_right_w3w3pvt-lau h3.tittle, .services-w3sec h3.tittle{
    font-size: 34px;
    color: #1c85a4 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.aboutus h2.about-left-w3pvt-lau {
    font-size: 22px;
    letter-spacing: 1px;
}
.text-black {
    color: #343a40;
}
.mt-sm-5-sp, .my-sm-5-sp {
    margin-top: 3rem !important;
}
.middlesection-w3pvt-lau {
    background: #1c85a4;
}
.pb-sm-3-sp, .py-sm-3-sp {
    padding-bottom: 1rem !important;
}
.pt-sm-3-sp, .py-sm-3-sp {
    padding-top: 1rem !important;
}
.col-md-3-sp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
p.counter {
    color: #fff;
    font-size: 3.5em;
    font-weight: 800;
    letter-spacing: 1px;
    /* line-height: 1.9; */
    display: inline-block;
}
.text-li {
    color: #f8f9fa;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.9;
}
.banner-bottom-w3layouts p.sub-tittle {
    max-width: 700px;
    margin: 0 auto;
    font-size: 15px;
}
.about-in .card {
    padding: 2.5em .5em;
    border: 1px solid transparent;
    transition: box-shadow 0.3s ease-in-out;
    background: transparent;
}
.card {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border-radius: 0.25rem;
}
.card-body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.about-in .card i {
    font-size: 34px;
    color: #fff;
    width: 75px;
    height: 75px;
    background: #1c85a4;
    border-radius: 50%;
    line-height: 2.2;
    display: inline-block;
}
.icon-a-shenpanchuizi:before {
    content: "\e63f";
}
.icon-yongyan:before {
    content: "\e604";
}
.icon-mofabi:before {
    content: "\e6db";
}
.icon-gongju:before {
    content: "\e633";
}
.icon-gearmore-full:before {
    content: "\e978";
}
.icon-shujuzengchang:before {
    content: "\ee19";
}
.about-in .card h5.card-title {
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 600;
}
p.card-text {
    margin: 0;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
    font-family: 'Open Sans', sans-serif;
}
.about-in .card:hover, .about-in .card.active {
    background: #fff;
    -webkit-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
    -moz-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
    box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
    border-radius: 15px;
}
p.sub-tittle {
    max-width: 700px;
    margin: 0 auto;
    font-size: 15px;
}
ul.apps-lists li {
    display: inline-block;
}
ul.apps-lists li a {
    background: #fff;
    color: #000;
    padding: 14px 20px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.15);
    font-size: 17px;
    display: inline-block;
}
ul.apps-lists li a i {
    color: #1c85a4;
}
.ml-sm-3-sp, .mx-sm-3-sp {
    margin-left: 1rem !important;
}
.mr-sm-3-sp, .mx-sm-3-sp {
    margin-right: 1rem !important;
}
.mb-sm-0-sp, .my-sm-0-sp {
    margin-bottom: 0 !important;
}
.mt-sm-0-sp, .my-sm-0-sp {
    margin-top: 0 !important;
}
ul.apps-lists li a.active {
    background: #1c85a4;
    color: #fff;
}
ul.apps-lists li a.active i {
    color: #fff;
}
.icon-pingguo:before {
    content: "\e60b";
}
.icon-windows:before {
    content: "\e668";
}
.icon-ai-app:before {
    content: "\e622";
}
.banner-bottom-w3layouts p,.newsletter_right_w3w3pvt-lau p, .services-w3sec p {
    letter-spacing: 1px;
    line-height: 1.9;
    color: #999;
}
.w3ls-pricing.card {
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    border-radius: 0px;
    transition: all .3s ease-in-out;
    padding: 2.25rem;
    position: relative;
}
.w3ls-pricing .card-header {
    background-color: white;
    padding-left: 2rem;
    border-bottom: 0px;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.services-w3sec .card-header{
    padding: 0.75rem 1.25rem;
}
h4.price-title {
    font-size: 24px;
    letter-spacing: 1px;
}
.card-title {
    margin-bottom: 0.75rem;
}
.services-w3sec .display-2 {
    font-size: 4rem;
    letter-spacing: -6px;
    color: #1c85a4;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    margin-top: 0;
    padding: 0;
    background: none;
}
.display-2 .period {
    font-size: 1rem;
    color: #b3b3b3;
    letter-spacing: 0px;
}
.w3ls-pricing .card-block {
    padding-top: 0;
}
.list-group {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-item {
    color: #777;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.btn-gradient {
    background-color: #1e2d3a;
    color: #fff;
    transition: background .3s ease-in-out;
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .2);
}
.services-w3sec .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}
.w3ls-pricing.card:hover:after {
    width: 100%;
}
.w3ls-pricing.card:after, .service-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #1e2d3a;
    transition: 0.5s;
}
.w3ls-pricing .card-header {
    background-color: white;
    padding-left: 2rem;
    border-bottom: 0px;
}
.service-active, .service-active .card-header, .service-active .list-group-item {
    background: #1c85a4;
}
.card-header.active .display-2, .card-header.active .display-2 .period, .card-block.active .list-group-item {
    color: #fff;
}
.text-wh {
    color: #fff;
}
.w3ls-pricing.card.service-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #1e2d3a;
    transition: 0.5s;
}
.btn-gradient:hover {
    color: white;
    background-color: #1ccacd;
}
.service-active .btn-gradient:hover {
    color: #000;
    background-color: #fff;
}
.testi-w3ls {
    background: #1c85a4;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.test-text-w3pvt p i {
    font-size: 30px;
    vertical-align: super;
    display: inline-block;
}
.ml-2-sp, .mx-2-sp {
    margin-left: 0.5rem !important;
}
.test-text-w3pvt h4 {
    letter-spacing: 1px;
    font-size: 1.5rem;
}
.icon-baojiaquotation:before {
    content: "\e63a";
}
.icon-baojiaquotation2:before {
    content: "\e63c";
}
/* åŒ–å¦†å“ç”Ÿäº§è®¸å¯è¯ å­æ ç›® */
.section-space-less30 {
    padding: 100px 0 90px;
}
.bg-common-style {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.features3-layout2 {
    margin-bottom: 30px;
}
.features3-layout2 h3 {
    font-size: 24px;
    line-height: 1.4;
    margin: 0px 0 20px 0;
}
.features3-layout2 h3 a {
    color: #333333;
}
.features3-layout2 p {
    margin: 0;
    color: #505050;
    line-height: 1.7;
    padding-left: 61px;
}
.features3-layout2 i {
    color: #ff9800;
    font-size: 45px;
    line-height: 1;
}
.icon-tianchongxing:before {
    content: "\e640";
}
.icon-zixun1:before {
    content: "\e662";
}
.icon-zhengshu:before {
    content: "\e641";
}
.icon-renqi:before {
    content: "\e6a5";
}
.icon-huoquxuke:before {
    content: "\e680";
}
.icon-zhiliang:before {
    content: "\e88b";
}
.icon-xufanggouchengfenxi:before {
    content: "\e617";
}
.icon-weituofangziliaoshenhe:before {
    content: "\e615";
}
.icon-heguiguanli:before {
    content: "\e66e";
}
.icon-biaoqian:before {
    content: "\e887";
}
.icon-renwuguihua:before {
    content: "\e758";
}
.icon-xianchangxinxi:before {
    content: "\e9b2";
}
.section-space-less30e {
    padding: 100px 0 100px;
}
.video-box-layout1 {
    width: 100%;
    position: relative;
    text-align: center;
}
.video-box-layout1 img {
    /* width: 100%; */
}
.about-content-layout1 {
    margin-left: 20px;
}
.about-content-layout1 h2 {
    color: #333333;
    text-transform: capitalize;
    line-height: 45px;
    margin-bottom: 25px;
    font-size: 36px;
}
.about-content-layout1 h2 span {
    color: #ff9800;
}
.about-content-layout1 p {
    line-height: 1.7;
    margin: 0 0 20px 0;
    color: #7d8f99;
    font-size: 16px;
}
.about-content-layout1 ul {
    margin-bottom: 20px;
    font-size: 16px;
}
.about-content-layout1 ul li {
    padding: 0 0 10px 0;
    font-weight: 500;
}
.about-content-layout1 ul li::before {
    font-size: 18px;
    color: rgb(255, 152, 0);
    margin-right: 6px;
    content: "\e621";
    font-family: 'iconfont';
}
.about-content-layout1 ul li a {
    color: #7d8f99;
    font-size: 18px;
}
.button-for-more {
    position: relative;
    z-index: 9;
    padding: 30px 0 0 0;
    text-align: left;
}
.btn-str-up2 {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 22px 45px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: .3s;
    vertical-align: middle;
    background: #ff9800;
    border-radius: 0;
    border: none;
}
.btn-str-up2:hover::before {
    transform: scaley(1);
}
.btn-str-up2:before {
    background: #293891;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 0;
}
.btn-str-up2:hover {
    color: #fff;
}
.bg-gray2 {
    background-color: #f2f4f5;
}
.section-title h2 span {
    color: #ff9800;
}
.section-title p {
    margin: 0 auto;
    width: 50%;
    line-height: 1.7;
    color: #7d8f99;
    font-size: 16px;
}
.shape-service-layout1 {
    text-align: center;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.shape-service-layout1:hover:before, .shape-service-layout1:hover:after {
    visibility: visible;
    opacity: 1;
}
.shape-service-layout1:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #293891;
    border-left: 50px solid transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease-out;
}
.shape-service-layout1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #293891;
    border-right: 50px solid transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.shape-service-layout1 i {
    display: block;
    text-align: center;
    color: #ff9800;
}
.shape-service-layout1 i:before {
    margin: 0;
    font-size: 80px;
}
.flaticon-skyline:before {
    content: "\f117";
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}
.shape-service-layout1 h3 {
    text-align: center;
    padding-bottom: 15px;
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4;
}
.shape-service-layout1 h3 a {
    color: #333333;
    transition: all 1s ease-out;
}
.col-md-4-sp {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}    
.project-layout1 {
    margin-bottom: 30px;
}
.project-layout1 .image-box {
    margin-bottom: 45px;
    text-align: center;
}
.project-layout1 .content-box h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}
.project-layout1 .content-box h3 a {
    color: #333333;
    transition: all 0.5s ease-out;
}
.project-layout1 .content-box p {
    line-height: 1.7;
    margin: 0 40px 20px 40px;
    color: #7d8f99;
    font-size: 16px;
}
.progress-area {
    padding: 108px 0 90px;
}
.progress-layout1 {
    margin-bottom: 30px;
    text-align: center;
}
.progress-layout1 h2 {
    color: #ff9800;
    font-size: 50px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.progress-layout1 p {
    color: #526788;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.col-lg-12-sp {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.why-choose-layout1 {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: scale(1);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    overflow: hidden;
}
.why-choose-layout1 .image-box {
    margin-bottom: 30px;
    overflow: hidden;
}
.why-choose-layout1 .image-box img {
    width: 100%;
    transform: scale(1);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.why-choose-layout1 .content-box {
    text-align: center;
    padding: 0 30px;
}
.why-choose-layout1 .content-box h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
}
.why-choose-layout1 .content-box h3 a {
    color: #333333;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.why-choose-layout1 .content-box p {
    margin: 0;
    padding-bottom: 40px;
    line-height: 1.7;
    color: #7d8f99;
    font-size: 16px;
}
.section-space-all {
    padding: 120px 0 120px;
}
.banner-overlay {
    position: relative;
}
.banner-overlay:before {
    content: "";
    background-color: rgba(39, 42, 59, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.brochure-image-box img {
    max-width: 100%;
    height: auto;
}
.col-lg-1-sp {
    width: 3.333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.col-lg-5-sp {
    width: 47.666667%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.brochure-content-layout1 h2 {
    color: #ffffff;
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px 0;
}
.brochure-content-layout1 p {
    color: #ffffff;
    margin-bottom: 45px;
    line-height: 1.7;
    font-size: 16px;
}
.btn-str-up3 {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    padding: 22px 45px;
    position: relative;
    text-transform: capitalize;
    transform: perspective(1px) translateZ(0px);
    transition: .3s;
    vertical-align: middle;
    background: #293891;
    border-radius: 0;
    border: none;
}
.brochure-content-layout1 li {
    display: inline-block;
    margin-right: 15px;
}
.btn-str-up3:hover::before {
    transform: scaley(1);
}
.btn-str-up3:before {
    background: #333333;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 0;
}
.btn-str-up3:hover {
    color: #fff;
}
.t_liucheng {
	overflow: hidden;
	padding: 75px 0;
}
.t_liucheng ul li {
    float: left;
    display: inline-block;
    transition-duration: 0.8s;
    width: 14.05%;
    border: 1px solid #cccccc;
    margin-right: 3%;
    text-align: center;
    box-sizing: border-box;
    padding: 1% 0 1%;
}
.t_liucheng ul li img {
    margin-top: 38px;
}
.t_liucheng ul li p {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 38px;
}
.t_liucheng ul li:last-child {
    margin-right: 0;
}
.t_liucheng .content_liucheng {
    margin: 30px 0px;
    overflow:  hidden;
}
.t_liucheng ul li:hover {
    border: 1px #89a1cb solid;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.inline-flex {
    display: inline-flex;
}
/* å¹¿å‘Šå®¡æŸ¥ é¡¶*/
.index_hd {text-align: center;margin-bottom: 80px;}
.index_process{padding-top: 55px;padding-bottom: 55px;}
.index_process .index_bd{position: relative;}
.index_process .process_line{display: block;width: 100%;height: 1px;background-color: #878787;position: absolute;left: 0;bottom: 10px;}
.index_process .process_items{-webkit-box-pack:justify;justify-content:space-between;padding-bottom: 12px;position: relative;z-index: 1;display: flex;}
.index_process .process_item {flex:0 0 16%;max-width: 16%;width: 16%;text-align: center;position: relative;}
.index_process .process_item .item_ico{display: block;width: 104px;height: 104px;margin: 0 auto;position: relative;}
.index_process .process_item .item_ico:before,.index_process .process_item .item_ico:after{content: '';display: inline-block;width: 100px;height: 100px;border: 2px solid #00729e;border-radius:8px;vertical-align: middle;background-position: center;background-repeat: no-repeat;}
.index_process .process_item .item_ico:before{background-image: url(/tupian/process_item_ico.png);-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.index_process .process_item .item_ico:after{background-color: #338eb1;border-color: #338eb1;background-image: url(/tupian/process_item_active.png);opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;-webkit-transform: scale(1) translate3d(20%,0,0);-ms-transform: scale(1) translate3d(20%,0,0);-o-transform: scale(1) translate3d(20%,0,0);transform: scale(1) translate3d(0,20%,0,0);}
.index_process .process_item .item_name{display: block;margin: 25px 5% 10px;height: 46px;line-height: 20px;overflow: hidden;font-size: 20px;}
.index_process .process_item:hover:after{border-color: #00729e;}
.index_process .process_item:hover .item_ico:before{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translate3d(-20%,0,0);-ms-transform: translate3d(-20%,0,0);-o-transform: translate3d(-20%,0,0);transform: translate3d(-20%,0,0);-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.index_process .process_item:hover .item_ico:after{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;}
.index_hd, .index_hd a {color: #000;}
.index_process .layout, .index_product .layout, .index_company_intr .layout, .company_subscribe .layout{
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.index_hd .hd_title {
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -.05em;
}
.index_hd .hd_title:after {
    content: '';
    display: block;
    width: 140px;
    height: 4px;
    background-color: #00729e;
    border-radius: 3px;
    margin: 25px auto 0;
}
.index_process .layout:after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.index_process .process_item:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border: 1px solid #878787;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -3px;
    border-radius: 50%;
    outline: 3px solid #fff;
}
.index_process .process_item .item_ico:before,.index_process .process_item .item_ico:after,.index_product .product_item figure:before{
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.index_product{padding-top: 70px;padding-bottom: 115px;background-repeat: no-repeat;background-position: center 0;-webkit-background-size: cover;background-size: cover;position: relative;}
.index_product .index_hd{margin-bottom: 40px;}
.index_product .product_items{}
.index_product .product_item{width: 22%;overflow: hidden;margin-right: 4%;float: left;box-sizing: border-box;}
.index_product .product_item:nth-child(4n){margin-right: 0;}
.index_product .product_item figure{position: relative;padding: 30px;}
.index_product .product_item figure:before{content: '';display: block;width: 40%;height: 4px;background-color: #00729e;position: absolute;left: 30%;top: -1px;opacity: 0;}
.index_product .product_item figcaption{border-top: 1px solid #b7b7b7;padding-top: 0.5em;position: relative;padding-bottom: 0.5em;}
.index_product .product_item .item_img{padding-bottom: 20px;}
.index_product .product_item .item_img:before{content: '';display: block;width: 100%;height: 4px;position: absolute;left: 0%;bottom: 30px;background-repeat: no-repeat;background-position: center;background-image: url(../images/pd_item_shadow.png);}
.index_product .product_item .item_title{overflow: hidden;font-size: 20px;margin-bottom: 1.5em;text-align: center;font-weight: normal;}
.index_product .product_item .item_title a{height: 1.5em;line-height: 1.5em;white-space: nowrap;text-overflow: ellipsis;}
.index_product .product_item .item_more{display: block;text-align: center;}
.index_product .product_item figure:hover{box-shadow: 0 5px 0 rgba(0,0,0,.2)-webkit-transform: translate3d(0,-5px,0);-ms-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);transform: translate3d(0,4px,0);}
.index_product .product_item figure:hover:before{width: 100%;left: 0;opacity: 1;}
.product_item figure {
    margin: 0;
    background-color: #fff;
}
.index_product .product_item .item_img {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.index_product .product_item .item_img img{
    width: 100%;
}
.sys_btn {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    padding: 0.8em 1.5em;
    background: #00729e;
    border-radius: 0.5em;
    color: #fff!important;
    vertical-align: middle;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.index_product .product_item .sys_btn {
    min-width: 60%;
}
.sys_btn:after {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    left: 35%;
    top: 0;
    z-index: -1;
}
.sys_btn:hover:after {
    width: 100%;
    left: 0;
    background-color: #338eb1;
}
.index_company_intr {
    padding-top: 75px;
}
.index_company_intr .index_bd {
    position: relative;
}
.index_company_intr .index_bd:before {
    content: '';
    display: block;
    width: 100%;
    height: 270px;
    background-color: #00729e;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-container-horizontal {
    overflow: hidden;
}
.index_company_intr .index_company_intr-kuang {
    box-sizing: content-box;
}
.index_company_intr .company_intr_item {padding-top: 80px;}
.index_company_intr .company_intr_cont {
    width: 52%;
    padding-top: 60px;
    padding-right: 6%;
    float: left;
    text-align: right;
}
.index_company_intr .intr_item_tit, .index_company_intr .intr_item_tit a {
    color: #fff;
}
.index_company_intr .intr_item_tit h3 {
    font-size: 35px;
    text-transform: uppercase;
}
.index_company_intr .intr_item_tit h4 {
    margin-top: 0.3em;
    font-size: 20px;
    font-weight: normal;
}
.index_company_intr .intr_item_tit h3, .index_company_intr .intr_item_tit h4 {
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
}
.index_company_intr .intr_item_desc {
    margin-top: 90px;
    font-size: 18px;
    height: 7em;
    line-height: 1.4em;
    overflow: hidden;
    margin-left: 90px;
}
.index_company_intr .learn_more {
    padding-top: 60px;
}
.index_company_intr .company_intr_img, .index_company_intr .company_intr_img img {
    border-radius: 30px;
}
.index_company_intr .company_intr_img {
    width: 42%;
    float: left;
}
.company_subscribe {
    padding-top: 80px;
}
.company_subscribe .index_bd {
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #00729e;
}
.company_subscribe .subscribe_cont {
    width: 70%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}
.company_subscribe .subscribe_cont, .company_subscribe .subscribe_cont a {
    color: #fff;
}
.company_subscribe .subscribe_desc {
    font-size: 20px;
}
.company_subscribe .learn_more {
    display: block;
    padding-top: 40px;
    text-align: center;
}
.company_subscribe .sys_btn {
    background-color: #fff;
    color: #1c85a4!important;
    font-size: 20px;
    padding: 0.6em 1.2em;
}
.company_subscribe .sys_btn:hover {background-color: #1c85a4;color: #fff!important;}